アパレルWebサイト製作

スマホで主にユーザーが訪れることを想定したNemophilaという架空のアパレルのWebサイトを製作しました。

ベースカラーはネモフィラらしく淡いブルーに、文字は鉛筆のようなグレーの色味にしました。アクセントカラーはブルーでホバーした時に色がふわっと変わるよう製作しました。

LOOKBOOKページではジャバスクリプトを使用しスクロールすると文字や写真がフェードインするよう設計。

SHOPページでは商品写真をタップし詳細に進むと右下にうねうねとした動きをつけた円状の物体を配置し、ネモフィラの儚さを演出しました。

ファーストビューでは下記3枚の画像が指でスライドすると次々出てくるようにしました。