http://www.asadakoumuten.com



住宅リフォームから店舗改装に至るまで、幅広い分野を手がけておられる浅田工務店様。今回は新規制作ということでお話をいただきました。

温かみと心地よさのある木の質感をベースに、明るい雰囲気のデザインとなっています。堅実さと安定感がしっかりと伝わるよう、フォントなどにもこだわりました。


■実績を伝える■
工務店様というと、住まいや店舗そのものを作られるお仕事です。たとえばリフォームをするといっても、どんなふうに生まれ変わらせることができるんだろう？　といった点がお客様のもっとも知りたいところだと思います。

そのため、打ち合わせ段階から、今までに手がけられた数多くの施工についてお伺いし、お話を聞かせていただきました。実際に施工のお写真も多数ご提供いただくことができ、非常に「浅田工務店様らしさ」のあるページとなりました。
別途こちらからも文章を提出させていただき、一番お客様がご覧になるページに重点を置いた、方向性の明確なページとなっています。

工務店様としてのはっきりとしたビジョンもお持ちで、ポリシーなどについてのテキストなどもご提供いただくことができました。細かなところまでお客様にしっかりとメッセージを伝えられることができます。何度も打ち合わせをさせていただいたことで、将来性、広がりのあるものが完成しました。

http://www.yamaka-k.jp



インテリアに関する様々な品物をお取扱のヤマカ株式会社様。今回は、コーポレートサイト新規制作のお話をいただきました。

■コンパクトにすっきりと■
暮らしに直結している品物をお取扱ということで、健やかに明るいイメージでのデザインをさせていただきました。
具体的な品物が連想しやすいような画像であったり、ゆったりとしたスペース取りであったりと、ゆとりを感じさせるデザインです。

イメージカラーに合わせて、全体にややシックな赤を感じさせるカラーを使用しています。


■ページごとのボリューム■
ウェブサイト制作にあたって、以外と壁になるのが「ページによって内容量に差がある」という点です。
通りいっぺんのテンプレートデザインでは、ページ一つずつに最適な制作はなかなか行えません。

ヤマカ株式会社様では、多くのメーカー様とお取引をされています。
非常に多くのテキストが並ぶことになりますが、お名前を掲載するにあたって、いただいたデータをただずらずらと載せただけでは、とても見づらくなってしまいます。
また、お名前を美しく見やすく配することは、その方々への誠意の表れでもあります。依頼をいただき直接制作をする私どもも、この点はしっかり意識しておくべきだと考えています。


そこで、このページには、レフトナビゲーション内に特別に索引を設けました。もちろんまとまりごとにページの最上部に戻るリンクもつけています。

ささいなことではありますが、こういった小さな配慮が、最終的にウェブサイトの質を高めるのです。

http://www.office-plot.com




今回、新規制作としてお話を頂きました。
事前の打ち合わせで、非常に深くカイロプラクティックの将来を考えておられるということが大きなポイントとして浮かび上がってまいりました。
このため、会社としてのかっちりした骨組みはそのままに、さわやかで前向きなイメージでデザインをさせていただいています。
また、ウェブサイト用にロゴも作成させていただきました。


■専門的な情報も見やすくまとめる■
療法士の方や整骨院の方に向けた、技術的なセミナーなどを全国区で行っておられます。このため専門的な文章が多く必要とされ、ある程度踏み込んだ内容を掲載されるということで、テキストを多く頂きました。

テキストというものは、htmlコーディングの過程で非常に膨らみます。たとえばワード1枚に収まった文章が、ウェブページになると何スクロール分になることもよくあります。
こうした点を踏まえて頂いたものをより読みやすくまとめ、より分かりやすいアクセスをと考え、ページ内に移動するリンクを設置するなどして内容が伝わりやすくなるよう設計しています。
「スクロールする」ということを避けたい方もいらっしゃいますので、ページ最上部のナビゲーション部分に戻れるリンクも丁寧に配置しました。


■更新する内容の多さ■
自社更新をご希望の部分がピンポイントでありましたので、その部分だけに更新用のシステムを盛り込みました。
こちらはセミナー情報に関してのご案内になるのですが、ＴＯＰページにもその更新が自動的に反映されるように組み込んでいます。自動的、というところがポイントです。
また、自社更新部分を更新するとどうなるのか？　ということが分かりやすいよう、前もっていくつか更新記事をいただき、サンプル更新としてお渡ししました。

