お問い合わせ

©2024 AI MORITA PORTFOLIO ALL RIGHTS RESERVED

Restaurant Kamuy
Website Design

  1. Home
  2. 作品集
  3. レストランカムイ

デスクトップ画面

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

トップページのデザイン