米粉ドーナツ専門店ウェブサイト【米っこ堂】(架空)

OVERVIEW

米粉ドーナツの製造・販売を行う【米っこ堂】(架空)のウェブサイトを制作しました。

【制作期間】2日(13時間)

【担当範囲】デザイン/企画

【使用ツール】illustrator/Photoshop

【制作目的】お店の宣伝/米粉ドーナツの良さを伝える/ユーザーに行ってみたいと思ってもらう

【ペルソナ】甘い物好きな20~40代の男女/食に気を使っている人・親


サイトデザイン


【コンセプト】ドーナツだけど「和」

ドーナツは洋菓子ですが、米粉ということを印象づけるために「和」の雰囲気をサイト全体にもたせました。また、お店の素朴で丁寧な雰囲気が伝わるように意識しました。


制作ポイント

1.米粉の印象づけ・アピール

・米粉ドーナツであることを印象づけるために、写真を大きな米粒の形に切り抜いて二箇所に使用しました。また、米粒のアイコンを見出しやロゴにポイントとして使用しています。

・米粉の利点を5つ挙げ、ユーザーに簡単に伝わるような文章にしています。

2.配色とフォント選び

・配色ベースはシンプルにし、サブカラーとして稲の色をイメージしたベージュを使用しました。

・写真の色は暖色系にととのえ、あたたかい雰囲気がでるようにしました。

・フォントは、ロゴとキービジュアルの文には「和」でやわらかい雰囲気の出るUDデジタル教科書体N-Rを、本文には同じく「和」で繊細な感じのあるはんなり明朝体を使用しています。

・イラストの配色を背景に同化させることで、全体の雰囲気を統一させつつシンプルに見えすぎないように工夫しました。

3.「和」の雰囲気

・キービジュアルやドーナツのメニューなど、縦書きの部分を入れることで和っぽさ出るように意識しました。

・お歳暮につける熨斗をイメージしてリボンのイラストを二箇所に使用し、丁寧で謙虚な雰囲気が出せるように意識しました。