リスクゼロ.com

UI設計

シンプル

デザイン

フロントエンド

ブランド卸専用のBtoB向けECサイトです。
シンプルさを見失わず、商品の情報量が多いページはどのようにまとめたら見やすくなるか?ということを考えながら制作しました。

クライアント名 TAKEFUJI
制作年月 2022年11月~2023年2月
ターゲットユーザー ファッションブランド関係のECサイト運営者
当サービス契約ユーザー(基本的に卸業者)
依頼背景 現行ECサイトが古い見た目なのでリニューアルをしたい
クライアントの意向や制作上の制約 スクラッチ開発による構築
デザインはシンプルかつ分かりやすい仕様がよい
担当領域 デザイン、UI設計、フロントエンド
使用ソフト XD、Photoshop、Illustrator
サイトURL https://zerostock-trade.com/

POINTデザインポイント

スクラッチ開発である程度機能の自由度が効くため、クライアントの盛り込みたい要望がたくさんあったのがこのサイトの特徴でした。
機能や情報の重要度、優先順位を見失わないように、見た目を整理していくプロセスがとてもやりがい深く、楽しかったです。
商品一覧ページを例に取ると、絞り込み機能や一括操作、並び替え…またお気に入り機能とさらに重要なカートボタン…など、操作できるポイントがいくつもあったため、こまめにユーザー視点に返り立ち、「混乱をさせない購買体験」を念頭に試行錯誤を重ねました。

ユーザーの購入に繋がる重要な要素を考えながら構成やレイアウト、デザインの見た目を組み立てていきました。
買い物かごは、ユーザーの購入完了までの取りこぼしがないように画面下部追従のUIにしました。
購入に繋がるカートボタンなどは最重要ボタンと捉えて、視覚に飛び込みやすいレッドを使用しました。

デザインは当初、シンプルながらも高級感がある印象のものも提案しました。
比較的価格帯の高いブランド品を扱っているために出したアイデアです。
最終的にはロゴもゴシック体のかっちりしたものに決まり、それに合わせてサイト全体で軽快な雰囲気のあるデザインに決定しました。

contact

お問い合わせは下記からお願いします。