Web design
水族館サイト
訓練校のグループ課題で、架空の水族館のサイトを制作しました。サイトの訪問者がメニューやイベント、アクセスなど知りたい情報をすぐに見つけられるように意識して制作しました。グループ課題時はデザイン担当でしたが課題終了後に自身でも一からコーディングに取り組みました。
サイトを見る
ターゲット
子連れのお客様
制作・デザインプロセス
ターゲットとなる家族連れのお客様に向けてお子様連れでも楽しめるような親しみのあるデザインを制作しました。外出先でスマートフォンからサイトを閲覧することを想定し、モバイルファーストで設計しました。XDを使用し、ユーザーがほしい情報をすぐ見つけられるデザインにしました。また、jQueryを用いて波を表現したりとサイトに動きのある演出を加え、親しみやすさをプラスしました。
使用ツール
VScord / XD / Illustrator / Photoshop
制作期間
- 構成
- デザイン
- コーディング
- 3時間
- 2日間
- 4日間