HP｜オーシャンビューホテル

■タイポグラフィ

高級感と読みやすさの両立を意識し、文字の太さに強弱をつけながら視認性の高いゴシック体を採用。文字サイズや行間、余白を調整し、ゆったりとしたリゾートの世界観を表現しました。

■制作ポイント

* キャッチコピーに沿って、ファーストビューにはホテル全体と海のつながりがわかる写真を配置。

* ホワイト・ブルー・ベージュを基調とした配色で、清潔感と高級感を演出。

* 余白を広く設け、写真を主役にしたミニマルなレイアウトにすることで、リゾートらしい上質な雰囲気を表現。

* 客室・レストラン・アクティビティなどをカードデザインで整理し、視認性と回遊性を高めました。

* CTAボタンは各セクションの流れに合わせて配置し、自然に予約へつながる導線を意識しています。

⸻

■使用ツール

* Figma

* ChatGPT

* Codia AI (画像→Figma変換)

■備考

* 架空案件として制作

* デザインラフの作成に生成AIを活用し、Figmaでレイアウトや余白、タイポグラフィを調整しながらデザインをブラッシュアップしました。