セミナー情報がいつ更新され、どの内容が新しいのかが分かりやすいような形でシステムを置かせていただいています。

ＥＣサイトの新規構築でホームページ作成のご依頼を頂きました。

エドインター様は子どもたちの未来を見つめ、将来の地球を担う彼らの成長に貢献することが私たちの願いで木のおもちゃ専門のショッピングサイトを運営されています。
デザイン的に、分かりやすく見やすいに重点を置きました。

また、システムにおいては登録された会員様の利用頻度において単価を変えられるようにしてあります。

又、このサイトを導入するにあたり、今までのお客様にも活用していただき、ＦＡＸ及びお電話での注文受付をメインでしてこられましたがインターネットでの注文を核にするように社内体制をかえられかつ、経理部門へのデーター移行を実現しています。

http://www.mercimarugin.jp/

京都市左京区にあるスーパーマーケットのメルシーマルギン様です。

地域に密着をモットーに新鮮で品揃え豊富でお客様をお迎えしておられます。


こちらのサイトは一見ページ数は少ないですが
この少ない中に自動更新プログラムを3箇所も設置しています。

それには色々なコンセプトがあります。

まずは、この近くには大学があり、大学生や若い方にももっと来ていただきたい！

又、スーパーマーケットといえばその日のおすすめ商品、お買い得商品と行ったように
スピードが命です。

こういった内容をチラシで配布されていますが、若い方で特に一人暮らしの方などは
新聞をとっておられないケースも多いです。

そういった客層もつかみたい！それにはやはりインターネットです。

本日発行のチラシをホームページ上で見せることができます。

お客様にも便利！スーパーも広告費の削減・地域限定の絞込みもなくより多くの人に見ていただくことができます。

日々、忙しい業務の中で自分の手で簡単に更新ができる！それもスピーディーに！
これはありがたいシステムでしょう！

また、当初予算がなく、ページ数的にも多く作成することができないといった方にも
オススメです！

このシステムは記事を投稿することによってホームページが1ページ増えていきます。

最初は少しのページから始めたい！といった方にもこのシステムはひとつ入れておくと
自分でページを生成することができるので是非おすすめいたします。

http://www.rakuten.co.jp/mount-plus/

今回、既に運営中の店舗様のリニューアルということでお話を頂きました。
Mount-Plus様はなんといってもお取り扱いの商品カテゴリが多く、どんどん追加・更新をされていくとのこと。
お取扱の商品の分野が広いので、お客様が見落としてしまわないよう、きちんと全てを明示する必要がありました。

■カテゴリの整理■
楽天では「カテゴリ」というものを非常に大事にしています。楽天というショッピングモール自体が、そういう方針なのです。お客様も「楽天の中で」検索して商品を探してお買い物…という流れがごく自然になっています。

Mount-Plus様はこのカテゴリの重要性を深く理解されておられましたので、今回はその点を踏まえ、レフトナビ（画面向かって左の、細長い「もくじ」のような部分です）の中のナビゲーションにポイントを置きました。

随時更新がなされるということは、がちがちにデザインして動かしにくくすると後でとても大変です。ですのでできるだけわかりやすいコードでデザインも取り入れた、シンプルなレフトナビを作成することにしました。

シンプルにといっても、見やすいものを作るにはやはりスキルも必要ですし、楽天制作でのコツもあります。ですので初めにお任せいただければ、後々まで使える「型」をご提供できるのです。
カテゴリページや商品ページなどにもこのレフトナビは表示され続けますから、探している物がぱっと見て分かるシンプルさは大切です。




■ＴＯＰページの大切さ■
楽天でのお買い物は、はじめに商品をピンポイントで探した後、トップページに戻るという動線が多いです。
お店のＴＯＰページに戻ってみて初めて気づく商品やカテゴリは多いもので、そこから店内を回遊してもらうことが重要になってきます。

このため、今回は様々な場所に使えるサイズのバナーやＰＲ的なバナーを設置し、ついクリックする…という動きを誘い出しています。

また、目が迷ってしまわないよう、全体を明るく軽快なデザインと、スペースを意識したホワイトベースの作りでまとめさせていただいています。

日本初！京都初！の犬の性格、運勢、飼い主との相性を占う愛犬陰陽占術様のホームページです。

