大崎水族館

架空サイト制作

Pei Chan Officialモックアップ

インターネット上で配布されていたワイヤーフレームに乗っ取り、架空の水族館「大崎水族館」のトップページのデザイン制作に取り組みました。

お題リンク : https://mogablog.work/web/design/wireframe/ ワイヤーフレーム : https://mogablog.work/demo/wireframe/aquarium.pdf
担当
デザイン
制作時期
2023/1 - 4日間
使用ツール
Figma・Illustrator

-Design-

PCver.画像
スマートフォンver.画像

- About design -

サイトの目的
水族館の情報を網羅的に掲載し、水族館情報を知ってもらう
ターゲット
宮城県に観光に来たファミリー層
情報設計
お題のワイヤーフレームに沿った構成にいたしました。
デザインについて
水族館自体の「海を、もっと身近に」というコンセプトを感じてもらえるよう、全体的に海の中にいるようなイメージで明度の低い青色をメインカラーに設定したり、要素が水槽のように透けているようなデザインにしました。 また、利用者が感覚的にほしい情報を入手しやすいようにそれぞれのコンテンツの見出しはアイコンでまとめました。 フォントはサイズを大きめに設定し可読性を高め、丸ゴシック体でポップさやファミリー層が親しみやすい雰囲気を目指しました。

Next

VIEW MORE Hair Salon KOBAYASUモックアップ

Works

実績一覧へ