Information 基本情報
職業訓練校のデザインカンプ課題として制作しました。
創作フレンチレストランのWebサイトを制作する課題を通して、
Adobe XDを用いたデザインに習熟することを目標に制作しました。
- クライアント
- レストランカムイ
- 作業内容
- コンセプト設計 / デザイン
- 制作時期
- 2024年3月
- 制作期間
- 23時間(設計3時間/デザイン20時間)
- 使用ツール
- Photoshop/Adobe XD
- 表示サイズ
- PC(フルサイズ 1920)
Concept コンセプト
サイトコンセプト
『道産食材を使用したこだわりの創作フレンチを通して、北海道の食文化とレストランでのひとときを楽しんでいただけるレストラン』
ユーザーに届けたいストーリー
その土地ならではの食材や料理に目がない、食にこだわりのある方や、
札幌に観光で訪れて北海道ならではの料理を楽しみたいという旅行者をターゲットにした創作フレンチレストランです。
北海道の食材にこだわったオーセンティックなコース料理は、一皿一皿が二度と出会えないかもしれない一期一会のメニュー。
こだわりの料理を手がけるシェフやスタッフ一同、最高のおもてなしでお客様をお迎えいたします。
食とお客様との特別な出会いをWebサイトを通してイメージできるよう、サイトを構成しました。
Design デザイン
デザインコンセプト
レストランカムイでは、道産食材にこだわった本格的な創作フレンチコースを提供しています。
そこで、aboutセクションでユーザーの視線が次々と提供される料理に引き込まれていくような配置にしました。
また、調理風景を入れてユーザーの料理への期待感を高め、スクロールするにしたがって、
レストランの魅力にユーザーを惹きつけていくセクション構成にしました。
フォント
本格フレンチレストランのWebサイトにマッチするように、
見出し用の英語フォントには洗練された印象のAdobe Handwriting Ernieを選びました。
小慣れた筆記体の見出しに対して本文はDNP秀英明朝Pr6Nに。
本文のストーリーが読みやすくなるよう配慮するとともに、サイト全体が格調高く見えるようにしました。
- Handwriting:
- Adobe Handwriting Ernie
- Serif JP:
- DNP秀英明朝Pr6N
配色
主役である色とりどりの料理が浮き上がって見えるよう、
ベースカラーと本文共にグレートーンを選びました。
森やスキー場の風景もあえてモノトーンにすることで、
オーセンティックレストランらしい落ち着きを表現しました。
- ベース
- #CAC9BD
- メイン
- #F0F1F3
- アクセント
- #14141C
- 本文テキスト
- #707070