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

2021/12/15
UIデザイン

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

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

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

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

トップページ

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

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

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

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

k-point

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

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

Other

3Dの習作です
3Dの習作です

3Dの習作です。基本的にはYoutubeの初心者向けチュートリアルをみながら作っています。

3Dの習作です
3Dの習作です

3Dの習作です。たまに触る程度なのであまりうまくならないです。

AdobeMaxChallengeにチャレンジ
AdobeMaxChallengeにチャレンジ

AdobeMaxChallengeに応募した作品です。あえなく落選でした。

「BATTERY KING」パッケージデザイン
「BATTERY KING」パッケージデザイン

パッケージデザインとBlenderを利用したモックアップ作成です。

「きゅうりノお水シリーズ」パッケージデザイン
「きゅうりノお水シリーズ」パッケージデザイン

やおさいの「きゅうりノお水シリーズ」のパッケージデザインになります。

Daily UIにチャレンジ
Daily UIにチャレンジ

AdobeMaxChallengeに応募した作品です。あえなく落選でした。

「岩手ごちそう牛乳」パッケージデザイン
「岩手ごちそう牛乳」パッケージデザイン

パッケージデザインとBlenderを利用したモックアップ作成です。

スキル交換サービス KOOKAN-KO
スキル交換サービス KOOKAN-KO

得意なことを教え合い、スキルアップを目指すマッチングサービスです。

「徳島県鳴門市のれんこんビール」パッケージデザイン
「徳島県鳴門市のれんこんビール」パッケージデザイン

「徳島県鳴門市のれんこんビール」のパッケージデザインになります。

水戸市ロゴコンペ不採用案
水戸市ロゴコンペ不採用案

水戸市のロゴコンペに出した案です。不採用でした。

「三ツ星ホテルのあんきもステーキ缶詰」パッケージデザイン
「三ツ星ホテルのあんきもステーキ缶詰」パッケージデザイン

淡路島冬の味覚「三ツ星ホテルのあんきもステーキ缶詰」のパッケージデザインになります。

「淡路島オニオンジャム」パッケージデザイン
「淡路島オニオンジャム」パッケージデザイン

淡路島オニオンプロジェクトの「淡路島オニオンジャム」のパッケージデザインになります。

簡単自動おしゃべりサービス Oシャベリ
簡単自動おしゃべりサービス Oシャベリ

自分の子供が、どうにもグータラしているので、人参ぶら下げてやる気を出させようと作成したサービスです。

PHPカンファレンス2021 ロゴコンペ
PHPカンファレンス2021 ロゴコンペ

PHPカンファレンスのロゴコンペの応募案です。あえなく不採用となりました。

Processingの習作
Processingの習作

大したものでは無いですが、Processingの習作です。

「徳之島ラビットコーヒー」パッケージデザイン
「徳之島ラビットコーヒー」パッケージデザイン

「徳之島ラビットコーヒー」のパッケージデザインになります。

TouchDesignerの習作です
TouchDesignerの習作です

TouchDesignerの練習の為いくつか作った習作たちです。

TouchDesignerの習作です
TouchDesignerの習作です

TouchDesignerの練習の為いくつか作った習作たちです。

WebGLの習作
WebGLの習作

WebGLの習作です。

なにかお手伝いできることがあればご連絡ください。

お問い合わせはこちらから

※Googleフォームが表示されます