以前はHTMLベースのサイト構造で運営されていましたが、コンテンツの見直し・拡充に伴い全面リニューアルしたいというご要望をいただきました。理容美容という業態・サービス内容から見ると、イメージベースでの情報訴求に特化するべきではないかと考え、「フルFlashで展開するサイト」という方向性が固まりました。

しかし旧来のフルFlashサイトの場合、ブラウザの[進む][戻る]ボタンに対応できず、全てのページが1つのURLで展開されるため、任意のページを任意のタイミングで見ることができないという「パーマリンク問題」がありました。特にヒラトヤ様のサイトは規模が大きくコンテンツも豊富なため、これは深刻な問題になります。サイト規模を考えず見栄えを追及すると、結果的にユーザビリティを損なうという悪循環が発生してしまうのです。

そんな時にクローズアップされたのが、当時ブレイドでも導入を検討していたオープンソースのFlashフレームワークであるProgressionです。ProgressionはフルFlashサイトが抱える様々な問題を解決してくれるパワフルなソリューションです。当然「パーマリンク問題」に対しても解決することができ、「これしかないだろう」ということで導入が決定しました。

完成したサイトは、トップページからその他の全てのコンテンツまでスムーズにページ移動できると同時に、見ているページに一意のURLが与えられているため、ブラウザの[進む][戻る]ボタンでページ移動したり、「このページを見てほしい」と相手にURLをお知らせすることもできます。お気に入りに任意のページを登録できるのもちょっとうれしい機能かもしれませんね。

フルFlashサイトを構築すると同時に、「更新管理のコストを削減したい」というご要望もお受けしました。更新管理は基本的にブレイドで行うことを想定されていましたが、フルFlashサイトの場合、更新管理において通常のHTMLサイトよりもコストがかかってしまいます。そこで、Movable Typeによって全ての情報を更新できるように設計し、書き出されたXMLデータをFlash側で読み込み・解析・表示することで、通常の約半分程度の作業日数で済むようにしました。このデータ連動の部分においても、前述のProgressionフレームワークで用意されたデータ連動機能が大活躍しました。

今回のご要望では、2か月弱という制作期間をいただきました。通常のサイト制作であれば十分すぎる期間なのですが、フルFlashサイトを制作する場合ですとどうしても制作期間は長くなってしまいます。「できるだけ早く」「クオリティは損なわずに」この二つの命題を達成するために、オープンソースのFlashフレームワークであるProgressionを使用しました。結果として、いただいた制作期間内で最高のクオリティを持ったフルFlashサイトを構築することができました。