http://ptsc.daiwa-computer.co.jp/

今回は、株式会社大和コンピューター様が新たに発表された、スクール管理システムのＰＲサイトを新規制作させていただきました。

ＰＲ物の中でウェブが先陣を切り、イメージ的にも元になるということで、具体的にシステムの内容や画像等をお教えいただいて内容を作り込んでいきました。


こういった目的を持ったサイトは、サイト自体のイメージによって、事前にお客様が想像されるシステム像が全く変わってしまいます。
そしてシステムの導入となると「難しそう」「使いこなせないのでは」というお気持ちを持たれるお客様も、まだまだいらっしゃいます。
ですので、現代的な色使いで明るく、また親しみやすい加工画像などを多用することによってユーザフレンドリーの高さを伝えています。


ターゲットも絞られていましたし、どのような雰囲気がよいか、キーカラーは何色かといった点についても明確なご希望をお持ちでしたので、非常に一貫性のあるサイトができあがりました。


flashも作成させていただいていますが、こちらもそのご希望に合わせ、サイト全体を包括するストーリー性を持たせています。
簡潔にまとめ、flashが主人公になりすぎないバランスを心がけました。



■項目を分けてお客様に分かりやすく■

「サイトを見ながら説明・検討をしやすい」
これが今回のポイントです。

もっとも配慮したことは、システムの内容を充分にお客様に伝えること。
魅力のある内容なのですから、それを十全に生かすことが必要でした。


お客様がシステムの「導入」をされる実際の場面で、こちらのサイトを見ながら検討する、といったシーンが想定されます。
担当者がまず検討し、会議にかけるといった流れも多くあるでしょう。

そういった際に分かりやすいように、大きく段落を分けたり、ナンバリングを目立たせたりと、細かな点のデザインを重ねてまとめあげました。

実際のシステム画面を頂けたこともあり、要所要所にイラストや写真を挿入することで、視覚的にも訴えかける構成となっています。

http://www7b.biglobe.ne.jp/~dive-estivant/



沖縄の久米島にあるダイビングショップエスティバン様です。

今回は、今お持ちのホームページの一部リニューアルということで制作いたしました。
遠方ではありますが、電話・メールでの対応で十分に満足していただいております。


さて、ダイビングといえば、やはり一番に思いつくのが沖縄。

沖縄・久米島のダイビングスポットや都会では想像もできないくらい海の無限大の
可能性を表現されているホームページです。

■まず、トップページのFLASHの作成。

http://www7b.biglobe.ne.jp/~dive-estivant/index.html

やはり、海のきれいさ、魚の種類の多さが特徴の島、様々な魚の可能性や甲殻類など
を示唆したいとのことで、それを訴えるものはやはり目をひくFLASHです。

より多くの魚達を使い、沖縄の海の凄さを感じていただける様、彩り・配置に気を配りました。

■トップページ新着情報の設置

http://www7b.biglobe.ne.jp/~dive-estivant/index.html

常にお客様に色々な情報を発信されているエスティバン様。
新しい情報や、記事の追加はいち早く、目に留めて欲しいことから今回、更新作業が簡単に行えるプログラムを設置しました。
ネット上で簡単に更新していただけます。


■他スタッフ紹介のページのリニューアル

http://www7b.biglobe.ne.jp/~dive-estivant/es/staff.html

ダイブエスティバン様は、お客様との信頼感や親しみを大事にされています。
それが伝わるように、またこれから予約をされる方に安心してみていただけるよう、
スタッフひとりひとりの特徴を最大限に活かしました。


■Q&Aのページ

http://www7b.biglobe.ne.jp/~dive-estivant/qe/qe.html


■BBSの設置

今まではフリーのBBSでアドレスも他のアドレスにとぶため、別ウィンドウで開き、デザインも出来ずの状態でしたが、今回は同じサーバ内にBBSを設置し、他ページとのデザイン面での統一や、管理がしやすくなりました。
また、アイコンをスタッフの写真や魚を使用し、オリジナルに変更しています。
今までも、沢山のお客様がこのBBSに足跡を残しておられますので、今後もこのBBSがスタッフとお客様をつなぐアイテムとして更新されていくことと思います。


