大雨の日に晩ごはんを食べながら窓の外を見ていると200mほど先にある木に雷が落ちるのを目撃しました。この夏いちばんエキサイトした思い出です。

さて、以前「C.REPAIR PRO」特設サイト制作をさせていただいた株式会社A・S（エー・エス）さまのコーポレートサイトをこのたびリニューアルさせていただきました。

箕面にある不動産事業をおこなう会社

大阪府箕面市に拠点を置く株式会社A・Sさま。箕面市といえばスパーガーデンや滝が有名ですが、関西屈指の住みやすい街としても知られており、住んでよし、遊んで（観光）よし、と魅力あふれる街なのです。そんな箕面の街を中心に関西各地で家づくりをはじめとした不動産事業を展開されています。

友人DTPデザイナーとの共同制作

「Auto Garage C-tec」のサイト制作でもデザインをしてもらったDTPデザイナー（グラフィックデザイナー）の友人にPC版サイトのデザイン制作してもらいました。もともと株式会社A・Sさまのロゴも彼がデザインしたものなので、ロゴとWEBのデザインの統一感が増し、一貫したブランディングがしやすくなります。また、DTPデザイナーとの共同作業は本当に学ぶことが多く、これまでのWEB制作で凝り固まった頭をほぐしてくれます。

DTPデザイナーとの相乗効果をフルに発揮するために、打ち合わせを重ねてデザインコンセプトの共有をしっかりと行い、これまで自分が行ってきたWEBデザインのプロセスやルールに縛られないように、デザインの指示は最低限にしました。もちろんユーザーにとって「使いにくい」「わかりにくい」という問題のクリアは必須でしたが。

アニメーションに込めたメッセージ

「トップページにアニメーションを使って、訪問者に“おっ”と思わせられるようなサイトにしてほしい」。打ち合わせのなかでそんなリクエストをいただきました。そこで、アニメーションは「いまの事業内容とこれからのビジョン」を題材とし、株式会社A・Sへの「興味」や「期待感」を感じさせるという役割を持たせることにしました。

箕面の街を舞台に、そこに住む人々の暮らしがいつまでも安心で快適なものになるように。そして単なる家づくりではなく、この先の未来も見据えた「暮らしづくり」こそが株式会社A・Sが提供していくサービスであるというメッセージを込めたアニメーションが完成しました。

今回のリニューアルではスマートフォンへの最適化も行い、アニメーション部分はCSS3で制御しているので、iPhoneやiPadでも問題なく表示されます。

販売住宅実績の更新機能

販売住宅実績の更新作業はこれまで、表組みされたHTMLを追加・編集し、FTPソフトでアップロードを行ってました。しかし、HTMLやWEB制作の知識をまったく持たない人が更新を行うと、HTMLの構文ミスによる表示崩れや、FTPソフトでサーバーに接続した際に必要なファイルを誤って削除してしまったりというリスクが発生します。更新頻度が高ければ高いほどその可能性も高まります。

そこで今回WordPressを導入し、管理画面から簡単に物件情報を追加・編集できるようにしました。さらに、これまで追加すればするほど長くなってしまっていた物件リストをGoogleマップに集約することで、ひと目で実績や販売状況がわかるようにしました。

やるやん、WordPress。おおきに、Googleマップ。以上！

http://www.as-coltd.co.jp/