Graf Lantz E‑Commerce
Client
Graf Lantz
Category
E‑Commerce
Graf Lantzは、かつて見過ごされていた奇跡の生地に楽しさとスタイルをもたらしました。生地をシンプル、自然、そして他と異なるものにするという目標があります。
- UI/UX Design
- Web Development
- Art Direction
Overview
2018年、Graf LantzにEコマースストアを新しくデザインすることを依頼されました。
Graf Lantzは、ブランドとは、高級・持続可能・高機能な素材から作られたものだと考えています。そこに、日本の消費者に、特有のウール・レザー・オーガニックコットン・リネン・キャンバスのコレクションブランドを快適に購入できるサイトを作りたい。ワープジャパンは、機能的で、多目的に使用できるようにデザインをしました。
Awards
Responsive
![](https://images.prismic.io/warp-kakigori/549e8a97-1149-4168-8461-d2e47143f7d5_GRAF-SP-HOME-01.png?auto=compress,format)
![](https://images.prismic.io/warp-kakigori/599c3f07-9579-405c-b4df-a110363b6eb1_GRAF-SP-HOME-02.png?auto=compress,format)
![](https://images.prismic.io/warp-kakigori/8e15559e-f493-4cd7-86d8-8ad9e3eb77b8_GRAF-SP-HOME-03.png?auto=compress,format)
購買インターフェースの作成にあたっては、ブランドの特徴(優雅、大人、高級、ミニマリズム、持続可能性)と消費者のニーズ(洗練、ユニーク、プラスアルファ)に特に気遣いました。
Process
- 消費者に愛される製品をデザインするためには、実際に利用者たちの協力が不可欠です。ありきたりな言葉に聞こえるかもしれませんが、優れたUXでは常にこのことが当てはまります。
- 大胆に試します。最新のWebGLアニメーションを使用してサイトをカスタマイズしました。よりユーザーフレンドリーなEコマースを実現するため、ブランドキャラクターに合ったスムーズなスクロールとトランジションを追加しました。
- 小さなことも大きな違いを生むことができます。背景色の変更は大革新ではないように見えますが、ダイナミックな移行を実現し、製品の明確なナビゲーションをサポートすることができました。
Responsive
![](https://images.prismic.io/warp-kakigori/9f2d7124-0734-48c0-9075-1904e2d50365_GRAF-SP-HOME-05.png?auto=compress,format)
![](https://images.prismic.io/warp-kakigori/04767680-ba69-428a-9115-1cb5741a793a_GRAF-SP-HOME-04.png?auto=compress,format)
![](https://images.prismic.io/warp-kakigori/6fe19889-0ff7-4d9e-8600-4f1b8e4a8329_GRAF-SP-HOME-06.png?auto=compress,format)