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デザイン