レスポンシブ対応。

私の父がネット販売をしているアクセサリーのブランドサイトです。

父のアクセサリーのブランドサイトを作りたいと思っていたのでレスポンシブ対応で作りました。

これも一から全て自分で制作しました。

使用ツール

Photoshop 画像の編集、バナー

Illustrator ロゴ、ワイヤーフレーム、カンプ

Dreamweavwe コーディング

言語

HTML5,CSS,CSS3,jQuery,JavaScript,PHP

ポイント!

・20代から40代の女性が主なターゲット。

・ロゴの色は父親のこだわり。

・背景や文字色は、ロゴの色に合うようにして決めた。

・文字を手書き風にして温かみを出した。

・文字を動かしたりと動きをつけた。

・topへ戻るボタンをJavaScriptで配置。(画像には写っていませんがWeb上で見ると実装されています。)

・PRODUCTページは商品ページに飛べるようになっている。

・お問合わせはPHPでコーディングし送れるようになっている。