かしいかえんのレジャープールオープンWebサイトを制作しました。
前回作成したプールフライヤーのWeb展開です。
※このサイトは全て架空の設定で制作したものです。
■制作時期:2016.9
■使用ツール:Illustrator/Photoshop
■実装:HTML/CSS/jQuery
■カテゴリ:Webデザイン
※ワンソースマルチユース(フライヤーからWebサイト展開)
スポンサーリンク
作品詳細
フライヤーからのWebサイト展開
(ワンソースマルチユース)
以前作成したレジャープールオープンちらしをWebサイトへ展開してみました。
基本的にフライヤーの素材をそのまま活用し、同じ方向性のデザインで作成しています。
Webサイトでは、全面にレジャープールオープンというキャッチを大きく配置し、閲覧した人がプールのオープンサイトだということが分かるようにしました。
またフォントは、フライヤーの「Let’s Go」というキャッチと同様にラフな切り抜きで加工することでPop感を演出しました。
レスポンシブ対応
PCサイト用、スマートフォンサイト用にレイアウトを可変させるレスポンシブデザインに対応しました。
PCサイトは、横幅が広い為、ナビゲーションメニューを左サイドに配置し、キャッチイメージを中央から右サイドに大きく配置しました。スマートフォンでは、横幅が狭くなるため、ナビゲーションメニューを上部へ移動させ、横幅全体を使ってキャッチイメージを配置するようにしました。