少し前になりますが、恩納村のマリンスポーツを中心としたショップ、HOTPINK（アイランド倶楽部グループ）さんのホームページをリニューアルしました。
このご依頼は、3月まで勤めていた制作会社でのオファーだったんですが、独立のタイミングとばっちりマッチしまして、制作会社とのコンソーシアムでの制作になりました。
デザインは、かなりチャレンジをしたというか、マリンスポーツ・ダイビングのショップとしてはあり有り得ない配色を使ってます。
かなり自由にやらせてもらったので、各部にちょっとしたギミックをあしらっております。
たとえば...
ＴＯＰページのメインビジュアルが横にスライドしますが、コレはＦｌａshではなく、jQueryというjavascriptライブラリをフル活用してます。
Ｆｌａｓｈでも作ったんですが、このサイトはSEO重視なので、ちゃんとソースが書かれていたほうが有利なんですね。
たとえば...
ＴＯＰページのビジュアルの一番右にある、オススメコース診断。
ここに人数を入れて検索すると、Ｃｏｏｋｉｅにその値が記憶されます。
で、どうなるかというと、各コースの詳細ページでは、その人数分の料金が自動計算されて表示します。
地味に便利でしょ。
たとえば...
メモリーアルバムは、写真が正方形でばばばっと表示します。
コレは、1枚あたり3ＭＢを超える大きいサイズの写真を、とあるソフトを使ってサーバー上にアップして、システム側にＩＤを打ち込むだけで一気にリサイズして、サムネイルまで生成します。
毎日大量の写真をアップしたいという要望もあったので、利便性とデザイン性を追求したシステムです。
サーバー側に置いたＰＨＰで、ＧＤという画像処理モジュールを使用して組んでますので、同じシステムを入れるにはかなりのサーバーパワーを必要としますので、専用サーバーの準備も必要ですね。
他にもいろいろと見どころがあって、ほとんどをjQueryライブラリを活用して作ってますので、興味があったら見てみてください！
