J.M. Westonの物語は、19世紀末になめし革と皮革加工の長い伝統を持つフランスのリムーザン地方の中心部から始まっています。今回のプロジェクトで、私たちは、Eコマースサイトを利用するお客様に素晴らしい体験を提供することに注力し、ユーザーがJ.M. Westonの歴史と価値を理解できるようなサイトを作りました。

J.M.Westonの伝統に合わせて専有の商品カテゴリーを用意しました。ユーザーはメニューから一目瞭然に商品を確認ができ、簡単に買い物に進むことができます。

ユーザーは何を求めているかを把握することが重要です。ここで、ホームページから最初に目にするタッチポイントを、EコマースのUXと共にを考慮しました。

更にユーザーフローとサイトマップを作成した後、iOSユーザーへ可視化可能なローフィデリティのワイヤーフレームをデザインしました。

本Eコマースサイトは、フランスのブランドアイデンティティを維持しつつ、日本のユーザーに向けて作られています。 私たちは、様々なデバイスで動作可能なソリューションを提供し、ユーザーは簡単に商品を閲覧ができ、J.M. Westonの伝統についても知ることができます。

また、メールマガジンの配信により、商品の認知度と売上が大幅に向上しました。

WiredとAudiは、若い世代に影響を与え、新しいアイデアや技術を構築することに成功しています。 今回のプロジェクトでは、ECサイトを通じて利用者に素晴らしい体験を提供することに注力しました。Eコマースはこの業界では非常に重要であるため、私たちは市場のベストプラクティスを調査し、利用者に信頼できる体験を提供することに注力しました。

2016年からWiredとAudiは、「Wired x Audi Innovation award」というイベントを毎年開催しています。

Eコマースはこの業界では非常に重要であるため、私たちは市場のベストプラクティスを調査し、利用者に信頼できる体験を提供することに注力しました。

明確なナビゲーションの構造、大きなUIデザイン要素、ダイナミックなアニメーション、特徴的な色の選択。

「Wired Audi Innovation Awards」のウェブサイトを制作するにあたり、私たちは一流のハイテクデザインを提案しました。これにより、クライアントのブランディングとの完璧な相乗効果が生まれました。 

数多いイノベーターが利用者に圧迫感されないよう、サイトのメインページには特別なグリッドを使用しました。また、「See More」ボタンにより、興味を持つ人は簡単に詳細を確認することができます。

私たちの作品は、イベント会場にも適用されました。本イベントの目的は、参加者が革新を続け、明日の世界を築くことを奨励することでした。私たちはWired Japanと長期的な関係を築き、ウェブサイトのデザインに関するアドバイスを提供し続けることができ、本イベントは大成功を収めました。

Screen Recording 2020-10-29 at 13.07.23.mov

WIREDxAudi.mp4

私たちは、ユニクロのサステナビリティチームと密接に協力して、専用ウェブサイトとデジタルプレゼンスを構築するという素晴らしい機会をいただきました。
より良い環境への貢献をテーマにしたストーリー作りもお手伝いしました。それぞれのストーリーは、視聴者が日常生活の中でサステナビリティについて純粋に学び、それを友人と共有することを促しました。

ユニクロサステナビリティは、持続可能性運動の認知度を高めるため、リサイクル、難民、環境の3つのポイントを目的とするデジタルエンゲージメントキャンペーンです。

ユニクロのソーシャルメディアチャンネルを通じて、サステナビリティに関するストーリーと、ユニクロがこの問題を解決するためにどのように努力したかを伝えます。

ユニクロサステナビリティのための専用ページを構築しました。ウェブサイトには、すべての情報とUniqloの貢献が含まれています。ユニクロのターゲット層に合わせて、様々なデバイスやプラットフォームでアクセスできるように、イラストを一部使用したシンプルでユーザーフレンドリーなウェブサイトを開発しました。

デジタルソリューションに加えて、サステナビリティイベントのポスターなどの印刷物を制作し、オフラインでの活性化をサポートしました。

