ファクトリーメイドのブランドサイト

ファクトリーメイドのブランドサイト

ネグローニのファクトリーでデザインされた新しいブランドサイトが完成。ウェブデザインを担当したブランドディレクターからのメッセージ。


Editor / Shota Kato Design & Text / Shuhei Miyabe ( NEGRONI )  

 

ネグローニの新しいブランドサイトへようこそ。
ディレクターの宮部です。

お客様にこうして生まれ変わったウェブストアをご紹介できることを、
心よりとても嬉しく思っています。

今回ネグローニのブランドサイトのローンチにあたって、およそ2年に渡り構想とデザインを繰り返してきました。今まで使用してきたオフィシャルウェブとウェブストアを統合して新しいブランドサイトを作るという道のりは、決して簡単なものではありませんでしたが、シンプルで非常に拡張性が高いサイトに仕上がってきたと思います。

ネグローニは、商品のデザインとウェブ&グラフィックのデザインを「同じ人間」が行なっているというとても珍しいブランドです。もちろん、それぞれのプロダクト・コンテンツを産み出すための熱量は分野は違っても全く変わることはありません。
まるで革を選ぶ様にフォントを選び、デバイス間で切り替わる画像のサイズや文字の大きさ、行間・カーニングを細部に渡って調整する作業は本当に素敵な時間でもありました。

私は商品もウェブも「長く使っていく内にだんだん良さがわかってくる」ことが理想的だと考えています。今回公開したネグローニのウェブストアは、まだ完成形ではありません。これから新しい商品やインフォメーションを日々流し込みながら、徐々にカスタマイズを加え、想像を超えた形に変容していくのではないかと思います。ぜひ使いながらネグローニの世界観をお楽しみ頂けましたら嬉しいです。

ではここからは、新しくなったデザインと、ネグローニらしい「こだわり」の機能をご紹介させてください。

 

TOP PAGE

 一番大きな変化を感じとることができるのが、このトップページだと思います。1つ目のセクションはカバーストーリーとフォーカスアイテム。2つ目のセクションには最新情報を表示するスライドと、新着商品が並んでいます。今回はカバーストーリーとして鮮やかな新色のグリッドを紹介しています。そして中段以降にはブランドストーリー、新たなブログコンテンツ、カスタマーサービスと続きます。

とてもシンプルな構成ですが、各ページにはブックマークと呼ばれるリンクボタンを多重に配置しておりますので、トップページである程度の情報にアクセスできる様に仕上げています。

今回一番大変だった点は、PCとモバイルのデバイス間のデザイン調整がまさに苦労の連続でした。ネグローニは平均よりもかなり多くの方にPCのブラウザでご覧頂いておりますが、やはり近年のスマートフォン割合は非常に多く、せっかくのサイトリニューアルでスマホバージョンのデザインを疎かにすることはナンセンスでしたので、横型と縦型2つのサイトを2重でデザインを組みながら、互いの整合制を決める作業が続き、これらは本当に非常にタフな作業となりました。

そして、もう1つは英語表記の多くを日本語・カタカナ表記に変更しながらデザインを進めた点でした。以前のサイトはシステム構成上、日本語と英語を併記してデザインしていたのですが、「海外のサイトの様だ」という好意的なご評価を頂いていた反面、「読み辛い」とのご指摘もいただいていました。今回は後日実装される完全外国語Ver.の反映を意識しつつ、デザインポイント以外はほとんど日本語表記に変更しています。

 

 

HAMBERGER

全てのサイトコンテンツはこの右上3本線 (ハンバーガーと呼ばれています) に集約してあります。目次の様にサイト内の各項目にアクセスできます。困ったらこの3本線を押してみてください。

 

 

PRODUCT STORY

今回の新ウェブサイトに当たって各モデルのプロダクトストーリーを再編集しました。今回は4モデルアップしましたが、次回のアップデートで項目が増える予定です。各商品ページよりも細かく触れているのでぜひご覧ください。

 

 

BLOG CONTENTS

新しいサイトの情報発進の中心となるブログコンテンツです。1. 商品特集  2. ニュース&トピックス  3.ネグローニジャーナルの3項目に別れています。主に新商品の紹介やお客様へのご連絡はこちらのページで行います。またジャーナルページは今後様々な方とのコラボレーション記事を予定しています。今後のアップデートにご期待ください。

 

 

 

CUSTOMER SERVICE

靴通販のコンテンツを考える上で、どうやってネグローニらしい充実のサービスをウェブ上で表現するか。 今回カスタマーサービスのページ構成にはかなりの時間をかけています。サービスは主に
サイズについてのトピック ・ 配送についてのトピック 
修理についてのトピック  ・ファクトリーへのアクセス

の4項目に別れています。それぞれがネグローニの靴を語る上では非常に重要な要素となりますので、ぜひ一度目を通して見ていただけましたら嬉しいです。

 

 

さて、ざっとウェブストアの構造を説明させていただきました。まだまだ出来たばかりでですので、以前のストアをご利用いただいておりましたお客様には使い勝手に慣れない部分も出てくるとは思いますが、少しづつ修正しながらより良いサイトになる様今後もアップデートを続けていこうと考えております。

ささやかではございますが、2月15日までの期間中にドライビングシューズまたはオールソール・コレクターズパックをご購入いただきましたお客様にはヴィンテージ・バッファローカーフで作成したオリジナルカードケースをプレゼントいたします。(紹介ページを参照)

こちらもファクトリーで作成して新しいフラッグロゴを刻印しました。長く使っていただけるものに仕上がっていると思います。
 

 
最後に私のデザインのわがままに最後まで付き合ってくれたエディターの加藤さん、非常に複雑なコーディングを担当してくれたプログラマーの宮沢さん、いつも素晴らしい写真を撮影してくれるフォトグラファーの豊島さん、そして難題をクリアするために常に尽力してくれたネグローニスタッフの伊藤さんと間中さんに心から感謝の気持ちを伝えたいと思います。

  

それでは、皆様
どうぞごゆっくりご覧ください。

 

NEGRONI
ブランドディレクター 兼 ウェブデザイナー 

宮部 修平