（株）ドサナイテ　｜茨城県つくば市｜つくば市のロゴ制作ビジネスブログ作成システム開発ブログ型HP » リニューアル

質の高い企業様向けブログ型HP「はなの木薬局」

dosanite — Sun, 15 May 2011 15:17:52 +0000

岐阜・長野・石川に店舗展開を図る調剤薬局様のHPのリニューアルです。

１．トップページをシンプルに保ち、大きめのスライドショーで画面をフレッシュに保つ。
→十五秒ほどでスライドが変わります。その変化する写真に併せて、リンク先も変更されます。

２．ピックアップ記事を目立つように配置。
→任意のピックアップ記事を目立つように右側に配置。一番見せたい記事をアピールします。

３．コーポレートカラーを大切に色味の統一を図る。
→どのページを見ても、どの記事を閲覧してもコーポレートカラーを保ちます。色味を全体として統一しています。

４．ブログ型ＨＰにより、全員参加型とする。

→統一されたカラーリングの上に、各薬剤師さんたちの記事が載ります。全員参加して、ばらばらにならないような工夫の一つです。

５．固定ページは、枠組みをしっかりつくり余計な修飾を排除。
→固定ページはすっきりと、コメント欄なしです。

一般消費者、というよりは、これから仲間になるであろう新規の薬剤師さんたちへのメッセージ性が強いＨＰとなりました。

東日本システム様リニューアル

dosanite — Fri, 11 Mar 2011 02:49:39 +0000

春めいてくると、積極的に打って出る企業様が増えてきます。

以下仕様について、ご説明いたします。（続く）

はなの木薬局様HPリニューアル作業

dosanite — Wed, 09 Mar 2011 15:12:32 +0000

動かしやすいホームページにデザインの要素を加味する。

これが常日頃ドサナイテの目指している姿です。

売り上げが１０億円を超えるような企業、はなの木薬局様ならではの質感を整えることができたのではないかと自負しております。

こちらのリンクをクリックすると、現在のHPを閲覧できます。ビフォア・アフターとして、見比べてみると面白いかも知れません。

３月中での完成を目指してコーディングをいたします。４月以降実際に動いているところをご覧いただけます。

１・ブログ本文の文字色の明度をより高く
→完全なグレーにすると全体の色合いから浮くため、緑味のグレーに変更しました。

２・背景グラデーションの明色の面積をより広く
→明色の起点を画面右側にずらした上で、ロゴ背面に濃色を置いて識字を確保しました。

顧客様のご意見を細かく聞きながら調整を入れていきました。

企業様向けブログ型HP、ビジネスブログのお問い合わせはこちらから。
　

HPのリニューアル、グリーンパレス飛鳥さんの場合

dosanite — Fri, 02 Jul 2010 16:00:47 +0000

このたび、ドサナイテの顧客様であるグリーンパレス飛鳥様より、HPリニューアルを賜りました。

こちらで、その変遷をお伝えいたします。下記が現行のHPです。

これがどのような変貌を遂げるのでしょうか。納期は7月1日です。おたのしみに。

2010-06-09　　 First Draft

最初のドラフトでは、あくまで形を確認することになります。顧客様とのイメージを具体的にいったん形にしてみる。仕上げとしては50％ぐらいになります。

このような具体案があると方向性を決めるときに便利です。中性を保ちつつ、どの方向にも振ることができるデザインです。

逆に言うと、ここからの話し合いがとても重要です。どのような方向性にもっていくのか。全体をどのように作り込むべき七日について話し合いがもたれました。話し合いの結果、

○緑を使い、森深い少しミステリアスな雰囲気と上品なヨーロピアンアンティーク風の装飾でまとめる。

○全体的に蔦で覆われてる感じ。

○メニューマウスオーバー時表示＆総合案内クリック時の表示としては、マウスオーバー時絡んだ蔦に陽が当たる仕様です。

2010-06-11 Producer’s comment

1. 「コンセプト」白雪姫が王子様に助けられた後、結婚式を挙げた「緑の宮殿」。

2. 全体イメージは、ヨーロピアンアンティークをエレガントに表現したもの。

