http://www.joylivingito.jp/



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

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

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

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

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

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

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

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

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

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

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

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

楽天ショップにて、本真珠・淡水パール・あこや真珠・タヒチ真珠などを広く取り扱われているPerla様。
今回リニューアルということで案件を頂き、ぱっとはなやかに、また真珠の美しいたたずまいをよりよく伝えられるようデザインをさせていただきました。



■『運営中』という点
今回のリニューアルではイメージを一新されたいとのことでしたが、運営中の店舗様ということで『切り替えが目に付かないように』ということに重点を置いて作業をさせていただきました。

やはり運営開始後の大きなリニューアルというと、がらっと見た目が変わるものですし、その切り替えをなめらかにすることが非常に重要です。

また場合によりますが、『見た目を変える』とは言っても、元々のデザインから要素要素で引き継ぐものは出てきます。たとえばメインとなる色、写真の加工具合、全体の雰囲気など。
今回も、リニューアル前のデザインからメインカラーを抜き出し、継続して使用させていただくなどしています。

運営中であれば既に顧客様もついている、ということを意識して、統一感を出すことを心がけて制作を進めました。


■独自型ネットショップとモール型ネットショップの違い
ショッピングモール型（楽天ショップ、Yahooショップが有名です）のネットショップは、そのモールが用意しているシステムに沿って制作を進めることになります。楽天であれば楽天のシステムの『クセ』のようなものもありますので、独自型とは少し違ったところに配慮する必要も出てきます。
進め方が独特な部分もありますが、Perla様は既に運営をされていてご経験をお持ちということもあり、その点をご理解下さり、お任せくださりました。

モール型のネットショップでは、バナーの存在がとても大きくなります。
ショップ上には同じレイアウトの「商品画像+説明」が並ぶことになりますから、大きなサイズで文字もデザインされたバナーは目を惹くのです。そこで立ち止まってクリックしてもらいやすいんですね。

今回複数のバナーを作らせていただいたのですが、PRしたい内容や取扱商品についてのヒアリングを重ね、素材写真を頂き、色合いやニュアンスを変化させて差別化をはかりました。

バナーが将来的に増えることも考慮に入れた構成をし、運営を続けるにあたってショップのデザインも変化していくことを視野に入れています。

http://www.yuniv.com/




亀岡市で鍼灸、スポーツ整体、女性特有の症状改善など、広く深いジャンルでの「治療」「サポート」をしておられる鍼灸院ゆにぶ様。

東洋医学と西洋医学のよいところを取り入れ、現代に即した科学的な見地からの治療を行っていらっしゃいます。

強いポリシーを持っておられ、ヒアリングと打ち合わせを重ねることによってそのポリシーをより伝えられるようなイメージを固めていきました。
データもしっかりとご用意いただき、なめらかで上質感のあるビジュアルがぴったり、という結論に達し、文字や色づかいも細部までこだわってデザインをさせていただきました。



■育っていくホームページ
新規立ち上げ時は比較的あっさりとしたページ数でスタートし、将来的にはもっとページ数を増やしていくことも視野に入れたサイト制作につとめました。
上部や左部に配置したナビゲーションボタンも、それを考慮し、ボタン数が増えることを考慮したデザインで作っています。

ホームページを新しく作るということは、やはりゼロからまとめあげるわけですから、数多くのものを一挙に完成させることは簡単ではありません。
特に専門性のあるページであれば、そのジャンルの専門家であるお客様ご自身の目で内容を把握していただく必要があるため、「将来的に少しずつページを増やしていく」といった形を取るのが理想的です。

鍼灸院ゆにぶ様は、そういった点を踏まえて「どのコンテンツがより重要か」「この言葉遣いで、伝えたいことがきちんと伝わるか」をお考え下さり、弊社のスタッフと何度もやり取り、検証を重ねて下さいました。

伝えたいことがはっきりと強くあること、またホームページの重要性をしっかり意識していただけたことで、内容に深みが生まれ、1ページごとの中身を非常に充実させることができました。