HOTPINK様のホームページ制作|沖縄のWebデザイナーChopstick Brunch

このご依頼は、3月まで勤めていた制作会社でのオファーだったんですが、独立のタイミングとばっちりマッチしまして、制作会社とのコンソーシアムでの制作になりました。

デザインは、かなりチャレンジをしたというか、マリンスポーツ・ダイビングのショップとしてはあり有り得ない配色を使ってます。

かなり自由にやらせてもらったので、各部にちょっとしたギミックをあしらっております。

たとえば...

ＴＯＰページのメインビジュアルが横にスライドしますが、コレはＦｌａshではなく、jQueryというjavascriptライブラリをフル活用してます。

Ｆｌａｓｈでも作ったんですが、このサイトはSEO重視なので、ちゃんとソースが書かれていたほうが有利なんですね。

たとえば...

ＴＯＰページのビジュアルの一番右にある、オススメコース診断。

ここに人数を入れて検索すると、Ｃｏｏｋｉｅにその値が記憶されます。

で、どうなるかというと、各コースの詳細ページでは、その人数分の料金が自動計算されて表示します。

地味に便利でしょ。

たとえば...

メモリーアルバムは、写真が正方形でばばばっと表示します。

コレは、1枚あたり3ＭＢを超える大きいサイズの写真を、とあるソフトを使ってサーバー上にアップして、システム側にＩＤを打ち込むだけで一気にリサイズして、サムネイルまで生成します。

毎日大量の写真をアップしたいという要望もあったので、利便性とデザイン性を追求したシステムです。

サーバー側に置いたＰＨＰで、ＧＤという画像処理モジュールを使用して組んでますので、同じシステムを入れるにはかなりのサーバーパワーを必要としますので、専用サーバーの準備も必要ですね。

他にもいろいろと見どころがあって、ほとんどをjQueryライブラリを活用して作ってますので、興味があったら見てみてください！