タイトル
mockup

ホテル

  • Web design
  • Coding
  • Ai

東京デザインプレックス研究所、webプロフェッショナルコースの修了制作作品。
自身のオーストラリアでの滞在経験からメルボルンにあるホテルをテーマとし、
架空のホテルのサイトを作成。ターゲットはオーストラリア国内からの旅行者に設定。
アクティブに観光をしたい旅行者ではなく、ホテルでもゆっくりと過ごしたい
旅行客向けに設定。

Webサイトを見る

STRUCTURE

ゴールはユーザーにホテルの予約をしてもらうことである為、どこのページにも予約ボタンが必ずあるように
Header部分に予約ボタン、また、Headerは上にスクロールを少しするとHeaderが出現するように設置。
Roomページでは、各部屋がタブ式且つ写真がスワイパーで見れるようにすることで
また、部屋の比較をする際にわざわざ別ページに飛ばずとも比較出来るようにした。

サイトマップ
図

DESIGN

歴史的、ミニマム、クリーン、親しみやすさというキーワードを元にデザインを考えた。
ファーストビューの外観にある花のオレンジと部屋の写真にもオレンジがポイントに
使用されているため、写真とページデザインとの統一感を出す為、
モノトーン調をベースにオレンジを予約関連のボタン使用した。
親しみやすさや歴史的というテーマを元に、手書き風のフォントを各タイトルに使用した。

説明図

Color

#ffffff
#cbcbcb
#dc8536
#1b1b1b

Font

各見出し:La Belle Aurore
本文:Yantramanav