楽天ストアの、ストアデザイン新規制作としてお話をいただきました。

ターゲットのはっきりした、かわいい和雑貨をお取り扱いです。
こういった場合はデザイン面でもピンポイントにに絞ったカラーで進めていくことができ、結果的にダイレクトに顧客に訴えかけるものが仕上がります。今回は和雑貨のきれいな「色」、意外と大胆なものも多い「柄」を意識して進めさせていただきました。
テンプレートを使わない、クライアント様に合わせた一からのデザインだからこそ可能になることですが、写真素材もご提供いただき、実際の商材を見てそれを念頭においてデザインすることで、よりゆめか様のカラーに沿うものになったと感じております。

デザインに関してきっぱりとお任せいただき、ご要望も明確にいただいたことで、後々の運営もより楽な形で完成させることができました。そのご要望をもとにして、将来的にどんなプロモーションを打ち出していくか、といったことも考慮に入れたデザインとなっています。


■ストアを構成する細かな部分■
ネットショップには「商品検索」「店舗情報」「送料や配送」などの必須項目があります。
これらはとても大事なものですが、どうしても文字が多くなりますので、ストアをご覧になっている方が自然に読んでいっていただけるよう、こういった部分の文字やパーツもそれぞれ作成・デザインさせていただきました。

バナーが目立つように見える楽天ですが、やはりストアを訪れるお客様はよりよいものを探していらっしゃるので、バナーに依存しない文字の色や大きさ、行間などの非常に細かい箇所への配慮は楽天では重要です。

テキストの装飾一つずつを丁寧に設定していくことで、初めて違和感のないデザインができあがります。テキストに関しては「デザインされているとは一見分からない」面があり、軽視されがちな傾向がありますが、ここに仔細にデザインを施すことで、よりたくさんの顧客層に訴えかけることができるのです。



■後々の展開を考えて■
楽天ストアをはじめとしたオンラインショップも実際の店舗と同じで、「商品登録」「お客様への対応」「更新情報をお知らせする」など、日常的に行っていく運営に慣れるまでが大変な面があります。このため、スタート時点でやるべきこと、将来的にどう展開していくかを考えた、余地のあるデザインが非常に大切です。

例えば商品登録の形であったり、商品画像の扱いについてなどをあらかじめ固めておく、こういった部分の設定を最初にきっちりしておくことで、運営は格段にやりやすくなります。またデザイン的にもストア全体の統一感を保てるというメリットがあります。

運営をしやすいということは、様々なキャンペーンや展開も発展させやすいということです。運営していくお客様のことを考え、こういった点も考慮した上でお渡しするということが大切であると考えています。

http://www.sunnet-industrial.co.jp/

金網とネットフェンスのサンネット工業株式会社様です。

金網といえば、ざるやフェンスなど、私たちに身近なものから、工業用の特殊なフィルターなど、目に触れる機会の少ないものもあります。

その種類や役割はまさに多種多様であり、私たちの生活や企業の経済活動を支えているのです。

そのような金網の製造、販売および加工をされておられます。



【ホームページリニューアル】

もともとこちらの会社様は、ホームページをお持ちで、リニューアルということでお申し込み頂きました。

全面リニューアルということで、金網とネットフェンスの新たな可能性がまだまだあるという思いを大事に
デザインいたしました。

特に大きなプログラムは、入っておりませんが、このページをご覧になられる企業様や個人さまに
目で見て分かるように一つずつ丁寧に説明されています。

特に金網に関しては種類が豊富にあり、どのような用途で使われるのか画像と文章で説明がされています。


各ページを見ていくと、この会社の信頼性が十分に伝わってくると思います。

http://www.vanilla-fudge.net/



京都の四条烏丸から徒歩５分、「京都の台所」といわれる錦市場の中にあるネイルサロン＆スクール「vanilla fudge」様です。

ネイルサロンをはじめ、ネイルスクールもされておられます。スクールはNPO法人日本ネイリスト協会認定講師・バイオジェルエデュケーターが 即戦力となるネイリストの育成を目指し、少人数制で直接指導。

