HTML/CSS,  Illustrator,  LP,  Photoshop,  作品

はちおうじ水族館LP

はちすいシリーズ

架空の水族館「はちおうじ水族館(通称はちすい)」をテーマに作った作品群です。
都会から少し離れたところにあり、休日に家族連れがゆったり過ごせる水族館という設定です。

はちおうじ水族館様LP(架空の案件)

【概要】
八王子にある水族館”はちおうじ水族館”様より、新しく興味を持っていただいたお客様へ向けて概要を案内する為のLPを作成したいと要望がありましたので作成しました。

【コンセプト】
郊外でゆったりというイメージなので全体的に柔らかい印象になるように仕上げています。
ロゴが既に作成済みでそこからイメージを発展させているので、色使いはロゴに合わせています。

【製作期間】
ワイヤーフレーム作成:2日
デザインラフ作成:4日
コーディング:1週間

【使用ツール】
Photoshop/Illustrator
TeraPad

【リンク】
http://hisnag.stars.ne.jp/hachiohji-aquarium_lp


デザインラフ


ワイヤーフレーム

←コンテンツを配置していく際にコンテンツごとの間隔を修正


コーディングしたウェブサイト

スマホ対応→

①TOPを画像で作成してしまっている都合、キャッチフレーズやロゴも小さくなってしまうので小見出し等の文字サイズも縮小

②概要と案内は画面占有半々だったものを縦に並ぶよう変更

③展示内容も3つ並びから2つに変更

④グローバルナビは横並びから縦詰みのセンター合わせに変更


レスポンシブ対応