■お問い合わせフォームの設置
今まで、お問い合わせはメールが立ち上がりましたが、お客様にはやはり不便なものです。今回それを解消する為に目的別にフォームを2箇所設置しています。

スタッフ募集の為のお問い合わせページ

http://www7b.biglobe.ne.jp/~dive-estivant/form/contact.html


ダイビングの予約・他お問い合わせページ

http://www7b.biglobe.ne.jp/~dive-estivant/form/form.html


以上が、今回のリニューアル内容ですが、現在のホームページでは外部ページに飛ぶブログであったり、インフォメーションであったりとまだまだ修正したいところがいっぱいあるようです。
ブログにしても、今では自分のサーバ内で設置し、それを更新することによりページ数が増えていくといったデザイン面でも統一が図れますし、SEOを目的としたビジネスブログもたくさん始められています。

今後もこのページが、スタッフとお客様をつなぐホームページとして賑わっていくことと思います。

「西海岸の国立公園ツアーは、ツバサトラベルサービスへ！」その名の通り、国立公園のツアーを受け付けておられるツバサトラベルサービス様。

今回は新規制作でお話をいただきました。
毎年たくさんのツアーを紹介してこられた会社様なのですが、打ち合わせの際にお話をお聞きすると、やはり現地の光景は、実際にその場に立ってみなければ実感できないスケールがあるとのこと。

お写真をたくさん見せていただきましたが、それだけでも広がりを感じることができ、この写真を生かさない手はないという結論に達しました。
メインとなる大きな写真はもちろんのこと、見出しやページ内の箇所箇所にも写真を使わせていただき、それに見合う、ざらっとした質感のあるデザインを心がけました。

何かの「紹介」となると、どうしてもテキストベースになります。
ですがそのテキストを読んでいただいて初めて分かること、より伝わることというものはとても大きいです。
全体の雰囲気は保ちつつ、訪れた方々に読みやすい構成を心がけました。

具体的には、その紹介部分を読んでいただきやすいよう、やや細かめに文章を割ってレイアウトをするよう心がけています。
これによりどのようなPC環境でも読みやすい構成に仕上がりました。

また、各ツアーへはホームページ上からお申し込みができるようになっていますが、こちらは時期によってツアーの内容や料金も異なり、ツアーお申し込み自体にも様々なケースが想定される（人数・参加される方の年齢など）ので、PayPalを使用しての決済を導入するなど、形を決めすぎないように制作をさせていただいています。

http://www.119421.com/



もしもの時、葬儀は京都の葬儀社『いい供養21世紀』におまかせください。
従来通り、大げさにならずに家族や親族だけで通夜・葬儀をする形の家族葬をはじめ、
シンプルに通夜・葬儀を行わず、火葬だけで故人を見送る葬送もご用意されておられます。

また、いい供養21世紀では終日24時間体制で緊急対応しております。
施行対応エリアは京都市内はもとより、京都府下、滋賀県下においても施行実績を伸ばしておられます。


いざ！というときでないと『もしものとき』の準備は、なかなか出来ないものです。
その時にあわてて結局思い通りに望むことが出来なかったとの声もしばしばきかれます。

そんな方に、いい供養21世紀さまでは、葬儀に関すること、知っておきたいことを
『不測を被らない為に』のページで
前もって準備できることなど質問形式で親切に教えてくれています。

また、このサイトを作成するにあたって、出来るだけわかりやすく、信頼感・親しみが出るようにと
文章ではなくぱっと見た際、目で印象付けられる為に一つ一つを画像で表現し、
その画像加工に一番の時間を費やしました。

お葬式の費用ってどれくらいかかるものなのか不安ですよね。
そんな不安を取り除く為にも、金額表示、プラン内容を画像で分かりやすく表現しております。

