（株）ドサナイテのWEBサイト・リニューアルのレポートまとめました。


三年前(株)ドサナイテ発足時に泥縄で作成したサイトだったので、現在の観点からは様々欠点がありました。営業する中では業者様のサイトしかお見せすることができない状態でした(携帯携帯と言いつつ、弊社のサイトは携帯化されていなかったし・・・)。

それが総て生まれ変わりました。いままで培ってきた技術を総て詰め込みました。

どのように変化したのか。


交渉の過程：
デザイナーさんにコンセプトを告げるところから、話が始まります。弊社の場合、ロゴを既に作ってましたので、このロゴをベースにしてサイトを作っていけば大きくは外れないだろう、という目算がありました。そういう意味でもロゴって大事ですよね。最初にしっかり作り込むことが肝心です。

デザインとして拘った点：
●全体として高品質な印象とする。
デザインコンセプト…「水」
「ぱっと見なんだかわからない感じがいい。」
「可変的な、何でも屋でありたい。」
「シンボルマークの由来は水。」

デザインコンセプトとして「水」を定めました。
（水は可変的であり、生活になくてはならないものだからです）。
「柔軟な対応ができる、なくてはならないビジネスパートナー」
としてのドサナイテの発展を期待します。その上で、
「正体不明感」「柔軟なイメージ」を具現化します。

●ダイレクトリンク
緑の四角とグラデの四角がずれて重なっている構造。
非選択状態ではグラデの四角が上にかぶさっているが、
選択しているダイレクトリンクは緑の四角が上に来る。
その結果文字位置が少しずれているような不思議な違和感を狙う。
錯視的な効果をねらう。

●ミニナビ
増やせるナビ。そして、アクションを取り入れました。
水のそこに沈んでいくような感覚。

●メニュー・アクションについて
オンマウス時…下線＋シンボルマークを表示
選択時…背景色を変化＋シンボルマークを横向きに
メニューのアクションの欠点は、目的のメニューに行くのに二回クリックをする必要があることです。この部分を考慮しつつお客様にはその採択の是非を説明しています。
ドサナイテＨＰは（顧客への）「見せサイト」としての役割がありますので、このアクションを取り入れたいと思います。

プロ向けのお話：
Movably Typeからの改変となります。他のブログに変更した場合でも記事や画像を引き継ぎました。

動きとしてはかなり難しかったのですが、もちろんfirefox,chrome,IE8まで総て対応いたしました。


不況時の今だからこそ、この大型投資。
だから平時の数倍の価値を持たせることができるはずです。

タグ：ダイレクト・リンク|リニューアル|高級サイト
日付：2009/05/18 00:00