3. ロゴも微かに色が変化して、エレガントさに磨きを掛けます。

4. 三つのランダムイメージは、いつも正直な「鏡の精」。マウスを持って行くと、陽が当たります。全体的にミステリアスな雰囲気を保ちつつ、右上から光が差して、明るさも同時に演出しています。

5. 地図が一気に展開し、一気に戻ることも可能。また周辺の紹介をすることが可能。

6. 背景には現在の正面門をミステリアスに配置。その奥へと関心を誘います。

7. 最新情報は石の上に託宣が並べられている雰囲気で配置。

8. 総合案内は、クリックすると初めて伸びて出てきます。普段は収納配置されています。その総合案内の内容は自由に入れ替えが可能です。

9. ブログへの展開が起きたときには、地図、お問い合わせ、総合案内、上のランダムイメージが残ります。

10. ブログ自身もトップページと同様の仕様にし、エレガントさを保っています。鏡の精の託宣内容がブログのコンテンツとなります。今まで通りご自身で更新が可能です。最新情報の一件が地図上にも表記されます。

11. ブログを見ると、光が右上から差していることが明瞭に分かります。ただし全体の雰囲気は、ミステリアスに保ち、うっすらとバックの正面門が透けて見えるようになっています。

2010-06-15　Fine-tuning

追加・修正点として挙がった
・門の奥のもやを薄め、背景の森をより明確に
・全体的に青を一段下げ、より緑の領域を増やしてASUKAの識字性をアップ
・ロゴ背景の文様を一部チャペルの「ベル」に改変
・マップに小人、記事コメントに妖精のシルエットを追加
・シンプルな花束を追加
に加え
・マップ内で使用する星アイコン
をご用意いたしました。

前面に緑が明るくなり陽の差し込む森といった風情が強くなっています。
周囲の色はより明るくなっていますが、ASUKAの文字自体の識字性は
軽く縁取るなど手を加えて認識率がアップしているかと思います。

キャラクターについては小人はまるまる、妖精はほっそりと、童話や絵本と見比べてみても割とスタンダードな造型に仕上げました。

マップ上に表示する星アイコンは17×17ドット16色以内の3コマ透過GIFとして制作しました。このアイコンで、地図上の案内をすることができます。
参考サイト、http://lounge.dosanite.co.jp/

2010-06-17 Fine-tuning 2

１．GREENPALACEASUKAの鏡面部分を気持ち強くする。
これはつまり、より鏡面効果を出したい、という要望でした。
極端に鏡面、ということではなくてもう少し鏡面効果を出して欲しい、とのことでした。

２．鐘を削除。そして、それを覆うように、上に配置している蔦の部分を今の鐘のあたりまで張り出します。
つまり、GREENPALACEの後ろにその張り出した蔦がかかっている感じです。

さてさて。

2010-06-18 全体デザインにOKがでました。デザイナーさん、お疲れ様でした。そして、何より協力的にお話を進めていただいたグリンパレス様のメンバーに感謝いたします。

2010-07-01 いよいよ完成。様々な機能を搭載したこのサイト!

新機能一覧

○地図の拡大縮小→案内としての地図の利用。

○ランダムイメージをディゾルブで→ipad, iphoneに対応した動きのあるHP.

○総合案内を伸縮できるように。→すっきり収納。

○コンテンツはブログを踏襲して、担当者以外の方々にも作成できるように。

○写真の見せ方に一工夫。

担当者のデザイナーさん、コーダ－さん、そしてグリーンパレス飛鳥の皆様お疲れ様でした。

2010-07-03 無事最終のプレゼンが終了。今後手厚い丁寧なサポートを心がけますのでよろしくお願いいたします。

トラベルワールドオカノ　様

dosanite — Tue, 17 Nov 2009 15:27:11 +0000

城県の旅行代理店：トラベルワールドオカノ　海外出張やクルーズ、語学留学をお手伝い