また、トップページから斎場のご案内として京都府、滋賀県の施行エリアをクリックして簡単に
見つけることが出来るようにどの年代の方にも分かりやすく触っていただけるようになっております。

特別なプログラム等は使用しておりませんが、このいい供養21世紀さまが目指しているもの、
『お客様目線をまず一番に』を考えたホームページを・・・を心がけました。

http://www.office-tsutsumi.com/



ビジネスマナー、テーブルマナーの大阪市西区の
「オフィスツツミ」様のサイトです。
サイト全体の雰囲気は、オフィス街が近いので、OLやビジネスマンが
見られるだろうということを想定し、カラーは、落ち着いた色、茶色を
ベースにブルー、オレンジをサブカラーとして使用しています。

OLやビジネスマンの他、お子様や主婦の方等も対象にされているため、
トップの写真にはそれぞれのライフワークに沿った写真を掲載し、
右上には、お問い合わせ時に迷われないように、大きくTELを
記載しています。

ビジネスマナー、テーブルマナーを取得することによって得られる、
「あなた自身の態度や言葉づかい、表現の仕方を学び、品格・品性ある
自信に満ちた生き方を磨くことができるようにお手伝いさせていただきます。」
という文字を強調するように、違う色を使用し、目立たせています。

レフトメニューもお子様も見られることも想定し、画像付きのボタンを設置しています。
オフィスツツミ様は、セミナーを実施されておられますので、随時更新できるように、
ボトムの新着情報には、プログラムが組み込まれています。

また、それぞれのページには、内容と関連のある写真を多く入れ文章を読みやすく
しております。

デジカメプリントのブラボープリント様のサイトです。
写真の現像が、ネット上で申し込めるサイト。

サイトデザインは、とにかく目立つように、赤をメインカラーにサブカラーとして、
黄色や青を選択しています。

全体的なイメージは、ロゴの雰囲気を活かし、アメリカのチェアガールの様な
イメージで作成しています。
トップのFLASHの部分は、ネットプリントの使い方を分かり
やすく説明しています。
「START」と「END」の部分は、目がいくように常時光らせています。

メニューの部分は、チェアガールから、アメリカの国旗をイメージし、虹色カラーを
選択しました。
メインの部分は、ブラボープリント様が掲げている7項目の特色を分かりやすく見て
頂けるよう、テキストは強弱を入れて、画像も挿入しています。

トップページ下部では、新着情報を設置しブラボープリント様自身で更新ができるよう、
プログラムを組み込んでいます。
お客様が見やすいように幅を大き目に設定をし、目立つように赤枠でデザイン
を致しました。

サイトを見て頂く年齢層はとくに限りがなく、老若男女さまざま
な方が見ていただけると想定し、テキスト全体に強弱を入れています。

「ソフトの使い方」ページでは、実際に使われるお客様が迷われないよう、
説明に漏れがないよう、どうゆう風にダウンロードし、次に何をするのか？どうやって
ネットで申し込むのか？という部分を順を追って操作できるように、流れに沿って説明を
載せています。

http://www.bethesda.jp



障害者デイサービス・ケアホーム・ホームヘルプ　ベテスダの家様。京都市伏見区に拠点を置かれています。新規制作でお話を頂きました。


こちらのサイトでは、ご提供されているデイサービス、ケアホーム、ホームヘルプといった詳細について、また交通アクセスや沿革といった、基幹情報がまず必要になります。
加えて「人と人とのかかわり合い」がメインになってくるという側面もあるので、スタッフの方に自由にお書きいただけるブログを設置することになりました。


ベテスダの家様のサイトの大きな特長は、写真がとても多いことです。flashも多くの写真を使用していて、ページのいたるところに写真があらわれます。
写真はたくさんご提供いただき、また一部は撮り下ろしをして頂きました。このことでサイトにそくした写真をいただくことができ、親しみ、リアリティ、風通しのよい様子、そういったとてもよい空気感が伝わるサイトに仕上がりました。


