株式会社千趣会様

女性目線で、スマホでも買いやすく。アパレル通販「ベルメゾンネット」の最適化

3台のスマートフォンに表示されたアパレル通販「ベルメゾンネット」のおすすめブランド・カテゴリ一覧・商品詳細画面のメインビジュアル

「ベルメゾンネット」スマートフォンサイト最適化の立ち上げを担当

アパレル通販サイト「ベルメゾンネット」のスマートフォンサイト最適化、その立ち上げにおけるデザイン・UI設計・コーディングを担当しました。

スマートフォンでの買い物が広がるなかで、主要なユーザーである女性にとって「わかりやすく、使いやすい」買い物体験をどうつくるかが出発点でした。

CHALLENGE

課題

スマホでの買い物体験を、立ち上げからつくり上げる

豊富な商品をそろえる「ベルメゾンネット」を、スマートフォンでも快適に楽しめるようにする最適化プロジェクトです。立ち上げのフェーズから、スマホならではの操作に合った体験を設計する必要がありました。

主要な利用者である女性にとってのわかりやすさ・使いやすさを軸にしながら、長く運用していくための保守性も見据えた設計が求められました。

APPROACH

アプローチ

01

女性目線の、わかりやすく使いやすいUI設計

主要なユーザーである女性の目線に立ち、わかりやすく・使いやすいUIを設計。商品を探し、比べ、選ぶという一連の流れが、スマートフォンの画面でも迷わず進められることをめざしました。

02

スマホならではの、インタラクティブな操作性

タップやスワイプといったスマートフォンならではの操作を活かし、インタラクティブな操作性を実現。指先での心地よい操作感を通じて、買い物そのものを楽しめる体験へとつなげました。

03

メンテナンス性に配慮したCSSなどの構造化

立ち上げ後も継続的に運用・更新されることを見据え、メンテナンス性に配慮したCSSなどの構造化を実施。表側の使いやすさだけでなく、運用を支える土台としても堅実なつくりに仕上げました。

OUTCOME

成果

女性が使いやすく、運用も続けやすいスマホ通販サイトへ

女性目線のわかりやすいUIと、スマートフォンらしいインタラクティブな操作性、そして保守性に配慮した構造化により、「ベルメゾンネット」のスマートフォンサイト最適化を立ち上げました。買い物のしやすさと、長く運用していける土台を兼ね備えたサイトとして仕上げています。

公式サイト:ベルメゾンネット(千趣会)

PROJECT

プロジェクト概要

開発期間 3ヶ月
デバイス iOS(iPhone)、Android
提供範囲 スマートフォンサイト最適化の立ち上げ
女性目線のUI設計・デザイン
インタラクティブな操作性の実装
メンテナンス性に配慮したCSS構造化・コーディング