KAFFE official WEB SITE

kaffe_web1

アートディレクションとオリジナルテキスタイルを担当しているKAFFEのofficial WEB SITEのリニューアルを担当しました。

http://kaffe.jp

今回は「予算」という難しい問題が最初にありました。

そこで最低限の人員に絞って納期を長めに頂くことと、wordpressベースで構築することを組み合わせて開発しました。

アクセス解析を見ていると、ほぼSNSからスマートフォンでのアクセスだったので、バイラルメディアのシェアのしやすさと見やすさを参考にしつつ、コンテンツマーケティングの仕組みをミックスして構成を組みました。

広告費も大きく使えないので、とにかく地道に記事をつくって、ユーザーのみなさまに好かれる真摯なサイトにすることを目標にしました。

 

kaffe_web2

 

ライフスタイル系のブランドの為、カテゴリーが非常に多く、今後も追加されていくことを考慮して分類をしました。

カテゴリーの解釈が人によって随分違うことがアンケートで把握できたので、見てイメージできる写真ではなくアイコンイラストを使用しました。

シンプルなアイコンイラストによって、カテゴリーの迷いが少し減るのではないかという計算です。手描きのイラストがブランドの世界観も作るので結果正解だった気がします。

 

kaffe_smp

 

運用も少ない人数で素早く対応したかったので、もっともシンプルなレスポンシブを採用しました。

画像が重くなりそうな部分はなるべくシンプルに情報を整理し、テキスタイルなどはPNGにするコトで随分軽量化でき、レスポンシブでもあまりストレスのないデザインに仕上がったと思います。

使えるだけのwordpressの機能をフルに使って、コーダーのハルさんと相談しながら、ほぼ2人で作りました。

ハルさんがいなかったらまったく完成しなかったと思います。すばらしいコーディングでした。

 

構築中もFacebookページに記事を投稿し続けたのですが、これはサイトにBLOGとして移植することを最初から計画していたので、文言もSEOを意識した作りにするコトができ、リニューアル時で100本近い記事を用意することが出来ました。

結果、PRODUCTSとSELECTの製品個別ページと合わせると200ページくらい最初から持つことができました。これはかなり大成功です。

 

シンプルで使いやすく、コンテンツも読み物として楽しい。そして製品の命であるテキスタイルを選んでいく楽しさを表現できたと思います。

 

KAFFE fabric supply co.
http://kaffe.jp

 

CLIENT:KAFFE fabric supply co.
DIRECTION:兎村彩野(TO2KAKU)
WEB DESIGN:兎村彩野(TO2KAKU)
CODING:サトウハルミ(web design FLAT 
ASSISTANT:なんばもにか

 

OTHER WORKS

  • cheero Energy Plus mini 4400mAh