デザイン面では、ナチュラルなイメージをベースに、若くポップな印象をプラス。活発で明るい雰囲気が伝わるようにと考えました。

難しい技術や登録設定をしなくてもＷＥＢサイトが運営できる。
通常、ホームページを作って運営する為には、ＨＴＭＬやソフトを駆使してページを作成します。又みなんに見ていただく為に、サーバーをレンタルしその場所にデーターをアップロードするといった過程が必要になります。
ブログではそのような技術や登録をしなくてもプログラムが自動的にページを作成してくれます。

広告の入らない無料ブログのご案内
ご自分でホームページ・ブログを持ってられる方はご自分の他のサイトのトップページにリンクを貼っていただくことにより広告の入らないブログをご使用頂けます。

http://www.eikoh-jp.com/



アモルファス変圧器、ＬＥＤ、ケーブルを扱っておられる株式会社栄幸様のサイトを作成させて
頂きました。

今回は、リニューアルという形での制作で、トップにフラッシュを配置し、スタッフブログを設置
致しました。

デザインは、自然、エコをイメージしたグリーンを使用しその色に映えるよう、オレンジをアクセントに細かく多様。トップには、栄幸様の取引をされておられるカザフスタンの背景を使用し、自然を全面に押し出しています。

エコを考えた製品を扱っておられる会社様ですので、サイト全体の雰囲気もやわらかな、自然の素材やフォント、画像を使用するように心がけました。

構成は、トップから全てのページを見て頂ける上部にボタンを設置し、とくに見て頂きたい、もしくは、アクセス数が多いと予想されるページ「株式会社栄幸について」「お問合わせ」「Staff-blog」のボタンを一番上に設置しています。

Staff-blogのページにおいては、株式会社栄幸様のスタッフの方がいつでも更新できるようプログラムを設置しており、トップにも大きく新着情報を付け、ホームページを見られる方にサイトの動きがすぐにわかるようにしています。

また、「製品紹介」ページは、データ量が多く、アモルファス変圧器、LED証照明機器、電力・制御ケーブルの３つのデータを掲載しています。とくに、アモルファス変圧器は、表が多くホームページを見られておられる側ができる限り見やすいように、見たい箇所が早く見れるように、製品紹介についてのページを１ページ設け、そこから全てのページが見れるようにしています。

そして、ホームページをご覧になる方は、何回も来られる方や初めて来られた方、変圧器やLEDなどをご存じない方など、さまざまなのでどんな方にもわかりやすいように、製品の説明も記載しております。
アモルファス変圧器のページでは、外形図を載せていますが、より大きく見れるようにクリックすると拡大できるようにしています。

また、株式会社栄幸様にお問合わせをされたい方もホームページを見に来られるので、お問合わせ先である、お電話番号を右トップにと右サイドに表示しています。

http://www.rakuten.co.jp/maruchoufoods/



楽天にてお漬物やお惣菜、地酒などをお取扱の、株式会社丸長食品様。
滋賀県の会社様で、地の物を使った新鮮、安全な食品を幅広いジャンルで販売しておられます。

今回は楽天ショップのリニューアルというお話をいただき、テンプレートとＴＯＰページをメインに制作させていただきました。


■ショッピングモール型のネットショップの独自性■
楽天ショップは、「楽天」という大きなショッピングモールに店舗を出す、といった形で、楽天のシステムを使ったショップデザインが必要になります。

楽天独特のシステムの中で店舗をデザインしていくことになるのですが、デザインや運営のしやすさの差は、システムの仕様をどれだけ使いこなすかにかかってきます。

goldという、htmlページを作成するのと同じ感覚で作成できるシステムもあるのですが、goldを使うことで非常にページが複雑になり、運営するのが難しくなるというケースもあります。
これは非常に優れた機能で、メリットもとても多いのですが、goldを使ったページとそうでないページとのデザイン差が激しく、結局お客様に対して充分にＰＲをできない、というケースも非常に多いです。