（株）ドサナイテが行う、HPのリニューアル作業とはどういうものなのか。こちらのサイトをモデルとして紹介させていただきます（ふつーのリニューアルとは違うぞ！）。
１．検索エンジンに強くなる（これだけで料金を取るような業者までいます）。
HPを作ったら、検索エンジンに拾ってもらわないと話にならない、という事実はほぼ周知の事実になってきているようです。ITにちょっと疎い方でも「ただ作っただけではだめ。見てもらわないと」という認識はあるようです。

でもどうやって？
→本をみて勉強する。
→お金を払って、業者に頼む。
→もともとSEOを謳っている業者に依頼を頼む。

弊社のお勧めは上記のどれでもありません。

「SEOが結果的に強くなるようなブログ形式のHPを持とう！」です。

２．自分で総て更新可能（メニューからカテゴリー、バナーまで）。
３．独自のデザイン（いままでのＨＰをそのまま生かしてブログ型へ改変）。
実はこれがとっても大切。ブログ型を謳うＨＰはいくらでもありますが、通常はテンプレートです。写真を入れ替えて、色を決めて終了です。それでは早晩物足りなくなりますよね。

ご紹介いただきました、ドッペル様、そちらの顧客のH谷様ありがとうございました。

はなの木薬局様

dosanite — Thu, 05 Nov 2009 20:26:47 +0000

岐阜・長野・石川県にまたがる調剤薬局、はなの木薬局さんのＨＰリニューアルです。

今回のリニューアル作業のポイントを整理します。
一般向け

１．メニューが自由に変更できます。

２．ミニナビが付いてます。ミニナビは、自由にリンク先を選べます。

３．ダイレクト・リンクが付いています。
ブログとは別にページを作成することが可能です。そのページを自由に変更できます。

総合的に見て使い勝手が飛躍的に向上しています。ブログは日付が上のものがトップに来ますが、ダイレクトリンク先は通常のWEBページ的に使用可能です。

どのように使ったらいいのか、どのように分析したらいいのか。自分たちのサービス向上のためのツールを存分に使いこなして欲しいですね。

プロ向け

１．Movable TypeからWordpressへデータ全移行をしています。
移行した後も被リンクが壊れない工夫と、画像リンクをそのまま活かしてます。

２．さらにトップページにフラッシュを埋め込みました。フラッシュを入れているのに軽く開けるように工夫しています。

３．フラッシュの最後になって、最新情報にチェックした記事のみが表示されるように工夫してあります。最新情報のみが表示されるところが味噌。

茨城 | 結婚式場「グリーンパレス飛鳥」様

dosanite — Sun, 20 Sep 2009 04:46:25 +0000

結婚式場「グリーンパレス飛鳥」 / 茨城県猿島郡境町



境町の結婚式場「グリーンパレス飛鳥」様よりHPリニューアルのご依頼をいただきました。

厳しい時代だからこそ、細かい部分での仕様に御納得いただいた上で受注でした。

県南サイトではウェディング関係は初めてです。こちらこそ、今後ともよろしくお願いいたします。

Heal,cool and zeal

dosanite — Fri, 17 Jul 2009 05:04:26 +0000

つくば市、牛久市の美容室　zealsalon

美容室へ向けてのＨＰの営業はとても難しい。流行っているお店さんならなおさらです。いつも人が一杯で、とても正面エントランスから入っていって「こんにちは、インターネットについてご興味は・・・」なんて切り出せない雰囲気があります。相手は接客中なのですから。

最初にお邪魔したとき、ジールサロンさんは、まさに営業にとって難攻不落な雰囲気がありました。今回もきっかけを作ってくれたのは、いつも弊社のパイロットケースになっていただいているdoppeL店長です。

「今のＨＰも何度もリニューアルした結果なのだけど、
まだまだ満足してないのだって。一度営業に行ってみたら。」

と水を向けてもらったのです。

入れ替わり立ち替わりお客さんが訪れる合間を縫って、店長宮本さんとお話しをしました。鋭い眼光です。多くは語りませんが、奥底に揺るぎない自信を感じました。

「上質な雰囲気を醸す、どこにもないＨＰを」

