このたび、ドサナイテの顧客様であるグリーンパレス飛鳥様より、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



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

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

さてさて。

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

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



新機能一覧

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

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

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

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

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

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

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

タグ:|||||
日付:2010/07/03 01:00

« »

お申し込みフォーム

studio-mn(協力組織)

kobayashi(制作事例)

mark-s(制作事例)

l-harmony石下(制作事例)

doppeL(作成事例)

zealsalon(作成事例)

new-two(作成事例)

isomasa(作成事例)

tomsbox(作成事例)

ej-sys(作成事例)

care298(作成事例)

gareiyoh(作成事例)

Hクッキング(作成事例)

sbhr-motors(作成事例)

musu-bi(作成事例)

flor(作成事例)

daisho(制作事例)

携帯からもチェック!


http://www.dosanite.co.jp のQRコード
Softbank/AU/Docomo
三キャリア対応してます。

過去の記事

カレンダー

2010年9月
« 8月    
 12345
6789101112
13141516171819
20212223242526
27282930  

Lang-8


■ TOPICS ■

ケーキショップ

ケーキショップ

DosanaiLounge

DosanaiLounge

Greenpalaceasuka

Greenpalaceasuka

relache

relache

髙橋香石先生

髙橋香石先生

はなの木薬局

はなの木薬局

根田健一事務所

根田健一事務所

ibushigin

ibushigin

sakurai-motors

sakurai-motors

グリーンハウス

グリーンハウス