愛犬とのコミュニケーションを、『少しでもお互いの思いを分かりやすい形にしたい』 という思いを基に設立されました。

「この子と、私はどのような運命で巡り会ったのだろうか？」
「この子は今、私と一緒にいてどんなことを思っているのかな？」
といった疑問から
「この子の病気を治すために、何か私ができることはないのか？」
「元気のないこの子を、どうやって励ませばよいのだろうか？」
といったお悩みまでそれぞれの多くの思いや疑問にお答えできるように、
幸福な将来を目的として誠実に研究、鑑定をされておられます。

まず、このホームページを作成するにあたってクライアント様のご希望は、
その辺にあるような犬占いと一緒にされたくないとのご希望がありました。

それにお応えするには、なんといっても信用のできるホームページ作成を心がけました。

背景の色、フォント、メインカラー、サブカラーといった『色』にこだわりを持ち作成いたしました。

トップページでの文章が多かったせいもあり、伝えたいことをお客様に伝わりやすくする為にも、
中身の抜粋を目に付くところにボタンとして配置し、興味を持った方がそれをクリックし
中身を詳しく知ることができるといった見易さにも注意いたしました。


文章が多いページはやはり、見づらく、読み飛ばしてしまうものです。
でもそれでは伝わらないことの方が多く、それをいかにユーザーに伝えられるかが大事だと思います。

また、新着情報・お客様の声では、より身近な方たちが生の声を届けられるよう、クライアント様の方で簡単に更新していただけるプログラムをいれました。

今や、このビジネスブログはホームページに欠かせないものとなってきました。

これを設置することにより、クライアント様自身も自分たちの手で運営しているといった意識が強くなったように思います。

http://www.d-tada.com



京都市左京区で、一般歯科から口腔外科、インプラントにいたるまで幅広い科目をお取扱の歯科医院様です。

明るく柔らかな雰囲気で全体を構成させていただきました。

また、文章の一つ一つを取っても、ＳＥＯチューニング効果を絡め入念に打ち合わせを重ねさせていただいたものとなっています。



■一番の強みを■
医院様のウェブサイトというと、インターネット上だけで全てが完了するわけではありません。実際に来院していただくことが、やはり最終的な目的になります。

多田歯科診療所様では、その治療科目の多様さとともに、バリアフリー完備という点が大きなポイントでした。

ただバリアフリーというだけでなく、様々な年齢の患者様がいらっしゃること、付き添いとして来院なさる方がおられることまで考慮されています。
それだけ力を入れておられるところですので、お写真もご協力いただいて、特にお撮りいただきました。

弊社でも写真素材は多数ご用意しているものの、実際の場所となると、やはり専用に撮影されたものが最善です。
ご協力いただけたことで、明るく開放感のある雰囲気を、とてもよく伝えられる仕上がりになりました。


■インフォメーションをしっかり伝える■
京都市内の特徴として、来院なさる方によって、非常に多くのアクセス方法があります。
また専用駐車場をお持ちということもあり、遠方から来院なさる方も多くおられます。

こういったことを考え合わせ、項目ごとにスペースを取って「所在地」「交通」「実際のお写真」のご案内をすることにしました。

たとえばバスに関しては、バス停の名前や乗継などをインターネットで検索するのは意外と大変で、ウェブサイト上での具体的なご案内が必須です。
ささいなことなのですが、初めて来院なさる方や付き添い、送り迎えをされる方の考えの動き方を考慮した構成はとても大事です。


■「今」を分かりやすく■
来院なさる方のことを考えた構成として、やはりリアルタイムで情報を伝えられる「お知らせ」といったものは重要です。
ＴＯＰページに、簡単に更新できるプログラムを乗せることで、分かりやすい場所に最新の情報が表示されるよう制作させていただきました。

http://www.andokanpou.com



30年以上の歴史をお持ちの安藤漢方薬局様。
今回は新規制作にてお話をいただきました。


漢方薬というと、一般的なイメージとしてはやはり年配の方向け、女性の方向け、古くからある療法…といったものが挙げられるかと思います。
今回のウェブサイト立ち上げでは、若い方にも大勢見ていただきたいというご要望を受け、和風の落ち着きを持ちながらも現代風の要素を取り入れました。