というご注文。弊社のような規模のＨＰ制作会社にとってはかなり思い切った金額の見積もりを出しました。今もてる人材のベストを選んだ結果です。

「その金額に自信があるんだね。」

たじろぐことなく「あります」とお応えして、今回のプロジェクトが始まりました。

まずは、ロゴを三つ作成して提出しました。
すんなりと一案を採用していただき、そのクオリティに安心してもらい、その後のＨＰリニューアル作業も弊社にお任せ、イメージカラーも自由に、という提案を受け入れていただきました。

今思えばこの時点で、こころのどこかでデザインに頼りすぎて、詳細な説明を省こうとする惰性があったのかも知れません。

それは、一ヶ月後本番のリニューアル第一稿をプレゼンしたときに起こりました。自信満々で臨んだ打ち合わせでしたが、全ての説明を終え、ぐっと水を飲んだ後、静かに店長のコメントが始まりました。

ところで、今回リニューアルをかけたＨＰには音がついています。オリジナルサウンドです。ピアノ一本で、癒しの音楽を表現してもらいました。

担当は山下美香さん。作曲家兼ピアニストの方です。今でも多忙な活動を縫って、弊社へのオリジナル音源を提供していただいてます。

ヒール・クール・ジール、が今回提案したコンセプトでした。

ヒール・クール・ジール。語呂があってます。英語でも、heal-cool-zealとなり、ライムを踏んでいるところが気に入りました。

まずヒールについてのご説明です。
zealsalonのＨＰを開いたとき、まず耳からピアノの上質な音が聞こえてきます。
人間にはまぶたがありますのでとっさのとき目をふさぐことは出来ます。音が鳴った場合はどうでしょうか。自動的に避ける手だてがありませんよね。わざわざ自分の手で耳をふさぐしかないです。

リニューアルされたＨＰの全体的な世界観はヒーリングをテーマとしました。一般の方々がメニューを見ているときも、ブログを閲覧しているときも、そして、このサロンに行ってみたいなと思って地図を参照しているときも背後で鳴り続けています。このようなヒーリングサウンドをオリジナルで一から作る。これは並大抵の技ではできません。

美香さんにはこれまでにも無理な注文を引き受けていただきましたが、今回の注文の仕方はこうでした。

「究極のヒーリングサウンド、日々の生活に追われる現代女性が一度でもＨＰを開いてくれたとして、その音を聴いたら思わずリラックスして癒される雰囲気を醸すこと」。

「音楽については、全く問題ない。ＣＤも何度も車の中で聴いているし、クオリティについては安心してる。」

ここで、ちょっと緊張感が走ります。「音楽について」問題なし、ということはデザインについてはもしかして意に添わない部分があるのではないか。パソコンのマウスを移動させながら、全体を眺め、様々な機能を試してもらう。地図、メニュー、そしてブログへのアイコン。

氷の入った水がパソコンの脇にどけてある。ぴしという氷の割れる音がした。

店長のコメントをまとめるとこういうことでした。常に美容業界とのアナロジーで言葉が紡がれていく。

「クオリティの高さは充分に伝わってくる。しかし、これはヘアカットでいうと普段遣いのそれではなく、コンテスト用に技術の全てを前面に出したような結果になっている。」

ヒーリングサウンドで、まず見るもののこころを鷲掴みにする。
クールデザインで高級感を演出する。
ジール。これは熱意とか熱情とかいった意味になります。ジールサロンのメンバー全員がブログにアクセスすることで、サロンのヘア・スタイリングに対する熱意を語ってもらいたい。

そのクールデザインに対してのとらえ方にギャップがあったのでした。これはどんなアナロジーで語れば読者の方々に伝わるのでしょう。

「もしかしたら、すごく失礼なことを言っているのかも知れない。モナリザがもうちょっと笑っていた方が愛くるしい、とかモネの絵が霞んで見づらい、とか注文をつけているようなものなのかも知れない。」

しかし、これは商用ベースのＨＰなのであり、どうしてもこれを一般の人が見に来るわけです。お客さんの髪を切りつつ、