今、年齢にかかわらず爪のおしゃれは当たり前。
そんな四条烏丸の激戦区のなかで、常に新しい情報や、技術を提供し続ける為のコツは、
より多くの方に知ってもらうことです。

リピータも多いこのバニラファッジさんは、お客様へのPRとして常に新しい技術や情報をお届けする為に
ブログシステムを取り入れ、いち早くご自身の手で多種類のネイルを更新しています。

又、SEO対策として相互リンクシステムを取り入れ自身のホームページのSEOに役立てています。
ホームページは優良なリンクが集まってこそ、相互リンクをしている意味があります。

又、この相互リンクシステムは、相手がリンクをしていないと登録できない、又削除されるといった高機能です。
作って終わりじゃないとい管理者の心意気がホームページを動かしているのでしょうね。

http://www.joylivingito.co.jp/



京都　長岡京市で長年カーテン・ブラインド、じゅうたんやラグをお取扱のジョイリビングイトオ様。

こちらのサイトはカーテンやブラインドに特化しておられ、様々な種類のカーテン類があることに驚きます。
お手入れ方法や機能性を持ったカーテンのご案内など、非常に深い内容のサイト様です。

いただいたお話はリニューアルでした。
外から見た時に分かりやすいものとしては画像・バナー類の入替と新規作成で、より具体的なページへのクリックを誘うようにいたしました。
打ち合わせでどういったものが一押しなのか、どんな方がご覧になっているのかなどを詳しくヒアリングし、よりスポット的に商品を打ち出せるようにとの考えです。

また、閲覧するだけでは分からない部分なのですが、サイトの構造的な部分でも様々な調整をさせていただいています。

われわれは常にウェブ制作に携わり、常にウェブのことを考えていますが、そういった制作者の目線だけで作られているサイトは非常に多いです。それを作った人だけにしか構造が分からない、というサイトですね。

そういった作り方は、将来的にずっと運営が続いていくことを考えれば、不親切である場合があるのです。

運営されていく方がより運営しやすい形を考え、画像一つ、スタイル一つを設置することも非常に大切なのです。

こちらはアマチュアのクリエイターの方のための、デジタルコンテンツ登録・配信サイトです。
音楽の配信サイトは今までにも見かけましたが、こちらは小説やイラスト・漫画、写真にも対応されるという画期的な強みをお持ちです。
またアップロードしたコンテンツにレビューを書くこともでき、コミュニティ的な側面も持たせています。

コンテンツのジャンルも様々、そのカラーも様々に集まるということを考え、万人に受け入れられ、遊び心のあるデザインを心がけました。エメラルドブルーをベースに、透明感を持たせています。
またこういったサイト様ではやはり、大小問わずバナーも重要になってきます。キャンペーンやPRを打ち出していくことを前提に、スペースの使い方にも配慮した構成で作成させていただきました。


■システムを組み込む
また、大きなポイントとして、システムがメインになってくるという点がありました。
システムを利用するに当たっては、事前に綿密な打ち合わせが必要です。はっきりとした内容が決まっていないと、進めるに進められないといったものも多いためです。またあるものが決まってからでないと検討できない、といったものもあります。

この点をご理解下さり、何度も打ち合わせをさせていただくことで、細かな内容を順次詰めていくことができました。
システムの場合はこちらからお訊ねすることも多くなりますが、都度こころよくお応えいただき、大変有難い思いで制作をさせていただけました。


こちらのシステムでは「個々のユーザー様がアップロードする」という点が最大の特色です。様々な好みの方がおられるということを踏まえ、説明的な部分の流れについても何度も校正を重ねながら進めていきました。


■運営していくということ
SeeD様は新規立ち上げということで運営していくにあたって必要な操作も出てきます。この点をお伝えすることももちろん重要になります。
これはどんなサイトでも同じなのですが、システムを使う場合は更新していくこと・運営していくことに重きを置いているケースが多くなります。
SeeD様のご担当者様も非常に熱意をもって当たってくださり、この時点でも何度もご要望とそれにお応えすることを重ねました。

運営していく中でどんどんコンテンツが増え、進化していくSeeD様を、こちらとしても非常に楽しみにさせていただいております。

