このサイトは、特にやりたいこともなく無気力に生きる汚い中年おじさんデザイナー佐藤文彦のポートフォリオサイトです。
応援よろしくお願いします。

子ども用ポイント記録サービス 「Kポイント」

2021年12月15日

子供が自宅で毎日ダラダラと自堕落なを過ごしているので、紙でポイントカードを作りポイントが貯まったら何かに交換してあげる制度を作ったら、思った以上に楽しそうにポイントを貯め出しました。

ただ、紙で作ったので、修正が発生した場合はその都度プリントアウトが必要で少し面倒でした。

そこで、ポイントの記録と、商品への交換がでいるだけの簡単なサービスを作りました。

ちなみにサービス名にある「K」は私の子供のイニシャルです。

トップページ

獲得しているポイントと、各画面へのナビゲーションを表示。

トップページ

ポイント付与、プレゼント付与ページ

がんばったらポイントをあげるページと、ポイントが貯まったらプレゼントに交換してあげるページ。

ポイント付与、プレゼント付与ページ

ボタンを押すとダイアログが表示される。

ポイント付与、プレゼント付与ページ

ポイント、プレゼント編集ページ

ポイントと、プレゼントの編集画面。親が使う。

ポイント付与、プレゼント付与ページ

使用した技術・ツール

  • Vue3
  • Typescript
  • Firebase
  • Figma
  • illustrator