楽天ストアのリニューアルでお話を頂きました。

デザイン的になかなか手が回らないということで頂いたお話なのですが、そういった場合に大切なことがあります。


ずっと使えるデザインをするということです。
楽天にはレフトナビという、画面向かって左にあたるナビゲーションがありますが、この部分がしっかりとまとまって目に入るよう、ソリッドなミニバナーボタンを並べました。
どのページに移っても、ぱっと「ここに必要なものが並んでいるな」と分かります。

また、ＴＯＰページに戻った時に他のカテゴリの商品にも移動してもらえるよう、ＴＯＰバナーをカテゴリ分作成させていただきました。
こちらはリクエストをいただいて色分けをほどこし、カテゴリに移っても「この色はこのカテゴリ」ということがよく伝わるようにさせていただいています。写真も入れ込んで、カテゴリ名ではぴんと来ない方がいたとしてもクリックを誘発できるようにいたしました。

http://www.msauto-japan.com/



滋賀県の中古車 新車販売のエムズオート様です。
お客様に“いいクルマ買えたわぁ～！！”と言ってもらえるよう仕入にもこだわっています。
買ってからも安心の全車保証付き、レスキューサービス、車検や鈑金、オーディオ、タイヤの取付等、クルマの事なら何でもおまかせください。

デザイン的に地域密着のエムズオート様ならではの、親近感・見易さにこだわりました。
また、車の販売会社は情報が命。
在庫情報や、新着情報など常にお客様に最新の情報がお伝えできるように、
自動更新プログラム・ブログを設置いたしました。

チラシ広告やDTPデザインの印刷会社であるアイム広告様のサイトです。
デザインの会社様であるということで、とくに「製品ラインナップ」ページにある、制作例を
より大きく見て頂けるよう、工夫致しました。
また、ボタンに「スタッフブログ」を設置し、イベントやお知らせ情報をスタッフ様が
更新できるようしております。
デザインもホームページと統一し、このページのみが「ブログ」であるという印象が
残らないようにしております。

http://www.nagata-k.co.jp/



解体工事をされている株式会社長田工業様のサイトを作成致しました。
安心・信頼・エコロジーをイメージして頂けるよう、全体的なカラーをグリーンで統一し、
爽やかな雰囲気に致しました。また、グリーンがより映えるよう、オレンジーをサブカラーとして
チョイスしております。
また、京都エリアに限定されておらず、全国対応しておられるのでその部分を強調できるように
地図を背景に入れ、スペースも大きめにデザインしています。
「工事全体の流れ」や「解体工事の流れ」のページは、流れの状況がイメージしやすいよう、
写真を添えて掲載しております。

http://hira-satoyama.net/




滋賀県大津市南比良、まほろばの里で活動をしておられる、比良里山クラブ様の新規サイト制作をいただきました。

里山という豊かな自然の中で、その恵みを楽しみ、また保護するという様々の活動をされています。
このことをふまえ、ナチュラルで明るい雰囲気を全面に出しながら、コミュニティとして皆に親しまれるデザインに作り上げました。
たくさんの画像などをご提供いただき、写真やイラストをふんだんに使ったにぎやかなサイトに仕上がっています。

ページ内のボリュームが多い箇所もありましたが、広い年齢層の方に読みやすく、より興味を持って見ていただける助けとなるよう、見出しや色使いも明るさを打ち出しています。


また、クライアント様で更新されるページがあり、ブログシステムを一部に導入しています。
ブログシステムを組み込んだページも、そうでないページと同じ見栄えになるため、訪問者の方によりスムーズに閲覧していただけます。

このような形は、サイト全体をブログタイプで制作するよりも読み込みが軽く、訪問者の方々に負担を与えません。
綿密な打ち合わせをさせていただくことで、htmlページとブログベースのページとを効率的に使い分け、合理的に運営できるサイトとなりました。

http://store.shopping.yahoo.co.jp/dreamaki/



ヤフーショップにて、表札から装飾用グッズ、オリジナルプリントまで非常に幅広い商品をお取扱のものづくり工房様。リニューアルということでお話を頂きました。


■バナーの重要性
ヤフーショップをデザインするにあたって、ビジュアル面でバナーは最も大切な要素です。

ものづくり工房様は、お取扱の商品ジャンルが多岐にわたるという強みをお持ちです。これはショップを訪れた方に『こんなものも扱っているのか。コレも欲しいな』と思っていただきやすいということですので、バナーに入れ込む情報も多めにして『イメージ写真だけでなく、そのバナーをクリックした先にどんな商品があるのか』を伝えられることを最重要視しました。

また、バナーだけではなく、それに付随するテキストを読んで初めて食指が動く、というお客様もいらっしゃいます。
その点を考慮し、バナー1つずつに簡潔な説明文を加えています。


とにかくバナーの数・バリエーションが非常に多い今回のリニューアルでしたので、かなりはなやか、にぎやかに完成しました。
明るく強めのデザインという共通性は持たせつつ、フォントの種類や写真の傾向などに変化を持たせ、個人ユースから企業様まで、幅広いお客様に向けての発信を心がけています。



■ショップとして必須となるデータ部分のデザイン
ネットショップには運営会社の説明や、送料についてなどの案内といった表記が必要になります。これらは必須ですし、お客様にとっても大事なデータになるのですが、事務的なイメージがあることもあり、なかなか意識されにくい部分です。

今回は画面の最下部にご利用ガイドとして設置させていただき、必要な項目を簡潔にまとめました。
ページ全体になじむよう、同じニュアンスのパーツを使用し、より『読んでもらいやすく』仕上げています。

また携帯サイトへの強力な窓口となる二次元バーコードにもデザインを加えて配置。ページ全体から見れば小さなスペースですが、こういった細かなところまでひと手間かけてショップの中に組み込むことで、全体のデザイン性もぐっと高まるのです。