すべてのチャンネルをアクティブにすることで、ユーザーはより多くの情報を得て、サステナビリティや難民の生活についての意識を高めることができました。

より多くの貢献を提示したことで、人々は服をリサイクルため、ユニクロの店舗に足を運ぶように増えました。

UNIQLO_SNS-01.mp4

UNIQLO-SUSTAINABLE.mov

私たちは数年前から、日本最大級のEコマース企業であるTSIと仕事をしています。
今回、彼らは韓国のストリートウェアブランドでビジネスを拡大したいと考えています。韓国のファッションファンが日本で増えていることから、彼らは多様な商品でコミュニティを構築し、サポートすることを実現したいという訴求でした。
このプロジェクトは、ブランドアイデンティティの開発とウェブサイト全体のデザインに注力しました。

Morugiは、韓国の有名なストリートウェアブランドを販売する日本のEコマースです。

私たちは、韓国のファッショントレンドを入念に調査し、韓国ブランドの特徴とファンを惹きつける強力なブランドアイデンティティを作成しました。

デザインに、韓国のストリートウェア文化に典型的なアイデア／パターンを結びつけるものを考慮しなければなりません。

ブランドアイデンティティが確立された後、私たちはそれに基づいてウェブサイトをデザインしました。主な目標の一つは、韓国のファンだけでなく、誰もがアクセスできるよう、ページの内容、ナビゲーションの流れ、ブログ、セクションなどを作ることでした。

私たちは、アニメーションを追加したり、ユーザーが慣れ親しんだ日本のプラットフォームを使ってEコマースを構築しました。

2018年、Graf LantzにEコマースストアを新しくデザインすることを依頼されました。
Graf Lantzは、ブランドとは、高級・持続可能・高機能な素材から作られたものだと考えています。そこに、日本の消費者に、特有のウール・レザー・オーガニックコットン・リネン・キャンバスのコレクションブランドを快適に購入できるサイトを作りたい。ワープジャパンは、機能的で、多目的に使用できるようにデザインをしました。

Graf Lantzは、かつて見過ごされていた奇跡の生地に楽しさとスタイルをもたらしました。生地をシンプル、自然、そして他と異なるものにするという目標があります。

購買インターフェースの作成にあたっては、ブランドの特徴（優雅、大人、高級、ミニマリズム、持続可能性）と消費者のニーズ（洗練、ユニーク、プラスアルファ）に特に気遣いました。

消費者に愛される製品をデザインするためには、実際に利用者たちの協力が不可欠です。ありきたりな言葉に聞こえるかもしれませんが、優れたUXでは常にこのことが当てはまります。

大胆に試します。最新のWebGLアニメーションを使用してサイトをカスタマイズしました。よりユーザーフレンドリーなEコマースを実現するため、ブランドキャラクターに合ったスムーズなスクロールとトランジションを追加しました。


小さなことも大きな違いを生むことができます。背景色の変更は大革新ではないように見えますが、ダイナミックな移行を実現し、製品の明確なナビゲーションをサポートすることができました。

gl-scrolldown.mov

エビアンは、「素晴らしいストーリーは、誰でも、どこからでも生まれる」という共通の信念のもと、ワープジャパンと提携し、ミネラルウォーターが健康的なライフスタイルのパートナーであることをより強く訴求していきます。

世界中で知られるミネラルウォーターであるエビアンは、日本市場でよりターゲットを拡大し、より多くの価値を共有したいと考えています。

新たな方向性を持ったエビアンでは、ミネラルウォーターだけでなく健康的なライフスタイルを伝えていくコンテンツを配信しています。 

エビアンと新規ユーザーとのエンゲージメントを高めるために、複数のモバイル体験を開発しました。これらのコラボレーションにより、エビアン・ジャパンは日本市場での価値を高めることに成功しました。

エビアンでは、アーティストやデザイナーとのコラボレーションをよく行います。コラボレーションの背景にあるストーリーを伝えるための専用ページを構築しました。いくつかのイベントでは、日本でのエビアンの活動をより深く知ることができるようなランディングページを構築しました。

