スクリーンショット / ビジュアル
02

Case 02 — Fashion / EC

Order
Suits

Clientオーダースーツ専門店
Year2024
RoleDirection / Design / Engineering
Scroll

Overview

Luxury Brand.

オーダースーツ専門店のブランドサイト兼ECサイト。高級感と誠実さを両立した世界観をWebで表現することが求められました。

素材の質感やテーラリングのこだわりが伝わるよう、写真の見せ方・タイポグラフィ・余白設計を徹底的に磨き込みました。購入導線はシンプルかつ直感的に設計し、高単価商品のコンバージョンを意識したUI構成としています。

CategoryFashion / EC
Period約4ヶ月
My Roleデザイン・コーディング
Tools
WordPressJsHTML/CSS
URLhttp://batak.jp/
Case 02 screenshot
Case 02 — Fashion / EC

オーダー
スーツ

上質な世界観を伝えるブランドサイト。細部まで磨き込んだUI設計。

サイトを見る →

Design Points

The Details.

01
Point — 01

高級感を伝える
余白設計

高単価商品だからこそ、情報を詰め込みすぎない余白の使い方を意識。スクロールするたびに「上質さ」が伝わるビジュアル設計で、ブランドへの信頼感を醸成しました。

02
Point — 02

購入までの
導線設計

オーダースーツという複雑な購買プロセスをシンプルに整理。生地選び・採寸・仕上がりまでのフローをわかりやすく伝えるUIで、問い合わせ・予約への導線を最短化しました。

03
Point — 03

モバイルでも
崩れないUI

高品質な写真を活かしながら、スマートフォンでも美しく表示されるレスポンシブ設計を実装。モバイル比率の高いファッション業界に対応した最適化を行いました。

Results

The Result.

+180%

公開後6ヶ月で
問い合わせ数が増加

2.1s

ページ読み込み速度
(LCP改善後)

96

PageSpeed Insights
モバイルスコア