■ページごとに変化を持たせる■
若い方「にも」見ていただきたいことはもちろんですが、今回想定される年齢層は非常に幅広くなります。
インターネット、ウェブサイトにはあまり詳しくない、という方はまだまだ多くいらっしゃいます。年齢層が高くなるほど、やはりその傾向はあります。

そのことを踏まえ、今どのページを見ているかがはっきりとわかるよう、店舗紹介ページなら看板のお写真といったように「視覚的な」見出しを設けました。

「さっき見たのはどのページだったっけ？」
そういったシーンは意外と多いものですが、視覚的に変化をつけておくことで「たしかピンクっぽい写真があったな」と、再びページを訪れる目印ができるのです。


また、各ページごとに必要になるパーツは、htmlコーディングの組み上げやＳＥＯチューニングと並行して作成していきます。

いただいた資料やお写真を参考に、雰囲気に合ったモチーフのシルエットを配置する、和紙のような質感を持たせるなどのほか、今回は別途フォントをご用意させていただきました。

手書き風のフォントは「活字」の中にあってよく映え、目を惹くポイントになっています。
Ｑ＆Ａやお客様からの声といったコンテンツはやはり文章がメインになりますので、このような目立つものがあると、ページ全体を読む目が疲れない、読みやすいページになるのです。

目が疲れないという点は実はとても大切で、細かい色の組み合わせにも配慮して全体を仕上げました。


■もっとも大切なものは■
安藤漢方薬局様は、京都市内に２店舗を構えておられます。
お客様に、実際に足を運んでいただくためには何が重要かといえば、やはり店舗案内ということになります。

こういった、例えば「○○駅から徒歩○分」というような情報を掲載するページは、その情報をできるだけ多くいただいておく必要があります。当事者にとっては何とも思わない普通のこと、であっても、初めて足を運ぶお客様にとっては分からないことだらけ、あらかじめ知っておきたいことがたくさん…ということは往々にしてあるからです。

安藤漢方薬局様からこういった点にご理解が深く、項目やお写真を数多くいただくことができ、店舗案内ページは非常に充実したものになりました。細かな点までご協力いただけたことで、道案内の箇所などは特に、お客様に本当に親切なものとなっています。

http://www.kyo-lavanderia.com



新規制作としてお話をいただきました。
なじみができつつある新しいサービス「洗濯代行・宅配」を京都にて取り扱っておられます。


■あえてポップで明るいデザインを■
ラバンデリー屋様は、純粋に時間がとれない方へももちろんですが、出張中や、洗濯機が壊れてしまった時などにも有難いサービスを提供しておられます。
お客様は様々なシーンで利用されると思うのですが、共通点は「困った時」だと思い至りました。忙しいのに洗濯物は山積みで、しかもどんどん溜まっていく…こういった時、人は焦るものですし、なかなか明るい気分にはなれません。

そういった方が肩の荷を降ろし、前向きになれるビジュアルこそ、ラバンデリー屋様のサイトには必要なのではないかと考えました。

お洗濯、といえばとにかく「清潔感」が大切ですので、勿論その部分は外せません。クリーンな印象を保ちつつも、見て楽しいものにしようと、シャボンの泡をモチーフに採用しました。

ヘッダーやナビゲーション部分、見出しなどページの要所要所にこれを用いることにより、ポップでにぎやかなデザインに仕上がりました。

また、ブログシステムを組み込み、ブログ更新をされますが、このブログは他のページよりもぐっと親しみの増すページですので、パーツパーツに丸みを持たせ、閲覧される方との距離感を近づけるようデザインを変更しています。

全体に使用したシャボンの泡は「丸」なので、インパクトを持たせることもできたと感じております。



■しっかり読んでもらえる説明■
まだこのサービスをよく知らない方もいらっしゃる、ということで、サービス内容やご利用方法についてのご案内、ご説明を多く配することとなりました。

説明というものは、どうしてもテキストばかりになりがちです。なかなか読んでいただきにくく、しかし読んでいただきたい重要な部分です。

ぱっと見てとっつきやすく、読み進めやすいように、説明や案内といった箇所にはスペースを多めにとり、番号を大きくつけるなどといった工夫をしています。

また、今回特にご要望をいただき、制作させていただいた写真・イラストを多数挿入しています。
なかでもイラストは、小さなものでも別途ゼロからの制作になるため、サイトにぴったり合ったものをご提供することができます。クライアント様専用となりますから、自然と統一感も出すことができるのです。