okolo

制作期間

2023年5月15日〜2023年5月27日(13日)

制作時間

設計&ワイヤーフレーム作成 3hrs

画像編集 2.5hrs

デザインカンプ作成 6.5hrs

コーディング 15hrs

合計 27hrs

使用ツール

XD
HTML
Photoshop
CSS
Illustrator
Javascript

ペルソナ

35歳 男性 会社員 福岡市内在住

若い頃からファッション好き

金銭的な余裕が出てきたこともあり、上質で洗練された日常着を求めている。

SNSやインターネットショッピングに抵抗はなく、スマートフォンをザッピングすることもしばしば。

コンセプト

20代後半〜30代の洗練された大人のためのセレクトショップ

SNS等からサイトを閲覧した時に、ショップの洗練された雰囲気と、お店のコンセプトが伝わるWebサイト

オンラインストアとは違った、ショップの空気感を伝えるサイト

工夫した点

purple

洗練された空気感を表現するために、メインカラーは紫を選び、メインカラー以外の要素はモノトーンで統一しました。

about

Aboutのページではショップのコンセプトや想いをユーザーに読んでもらうために、サイトの雰囲気を崩さないフォントや配色と、キーワードの文字サイズとウェイトを変えることでアイキャッチにしました。

butudori collection

オンラインストアではないため、洋服の物撮りの画像は一切使用せず、コレクションの画像を使用しました。

背景画像のアニメーションも「はっきりと画像を見せる」と言うよりは、イメージ、空気感を伝えるためにアニメーションのタイミングを工夫しました。