事前に打ち合わせをさせていただいた結果、今回は楽天goldを使用しないということで、楽天編集システム上でのみ全てのデザインを進めさせていただきました。このシステムはＲＭＳと呼ばれるものなのですが、ＲＭＳで全てを扱うことにより、ＴＯＰページ・カテゴリページ・商品ページ間でデザイン面での差が少ない、見やすく運営のしやすいページが完成します。

正直なところ、ＲＭＳのみでここまで作りこんである楽天ショップは稀有といってもいいほど少ないです。
ですが、デザイン的に実現したいことがあるからといって安易にgoldを導入することで、本当に今後の運営をやりやすい形が完成するか？　というと、必ずしもそうとは言えません。
goldのメリットデメリットについても話し合わせていただき、将来を見据えた形でのリニューアルとなりました。


■ナビゲーションの大切さ■
ネットショップは、基本的に「クリックして商品を見てもらう」ものです。逆に言えば、クリックしてもらわないと、お客様は商品のことを知らないままになる可能性が高くなります。
ショップの中を回遊していただくことがとても大事なんですね。

「他に何があるかなあ」「あ、これも気になる」とクリックしてもらうには、できるだけたくさんの「クリックできるもの」を用意する必要があります。
そして「うるさくならないこと」これがとても重要です。

丸長食品様は、ショップのボリュームが大きいこともあり、スッキリして見えることが鍵になります。見づらいページだと、それだけでお客様が離れてしまいかねません。

画像を置き、文章を置き、画像と文章を組み合わせたものを置き、色使いや余白に関しても細かく詰めながら調整を重ね、明るく目に楽しいデザインに仕上がったと思います。

こうしてナビゲーション自体に配慮することで、たとえばお漬物をカゴに入れたお客様が「あっ、地酒もあるのか…滋賀の地酒ってどんな味かな」と、他のジャンルの商品に気づきやすくなるのです。



■更新について■
丸長食品様は、運営を全て自社で行っておられます。また今後もその方針で進めていかれるということが、事前の打ち合わせで決定していました。

制作会社がショップの商品登録、更新まで全てを請け負う、というなら話は別ですが（そういったケースもあります）、制作会社のコーディングというものは往々にして難解になりがちです。
そうでなくても、自分ではない誰かが制作したもの、というのは、やりにくさが出ることが多いです。

事前に運営方針をお伺いしていたため、制作過程でも主要な部分に案内をお付けし、できる限り運営のしやすい形を取りました。
ナビゲーション部分やＴＯＰページに多くの商品が掲載されていますが、もちろんこういった部分も全て更新や修正のしやすいよう努めて作らせていただいています。


■ブログとメルマガページ■
楽天ショップで以外と忘れられがちなこの２つ。どちらも、ショップ上の商品とはまた違ったＰＲができる貴重なポジションです。
事前の打ち合わせでしっかりとご要望いただき、今回はバナーやパーツなどを作らせていただきました。

バナーは大事です。
楽天側で用意されているものをそのまま使用しても、運営するだけなら何の不都合もありません。ですが印象に残る度合いはとても低くなります。用意されたものを使うと「みんなその見栄えだから」です。
バナーを一つ入れるだけで、オリジナリティとインパクトに格段に差が出るのです。

また、ブログというと、設置したのみで満足してるんだなあ…と感じるブログが多いのですが（楽天ショップのブログはその傾向が強いです。ショップ運営と同時に進めていかなければならないためですね）、小さなことで、見る人の動線は大きく変わります。
ブログを見に行ってひとしきり記事を読んだ、もう一回お店に行きたいなあ、…と思った時に、簡単にお店に行くことのできないブログの多いことには驚かされます。本当に小さなことなのですが。

こういった視点というのは、お客様から挙がってくることの少ないものです。
何も言わない、サイレントマジョリティーを意識したデザインが、お店のあらゆる箇所に必要なのですね。