「今度の新しくしたＨＰ、どうでしょうか」と投げかけたとき、凝っているけど、ちょっと見づらいわね、という答えが予測できてしまう。

「自分の個人的なサイトならこれで全く問題ないが、お店の看板となると違うかな」
というもっともなご意見でした。

さて、このフィードバックを元に、デザイナーと再調整をかける必要があります。しかし、かといって、どのようにしたらすっきりするのか、というサンプルが提示できる訳ではない。色味一つを変更するにしても、全体のバランスを常に考えて再構築する、魂のデザイナーとのその後のやりとりをここでは表現できません。常にそこには結果があるだけです。

最大の危機が訪れたのは、色味の変更をしているときでした。

第一回目のサイトをWEBにアップしてから、宮本店長側からでもサイトの制作過程が閲覧できます。通常制作過程については、完成するまで公開しないものなのですが、今回は修正がかかっている、ということで途中経過が覧られるようになってました。

その途中の色味の変化の時点で、「このままの方向性で本当に大丈夫か、話しは伝わっているのか」というコメントが入りました。いままでの経験から、色味については完成形になってみないとなんとも言えません。

途中の色彩は完成へ至るまでの試行錯誤の軌跡なのです。喩えて言えば、なんども失敗するダブルプレーの練習なのです。ショートゴロからボールをさばいて、セカンドの何処へ投げたら一番スムースなのか・・・。

それとなーく、デザイナーに問い合わせてみるとやはり「完成ベースで考えて欲しい」との返答です。そうです。信じるしかありません。そして実際「信じてます。」というメールを打って、事態を静観することにしたのでした。

二週間が経過し、デザイナーから仕上がってきたサイトはまさしく店長から途中でダメだしされた色味がベースになってました。あくまで「ベース」です。全体の仕上がりはまた、別のサイトに生まれ変わったような遠近感を獲得しています。赤と黒の使い方が上品です。

どうなんだろう。これは受け入れられるのだろうか。「だからダメって言ったじゃないか。」という返答、
「やはり完成したものを覧ると、全然違うね」という返答、
両方の可能性があります。フィフティーフィフティです。

手に汗を握る瞬間。店長とアポが取れ、完成した翌日早速プレゼンにいくことにしました。

zealsalon様のドアを明け、いつものように待合室のソファーに向かいます。パソコンをセットして、書類を整え、店長を待ちます。

そうこうするうち、以前市原市の居酒屋　いぶしぎん店長の加藤さんのアドバイスを思い出しました。

「お客さんが実際の所、何を考えているのかは分からないものです。声に出してクレームしてくれたらありがたいけど、ほとんどのお客様は感想を言わず仕舞です。だから、食べ物を配膳したとき、一口食べたときの表情をよくチェックしますよ。食べて「うむ、うまい」なのか「あれ、大したことないな」なのか。その表情、ジェスチャーで読み取るしかないです。」

宮本店長とは、お客さんとの対応の合間を縫って打ち合わせをします。一人スタイリングを終え、斜め向かいのソファーに腰を下ろした店長の表情。正直全く読めません。寡黙に状況を判断し、いうべきことをはっきり言う。自信に裏打ちされたいつものやや厳しめな二つの目があるだけです。

「完成しました。一つの結論に達しているとは思います（声震えてましたか・・・）」
「今アップされているヤツね・・（すでにチェックしている ! ! ）」

二人でお店に設置してあるパソコンをにらみます。今回の変更点の説明をるる述べます。もう一度待合室に戻って、自分のパソコンを開きました。

「全体を眺めるとやはりいいですね」

この一言。このコメントを聴いて、ようやく肩をなでおろしたのでした。

「いろいろあったけど、やっぱり言いたいこと言い合って、よかったんじゃないのか」基本的に表情を変えない店長が、ちょっと微笑んだ気がしました。

別のスタイリストが店長を呼びに来る。指示を出して、スタンバイの体制になる。なにしろ、忙しいお店なのだ。

「じゃ、いいかな」と立ち上がりざま、右手を差し出してくれました。
「これでいきましょう。お疲れ様でした」