新規制作にてお話を頂きました。
さわやかなイメージということで、さわやかながらもインパクトのある、覚えていただけるデザインを心がけ、頂いたロゴデザインにも合うクリーミーな水色を基調としました。


■更新できるページ■
こちらのサイトの大きなポイントは、自社更新が可能なページが多いということです。

ＣＭＳベースで全てを更新可能にする、ということもできるのですが、そうするとデザイン的なバナーを盛り込んでＰＲ力を高めたい、といった場合に対応度合いが低くなることがあります。
このため事前に打ち合わせをさせていただき、かっちりとhtmlベースで作りこむページと、自社更新が可能なようにプログラムを載せるページとを振り分けさせていただいています。
ぱっと見た感じも、更新可能なページとhtmlベースのページと、違いが分からないように自然に作成させていただいています。

もちろん更新可能といっても、更新される方ご自身に知識がどれぐらいあるかに左右される部分は大きいです。
K-Plus様ではきちんとした知識をお持ちでしたので、ある程度作りこんだページデザインが可能になったという点もあります。
実際に伺わせていただき、更新方法についてもやり取りを行ったうえでの運用開始となっています。


また、リンク集のシステムも導入し、自社更新ができる幅が非常に大きいものとなっています。


■デザインの統一性■
K-Plus様のご提供されるサービスは「内容を見て選ぶ」といったものでした。
このため、あまりにもページごとにデザインが違ってしまうと、ここは違うサービスのページだな、と思われてしまいます。
ですので、共通する部分があるページではフォーマットを統一し、ポイントとなる色や写真で変化を持たせました。テーマカラーを決めることで「あのページはピンクっぽかったな」というように思い出してもらいやすくなるというメリットもあります。


■デザインのメリハリ■
サービスのご案内、ご説明といったページでは、どんなウェブサイトでもそうなのですが、どうしてもテキストが多くなります。これは真剣にそのサービスを探している人にとって必須となるものですが、いかにして読みやすく、見やすくするかが鍵となります。

見やすく。
これは非常によく言われることですが、具体的な例を挙げると「見出しをきちんと目立たせる」「表のスペースをうまく取る」「文字色を変える、注釈を分ける」などといったところになります。
とても地道な作業です。

価格表や図解を交え、ポイントポイントを抑えたページ制作を心がけました。
例えばお電話越しにお話をするといったシーンも想定し、このページのこの部分です、といったやりとりもしやすいように作成を進めさせていただきました。

http://www.horiba-gafu.com/



