株式会社F・O・インターナショナル様

おしゃれと使いやすさを両立。集客を支える子供服EC「FO Online Store」

PCとスマートフォンで表示された子供服ECサイト「FO Online Store」の商品一覧・商品詳細画面のメインビジュアル

複数ブランドを展開する子供服EC「FO Online Store」をリニューアル

子供服アパレルブランド「Breeze」など複数ブランドを展開する「FO Online Store」のECサイトリニューアルプロジェクトです。PC・スマートフォンサイトのUI/デザインと、HTML/JavaScriptコーディングを担当しました。

アパレルECに求められる「使いやすさ」と「おしゃれさ」、そして売上に直結する「集客力」。これらをどう一つのサイトで成立させるかがテーマでした。

CHALLENGE

課題

ECの使いやすさ・アパレルのおしゃれさ・集客力を、すべて満たす

アパレルのECサイトには、商品を探し・選び・購入する「使いやすさ」と、ブランドの世界観を伝える「おしゃれさ」の双方が求められます。そのバランスが崩れると、どちらの魅力も半減してしまいます。

さらに「FO Online Store」は集客が肝となるECサイトです。デザインや操作性だけでなく、検索からの流入を支える土台づくりまでを見据える必要がありました。

APPROACH

アプローチ

01

PC/スマホそれぞれに最適化したUI設計・デザイン

PCとスマートフォン、それぞれの利用シーンに合わせて最適化したUI設計・デザインを提供。画面サイズや操作のしかたの違いをふまえ、どちらの端末でも快適に買い物ができる体験をめざしました。

02

使いやすさとおしゃれさのバランスを崩さないUI

ECサイトとしての使いやすさと、アパレルサイトとしてのおしゃれさ。アパレルECにはその双方が求められます。カラー選択などのUIギミックも、ユーザーの操作性を低下させないよう考慮して実装し、両者のバランスを崩さないUI設計・デザインを心がけました。

03

集客を支える、SEOを意識したHTML構造

集客が肝となるECサイトであることから、特にSEOを重視したHTML構造を心がけて実装。デザインの美しさと検索エンジンからの見つけやすさを両立させ、売上の入口となる流入を支える設計としました。

OUTCOME

成果

おしゃれで使いやすく、集客にも強い子供服ECへ

PC・スマホそれぞれに最適化したUIと、おしゃれさと使いやすさを両立したデザイン、そしてSEOを意識したHTML構造により、「FO Online Store」をリニューアルしました。複数ブランドを展開する子供服ECとして、買い物のしやすさと集客力を兼ね備えたサイトに仕上げています。

公式サイト:F.O.Online Store(F・O・インターナショナル)

PROJECT

プロジェクト概要

開発期間 2ヶ月
デバイス PC、iOS(iPhone)、Android
提供範囲 ECサイトリニューアルプロジェクトへの参画
PC/スマホ最適化のUI設計・デザイン
HTML/JavaScriptコーディング
SEOを意識したHTML構造の実装

STAFF VOICE

スタッフボイス

若松 浩昭

クリエイティブグループ テクニカルディレクター

若松 浩昭(ワカマツ ヒロアキ)

集客が肝となるECサイトということで、特にSEOを重視したHTML構造を心がけました。また、カラー選択などに代表されるUIギミックは、ユーザーの操作性を低下させないように考慮して実装しています。

むらた しゅういち

クリエイティブグループ チーフデザイナー

むらた しゅういち

ECサイトとしての使いやすさと、アパレルサイトとしてのオシャレさ、アパレルのECサイトにはどちらも求められます。その双方のバランスを崩さないUI設計/デザインを心がけました。