思わずおもいっきり握りこんで、握手しました。手のひらはもちろん汗びっしょり。きっと気持ち悪かったことでしょう。全体について合意が一端得られるとその後の動きはスムースでした。欲望（仕事のニーズ）はどこかに、無条件で発生しているのではなく、双方の働きかけにより、提案し検討することで発生してきます。

まずは信頼関係の構築から。

ZEALSALONのみなさま、仕事上係わった関係者のみなさま、本当にありがとうございました。

イソマサオート様リニューアル

dosanite — Thu, 09 Jul 2009 01:42:40 +0000

以前よりお世話になっているイソマサオート様。

この度さらなる発展を期して、水戸に新店舗を構えるそうですね。

「六号線沿いで流れも太いし、よくそのような場所が確保できましたね・・・」と水を向けてみると、色んな話を聞くことができました。

何時もながら流れ出る言葉の中から自分にひっかかるヒントを沢山いただくことができました。特に不動産は金額が貼るものですから、とても参考になりました。

水戸に越されてからも、引き続きご愛顧のほどよろしくお願いいたします。

市原市のうなぎ、和食処、八幡屋さんのHPリニューアル

dosanite — Sun, 07 Jun 2009 15:00:55 +0000

うるいど八幡屋

市原市のうなぎ、和食処、八幡屋さんのHPリニューアルしています。

今回も協力していただいてるデザイナーさんとプログラマーさんには革新的な機能をつけていただきました。カスタムブログのおもしろさは、都度開発される技術を経験と共に実装できるところにあります。

１．従来のテイストを残しつつ高級感を出しました。

２．ブログのシステムを利用して、ご自身で更新できる体制を整えました。

３．携帯に対応させました。

従来の手書きhtmlで作り込んだHPを持っていらっしゃる方には最適な契約内容となっています。

１．テイストを損なわないのでデザインに対してのコンセンサスが比較的容易です。
２．昨今の携帯への対応を同時に達成する。
３．ブログ型にすることでSEOの対策も同時に行う。

ということですね。これはいっぺんに新しいブログ型HPへ切り替えるのとは費用面で雲泥の差があります。なぜなら、

１．顧客とデザインのすりあわせをする時間が少なくて済む。
２．その分を機能面の充実へ振り返られる。

からです。
「HTMLベースの従来型HP」

従来型HPです。チェックポイントはこちらのパンフレットの右端をご参照下さい。

「ブログベースの新型HP」

うるいど八幡屋
さて、こちらのブログ型HPについてです。

１．まず左側のメニューですが、これを自由に変更できます。
２．メニューをクリックすると、ブログ型ですから上から順にエントリーが入っています。
３．お食事などのメニューを選択して、下方へスクロールしてみてください。何か左端に付いてきませんか。
４．そうです。なんとバーティカルバナー（左の縦長のバナー）が画面下に付いて来るではありませんか！！
５．クリックしてみると、トップページへ戻ることができます。これは一体何を意味しているのでしょう。
これは弊社と同じようにブログ型のHPを作成されている東京方面の一流の業者さんもびっくりの機能だと思います。なぜなら、これを利用すると左右の画像を分割することによって、様々なカテゴリー、ページへリンクが貼れることを意味しているからです(もちろん、SEOに弱いフレーム分割ではありません)。

デザイナーとプログラマーとよくよく考えたのですが、我々のやっていることは以下の一文に集約されました。

「ドサナイテのカスタムブログとは、
　ウェブ上に配置された、
　高級な額縁である。」

我々は動きのある額縁を用意いたしました。テンプレートからは決して割り出せない額縁です。ぜひ中で自由に絵を描いてみてください。

クライアント・フレンドリーなデザイナーさんいつもありがとう。そして、なんでもないっす・・・とつぶやきつつ驚きのアイデアを実現に持って行ってくれるプログラマーさんに感謝。そしていつもナイスな契約をいただけるGuuFactoryさん、今後ともよろしくお願いいたします。

（株）ドサナイテ ｜茨城県つくば市｜ つくば市のロゴ制作 ビジネスブログ作成 システム開発 ブログ型HP » リニューアル