桜屋(お弁当老舗店)
オリジナルサイト
制作期間 デザイン7日、コーディング2日
制作ツール Photoshop/Illustrator/XD/HTML/CSS/JavaScript(JQuery)
制作ツール Photoshop/Illustrator/XD/HTML/CSS/JavaScript(JQuery)
-
目的
購買意欲促進
-
ターゲット
祝いの席などで提供できるような見た目も味も良いお弁当を買いたい人。複数のお弁当を購入して宅配してほしい人。
-
情報設計
ファーストビューで何のお店なのかを示し、こだわりにも少し触れることで次のページとの関連性を持たせました。「桜屋のこだわり」のページはユーザーに"この店がいい"と思わせる個性や他との違いを提示しており目に留まる必要があるので、他のページと動きを変える工夫をしました。「お弁当一覧」のページでは弁当名だけでなく説明文や品書き・値段を詳細に記載することでユーザーはお弁当のイメージが付きやすく購入へのハードルを下げられるようにしました。また、注文の流れを書くことで予約の仕方や宅配の有無が確認できるため、スムーズに購入に進めると考えました。
-
デザイン
サイト全体を和風なイメージでサイトを制作しました。歴史のあるお弁当屋であるので、華美な色や動きを使わず和風なカラーや明朝体のフォントを縦書きにして使用しています。ファーストビューはPCとスマートフォンで動きやデザインを変え見やすさを重視しています。