PORTFOLIO KAITO KAWAUCHIYA

KAMUY

授業課題 レストラン リニューアルサイト

#WEB DESIGN

#SCHOLL WORKS

kamuy モック画像1

授業課題で、架空レストランのリニューアルサイトをデザインしました。 海外のWEBサイトを参考にしながら、レストランの雰囲気に合ったおしゃれなテイストを目指しました。

kamuy モック画像2

scroll

デザインカンプ top

ターゲット

30〜40代のフランス料理が好きな方々。

課題

お店の魅力を伝えられるような、情報発信できるものが欲しい。

目的

内装のおしゃれな雰囲気を伝えられるようなWEBサイトをデザインする。
北海道ならではのフランス料理を提供することを伝える。

情報設計

イントロ部分で北海道の食材を使用したフレンチレストランであることを伝えました。 まずはレストランの主役である料理と、シェフはどんな人たちかを伝えるべきと考えたため、お店のコンセプトはその後に配置しています。 ヘッダーはReserve(予約ボタン)のみ右側に配置して目立たせることで、予約しやすいような設計にしています。

デザインプロセス

フレンチレストランということで海外サイトのような、英字を活かしたレイアウトを意識しました。 余白を大きく空けて、上品でおしゃれな雰囲気を意識してデザインしています。 写真を窓の形にして大きく見せることで、特徴を持たせつつお店や料理のイメージが想像しやすいようにしました。

制作期間

企画/情報設計/WF

デザイン

10時間

5時間

使用フォント

  • Baskervville
  • Nitti Grotesk
  • Yu Gothic

英文見出しに"Baskervville"、英文のボタンや小さいテキストは"Nitti Grotesk"、和文は"Yu Gothic"を使用しています 英文を特徴的にして目立たせることで、よりフレンチレストランらしいテイストに仕上げています。

使用ツール

  • Adobe Photoshop
  • Figma