Moobeli

モダンな北欧家具を美しく魅せる、MoobeliのレスポンシブECサイト制作
ウェブサイトを見る 

プロジェクト概要

このプロジェクトでは、Moobeliのオンラインストアを構築し、北欧家具や照明、ホームアクセサリー、オブジェなど厳選されたアイテムを、シームレスでスタイリッシュなショッピング体験へと刷新しました。

椅子やテーブル、デスク、オブジェクトといった商品カテゴリーを直感的にナビゲートできる設計に加え、価格や画像をわかりやすく掲載した商品詳細ページを備え、ブランドの美学を反映したプレミアムでギャラリーのようなユーザー体験を実現しています。

モバイルファーストのレスポンシブデザイン、安心のクレジットカード決済、簡単に更新できるCMS連携、問い合わせ対応のコンタクト機能も組み込みました。

効率的な商品表示と洗練されたブランドイメージにより、Moobeliはオンライン上で高級北欧家具を効果的に展開。季節ごとのセールやプロモーションバナーも掲載し、お客様が発見から購入まで快適に進める購買体験を提供しています。

Our Strategy

Lorem ipsum dolor sit amet consectetur. Diam aliquet mauris ultricies diam lacus lacinia. Morbi donec et eget aliquam nunc. Nulla neque etiam et erat aliquet malesuada donec et.

Lorem ipsum dolor sit amet consectetur. Diam aliquet mauris ultricies diam lacus lacinia. Morbi donec et eget aliquam nunc. Nulla neque etiam et erat aliquet malesuada donec et.

The Process

First up was the site structure, developed over 2 weeks through in-person meetings with project team members on both sides and various client stakeholders. With the structure locked down we moved on to the wireframes, developing 18 unique page templates in all for PC, tablet, and smartphones.

The wireframes comprised two sets, one for Japanese and another for English, Chinese, and Korean. The website architecture was designed to support a full Japanese site, a mostly-complete English version, and a stripped-down basic version in Chinese and Korean. An intelligent menu system allows the navigation and other UI elements to adapt automatically based on the chosen website language.

Booking Widget

We created an always-on booking widget in the footer which can be either docked or left deployed as you like. It allows for one-click access anywhere in the website, on desktop, tablet, or smartphone, to the room and restaurant booking functions, in addition to Club InterContinental content.

The smartphone experience is much the same, though we elected to use the entire screen for the booking forms. Tabs make it easy to switch between Room and Table reservations. Phone inquiries are merely a tap away.

In the end we were able to create an exceptionally well-optimized responsive design that looks and works great pretty much everywhere. Controls are easily accessible, pages load quickly, and global navigation elements are docked neatly out of the way when scrolling down in read mode. And of course it’s fully multilingual.

Design System

Logotype

Icons

Typography &Colors

Primary colors

Secondary colors

FONT FAMILY

The Result

Lorem ipsum dolor sit amet consectetur. Diam aliquet mauris ultricies diam lacus lacinia. Morbi donec et eget aliquam nunc. Nulla neque etiam et erat aliquet malesuada donec et.

Lorem ipsum dolor sit amet consectetur. Diam aliquet mauris ultricies diam lacus lacinia. Morbi donec et eget aliquam nunc. Nulla neque etiam et erat aliquet malesuada donec et.

87.9

%

Website New Users

4K+

%

Organic Keywords

230

%

Organic Traffic

It would be nice to get feedback from customers here. I think we can ask clients we've worked with in the past to provide us with feedback. And if we have a photo or even better video, then this will make the testimonials even more realistic and trusting for users.

Surname Name,
Position and name of the organization

新しいプロジェクトをご検討中の方へ