オリジナリティを保つため、写真、デザイン、アートディレクション、ビデオシリーズなど、すべてのアセットを社内で制作しています。

しっかりとしたコンテンツマーケティング戦略を持つことで、エビアンは成長し、新たな売上やコンバージョンを促進することができました。


エビアンは、デジタルマーケティング計画に基づき、適切なデジタルマーケティングチャネルを通じて、価値あるコンテンツを共有し、コンテンツを共同制作することで、オーディエンスとのコミュニケーションを成功させました。


明らかに日本市場で高まった効果がありました。

EVIAN-INES.mp4

シンプルかつ魅力的、さらにユーザーが店舗での体験を実感できるウェブサイトを目標に制作しました。 パンデミックの影響で、多くの店舗では開店時間が限られており、少数のお客様しかお店を訪れることができません。このような状況の中、360度回転するテクノロジーを利用して、Eコマース機能だけでなく、商品や店舗をリアルに体験できるウェブサイトを実現しました。

コロナウイルスの流行により、お客様がNorwegian Rain & T Michelsの店舗に訪れることが難しくなりました。

A long-term relationship committed to bringing the best of Norwegian Rain to Japanese market

問題の定義。スローファッションブランドのストーリーはウェブサイトで伝えることが難しいと感じられることがほとんどです。品質、美しさ、ストーリーのバランスが取れた、消費者が楽しく服を買えるような洗練されたプラットフォームを作る必要があります。

共感。 このプロセスでは、ビジネスを理解し生身の人間として複雑な購入経験や顧客の感情を理解しなければなりません。

可視化。 ウェブサイトの目標は、シンプルで魅力的なインターフェイスで質の高い体験を提供することです。リーチとインパクトを高めるために導いたベストなアプローチは、360度のショッピング体験を構築することでした。

ユーザーが気になるNorwegian Rainの商品を見つけられるよう、さらに工夫を施しました。実店舗では、ノルウェーと日本のコンセプトがコラボレーションする店内を体験し、商品を試着したり店員からのアドバイスを受けたりすることができます。そのため、オンラインでもお客様に同じような体験をしてもらう必要があると考えました。そのために、360度の店舗体験をしてもらい、商品とそれにまつわるストーリーをより明確にしました。 

このUXケースを構築するにあたって、魅力的なブランドストーリーを持ったチームで働くことができたことは素晴らしい経験でした。ウェブサイトが立ち上がるまで、楽しくプロジェクトに向かい合うことができました。このようにして私たちチームはタスクを整理し、仕事を共有し、目標を達成することができました。

NORWEGIAN RAIN-PC-360.mp4

NORWEGIAN RAIN-PC-HOME.mp4

商品のことをよく理解し、顧客のニーズを把握することで、ブランドの方向性を定めていきます。 ブランドの特徴を表すキーワードとして、親しみやすさ、シンプルさ、ナチュラルさを掲げました。 

ブランドビジョン、戦略から携わったプロジェクトです。

今回のケースでは、ECサイトがブランドの価値観を明確にし、お客様にブランドの精神を楽しんでいただけるようにサイトを制作しました。

タイポグラフィ。 タイポグラフィはパッケージと同じにしています。この一貫性によって、お客様が商品を見失うことのないようにしています。

ブロック。  お客様は、商品のラインナップや、商品の背景にあるもの、商品を作る上でのこだわりなど、商品をより深く理解する必要があります。ブランドの美学を損なうことなく、各パーツをミニマルでインタラクティブなレイアウトにしました。 

カラー。 自然とCB Daysの編集の美学からインスピレーションを得ています。ウェブサイトで使用されているカラーは、ブランドがどのようにマッチするかを表しました。

生き残るブランドとは、ユーザーのニーズを満たすブランドのことです。 デザイン戦略は、スケーラブルで機能的なEコマースを構築することでした。 イベントや新しい製品の誕生に関わらず、柔軟性は重要なアイデアの一つです。

実績・事例