ホームページ修正(iPad対応)

ホームページ修正(iPad対応)

ハウスプランナーハネイシ様の注文住宅オリジナルブランド「DO HOUSE」のホームページの修正・更新作業を行いました。施工した物件が増えましたので、ホームページ上で紹介したいとのことでした。

トップページ

パソコンで見ると、施行写真がスクロール・フェードイン・フェードアウトをしながら次々と入れ替わっていきます。アニメーションのタイミングは1/24秒単位で調整しています。

施工例ページ

写真をクリックすると拡大しますが、ブラウザの大きさに合わせて拡大するように工夫しています。同じグループの写真は画像の右端・左端をクリックするだけで、次や前に移動できます。

iPad/iPhone対応

最近の流行のアイテム「iPad/iPhone」にも対応しました。iPad/iPhoneではフラッシュが再生できません。DO HOUSE様のページに当てはめると、トップページのアニメーションが全く表示されません。イメージを大切にする住宅メーカーのホームページですから、フラッシュ画像が全くないのも寂しいものです。

今回はiPad/iPhone用に代替コンテンツを制作しました。iPad/iPhoneで見ると、数枚の写真がフェードイン・フェードアウトするアニメーションがご覧頂けるはずです。これはフラッシュを使わずにjQueryという別の技術を利用しています。

あわせて、iPadのホーム画面にショートカットを追加した場合のアイコン画像も作成いたしました。iPadでみると、まるで鮮由ソフトのように見えますね。

弊社ではiPad/iPhoneを含め、パソコン以外の端末でも正しく表示されるホームページを目指しています。ウェブ担当者は、自腹を切って最新端末を購入しているようです(単に最新端末を買うための口実にしているのは内緒です)。