チーム28 珍名ズ
背景:チームリーダーが日本酒好き⇨関西には美味しい地酒がたくさんある!じゃあ関西の地酒に特化したサイトを作ろう。
課題:美味しい地酒の数は多いが、知名度がイマイチだったりする(特に若い世代に)
解決されること:普段何気なく使っているスマホで、関西の美味しい地酒や、それらを提供しているお店を調べることができたら、地酒がもっと身近に感じられ、いい感じになるのではないかと考えた。
Kansai Sake Night
「誰でも手軽に簡単に」関西の地酒に触れることができます。
全体の画面構成は大きく分けて3つあり、「地酒の一覧」「居酒屋の一覧」「居酒屋マップ」となっています。
「地酒の一覧」 関西の地酒を一覧で見ることができます。 また、それぞれの地酒をタップすると、詳細情報を見ることができます。(産地、種類、風味)
「居酒屋の一覧」 関西の地酒を提供している居酒屋を一覧で見ることができます。 地酒と同じく、居酒屋もタップすると、詳細情報を見ることができます。(提供している地酒、GoogleMapへのリンク)
「居酒屋マップ」 現在地周辺の居酒屋がピンによって一目でわかります。 ピンをタッチすると、居酒屋の名前と、GoogleMapへのリンクが出てきます。
https://www.youtube.com/watch?v=fbzGp0XJGq8
敢えて、使用対象をPCではなくスマートフォンに絞ることにより、若い層へ手軽でのアピールができ、若い人が地酒へ触れるきっかけとなると考えた。 (普段外食の際に、店を探そうと思ったらスマホを使うことが多いと感じたから)
できるだけシンプルで、操作がわかりやすくなるように極力無駄なものを排除した。
React以外は、ほぼ初めて触れる技術を採用してみた。
React + Vite + TS
supabase
GoogleMapsApi