Website 02 : New Opening Cafe

課題概要

駅からも繁華街からも離れた住宅街に新しくオープンする「was cafe」のWebサイト制作。1番の目的は店の知名度を上げて集客につなげること。

トップページ、コンセプト、メニュー、提案ページの計4ページは必須。横幅は 960px程度。ブラウザサイズに合わせて変化するデザインでも可。

クライアントから下記の通り要望あり。

• ✽ サイトを初めて訪れた人でも見やすく迷わない 構成・デザイン
• ✽ 地域の人たちが気兼ねなくお店に行きたくなるような雰囲気
• ✽ 「行ってみたい」と思わせるコンテンツの提案（提案ページ）
• ✽ レスポンシブ対応（必須ではない）

制作概要

キャッチコピーは「パワフルで、おいしい。いつでも元気になれる場所。」 ハンバーガーとコーヒーが主力商品であることから、米国を想起させる色を取り入れた。

基本的にオーナーが単独で全ての業務をおこなう小規模な店舗を想定。遠方から人を呼ぶというよりは、近隣住民をターゲットとした。

提案ページはイベント情報。オープニングキャンペーンをアピールすると共に、今後も継続するイベントの情報を掲載しリピート率の上昇を図った。

工夫した点

背景色が派手なため、色のアクセシビリティについて意識し、文字が読みづらくならないようコントラストに気を配った。

英語にはなるべく日本語を併記し、読みやすくなるよう心掛けた。

利用できる画像に制限があったため、アイコンを作成し補った。また、写真や背景にもキャンバスに描いたような加工を施し、統一感を出した。

flexboxを利用し、レスポンシブ対応をおこなった。

★ 所要時間：ワイヤーフレーム制作 3時間 / 制作8日程度

初めてflexboxを利用して制作しました。もうfloatには戻れません。