公開URL:https://m-mae.0208.loja-da-mae.com/
■役割:デザイン、テスト環境実装確認
■制作期間:3週間(構成1週間、デザイン2週間)
■学んだこと:チームでの実務経験、テスト環境での実装確認、アニメーション指定
■デザイン意図・工夫
【全体】・コンセプトは綺麗さ、落ち着き、オシャレ感
・誰もが気軽に立ち寄れて、楽しんでももらいたい高級感のあるお店のため、フォントは洗練されたイメージを出せるJosefin Sansを使用。
・ダークブラウンをベースカラーとし、各セクションにブラウン系と相性の良いテクスチャを使用。
【FV】・店内の雰囲気が分かる写真を使い、中央部にさりげなくロゴを配置してアピール。
・おしゃれな雰囲気が伝わるようナビゲーションはFVの画面下部に表示されるようにした。
【About】写真をメインに構成。お店のロゴにも使用されている葉っぱのあしらいをさりげなく入れた。
【Scene】おすすめの利用シーン。貸切パーティのイメージを表現するため5枚の写真を使用した。
【Menu】高級感を崩さないようにシンプルで分かりやすく。
【Shop info】・サイト全体の雰囲気で地図はGoogleマップでリンク形式で表示させ、駅からのおおよその距離感が
視覚的に分かるようオリジナルのマップを作成した。またルートを色を変えて示した。
・お店の看板などお店の推しポイントの写真を3枚配置した。
【Contact】
・最も伝えたい部分を茶色の背景を敷いてテキスト情報を中央に寄せた。
・最後に葉っぱのあしらいを大きめに配置した。