今回は、堀場雅夫((株)堀場製作所最高顧問）様を塾長に発足した
「雅風塾」のサイトを作成させていただきました。

デザインは、京都の社長様が塾長であるサイトであり、
京都をイメージしたイラストをトップや、サイドメニューの背景に、
フッターには京都で開かれている祭りのイラストを載せています。

色目も「濃い緑」 と「薄紫」を使用し、背景には、グラデーションを使用し、
奥行きを出しています。
また、堀場雅夫塾長の人生哲学、

　「自今生涯」「おもしろおかしく」を
モットーに、経営哲学・企業家精神の真髄を学ぶとともに、
次代の経済界・産業界の担い手を育てる」

という考えをサイトにも反映させるべく、サイトデザインも明るめの色、
派手目のフォントを使用することを避け、フォントはエフェクトを
使用してふちを濃い色にぼかし、背景の白も、灰色の影をつけ
デザインをしております。

また、こちらのサイトは、トップページの「語録」「スケジュール予定」「活動紹介」と
活動紹介ページと日経ビジネス終わらない話ページの3箇所のページが
運営者様が更新できるように作成されており、今後、更新されやすいように、
ｈｔｍｌにコメントを記載し、わかりやすくソースを記載しております。

http://www.joylivingito.jp/



京都の長岡京市にあるラグやラグマット、じゅうたんを専門に
取り扱っておられる「ジョイリビングイトオ」様のサイトです。
今回は、もともとあるホームページのヘッダーやフッター、サイドメニューの
デザインの変更のご依頼であり、さらに今までと違う年代の
女性の方にも購入して頂けるようなデザインを希望されておられました。

デザインは、雰囲気を変えずにということだったので、もともとある落ち着いた
やわらかい雰囲気を残しつつ、女性に好感をもってもらいやすいような色
「ゴールド」「黄緑」「ワインレッド」を取り入れてデザインを作成しています。
フォントの色も灰色を使うことが多いですが、今回は柔らかさを出すため、
こげ茶、黄土色を使用しております。

一番気を付けていた点は、もともとのサイトがSEOに強いため、
下げないようにすることと、こちらのホームページはオーナー様が
更新をされているため、更新されやすいように、htmlやcssは、
わかりやすく作成したことです。
ソースはわかりやすく修正をし、追記するソースについては、コメントを記載し、
作成しています。

こちらのホームページは以前につくられたものであるため、幅もその頃に合わせた
サイズになっていましたので、今回は幅もよりワイドにし、サイドメニューや
フッターにはグラデーションを施し、立体感を出しています。

こちらのサイトのオーナー様はまめに更新されておられます。
更新が多いサイトは、ユーザーも多く、作成したら更新せずに放置状態にある
ホームページよりも、運営されがいのあるホームページであると感じます。
今後も流行りすたりに左右されず、育てていって頂きたいという思い
を込めつつ、飽きのこないデザインを意識して作成させていただきました。

京都市右京区の「さがの幼稚園」様のサイトです。

“たいせつな幼児期をあたたかなふれあいの中で”　というフレーズを掲げておられる
幼稚園様です。

小さなお子様を育てておられる親御様にとって、幼稚園選びは重要なことだと
思います。こちらの「さがの幼稚園」様は、親御様にとっての大事な宝物である「子供」を
箱に入れたままではなく、外に出して磨き、木の根っこのように元気に育てるという
考えの元、運営をされています。

サイトのデザインも、子供たちが元気に育っていく様を思い浮かべ、「木」「空」を
イメージして作成しています。
やさしい「青色」と元気な「オレンジ」色の配合が見る側を元気にさせてくれます。

また、親御様だけでなく、親御様の隣でお子さんも見てほしいという気持ちを込めつつ、
おばあちゃん、おじいちゃん、おねえちゃん、おにいちゃん、いろんな年代の方に
見ていただけるよう、字は大きめのフォントを使用し、メニューボタンには、アイコンを
挿入しわかりやすくデザインしています。

そして、今回デザインする上で一番考えていたことは、「さがの幼稚園」様の
園内の雰囲気がより伝わるように、子供たちの写真をできるだけ多く挿入した
点です。元気な子どもたちの写真は、ホームページを活気づけますし、遊んでいる姿は、
見ている側を元気にさせてくれます。また、入学を予定されている方にとっても
園内の雰囲気が事前にイメージでき安心感や夢を与えることができます。

そして、「ごあんない」と「未就園児」のページには、幼稚園の先生方が更新できるように
しており、イベントやお知らせを随時更新できるようにしております。
今後、入学を予定されている方、現在さがの幼稚園に通っておられる方にいつでも
見ていただけるようになっております。

http://www.cullyschool.com/

京都四条烏丸にある英会話スクール・日本人講師のコリーズスクール様のホームページです。
コリーズスクール様では、日本人講師ならではの細かい解説で 英語の仕組みを学んでいただけます。

一般的な日常会話からビジネスで使える表現まで、幅広い英会話のコースがあります。

もともとホームページをお持ちでしたが、今回はリニューアルということでプロらしくシンプルにかつ、
イメージを一新し、作成いたしました。

【日本人だからこそ英語を理解するプロセスが見える】のキャッチコピーに合うよう、
世界を羽ばたいて一人でも多くの方に夢をつかんでいただこうと考え青い空をイメージに仕上げました。

シンプルに見やすく、目的別に応じてホームページに来られたお客様が迷わぬよう、トップページから
目的にあったコースを探せるよう大きなメニューを作成し、デザインにも気を配りました。

”小さな英会話スクール”、”日本人講師”だからこそ出来る温かみ、コミュニケーションのイメージを大事にし、
かつ四条烏丸という利便性を訴えられる洗練された英会話スクールをイメージし色・デザインにもひとつひとつこだわり
仕上げました。