Project
アパレルブランドWEBサイト(架空)
Type : Website
URL: https://fashion.yuto-design.net/
使用ツール : Photoshop / Figma / Visual Studio Code
概要
アパレルブランドのブランディングサイトです。
※架空となります
ターゲット
・20〜40代のファッションに関心のある男女
目的
アパレルのブランド力などの価値を高め、ユーザーの購買意欲を促進させることです。
課題
ブランド力や質の高さを感じさせること
デザインの特徴
① スクロール時の動き
PC版では画面を2分割したレイアウトになっており、スクロールするとそれぞれが入れ替わるように遷移していきます。これによりアパレルブランドならではの上質な印象や、ユーザーに好奇心を働かせることを狙っています。
② jQueryを駆使した装飾
また、スクロール時の画面遷移だけではなく、jQueryを利用し、木の葉が舞い散る描写を表現しています。より写真の服を綺麗に際立たせる工夫をしています。
③ レイアウト
画面を2分割するようなレイアウトにより、写真を大きく見せ、ブランド力を訴えかけることを意識しました。
制作範囲・期間
企画、ワイヤーフレーム:3日
デザイン:3日
コーディング:4日
PCデザイン
SPデザイン