お題のワイヤーフレームをもとに、架空の水族館「うの水族館」のTOPページデザインを制作しました。
⸻
■ 概要
【役割】ロゴ制作、サイトデザイン(TOPページ)
【制作期間】3日
【使用ツール】Figma
【お題ワイヤーフレーム】https://mogablog.work/demo/wireframe/aquarium.pdf
⸻
■ 課題・目的
・ワイヤーフレームをもとに、水族館らしい世界観を構築
・来館前に必要な情報を分かりやすく伝えること
⸻
■ ターゲット
・小さな子どもがいるファミリー層
・デート利用を検討している20〜30代のカップル
・休日のお出かけ先を探している人
⸻
■ デザイン
・海の青を基調に、波モチーフや水面テクスチャを取り入れ、水族館に行きたくなるワクワク感を演出しました。
・FVでは水族館の象徴となるトンネル型水槽の写真を使用し、没入感を高めました。
・他言語切り替えに対応できるようアイコンを積極的に使用し、言語に依存しないノンバーバルなデザインを意識しました。
⸻
■ 制作時の工夫
・ワイヤーフレームの構造は大きく崩さず、ビジュアルとトーン&マナーを統一しました。