Web Design

APA Research Division Official Web Site

Scroll Down
PRODUCTION
ウェブデザイン・コーディング
Specification
WordPress(プラグインレス) HTML / CSS / PHP / JS / JQuery
CLIENT
公益社団法人 日本広告写真家協会

映像体験を最適化するインタラクティブな設計。 APA調査研究事業部公式ウェブサイトを制作担当。

公益社団法人・日本広告写真家協会(APA)調査研究事業部の公式ウェブサイトにおいて、ディレクション、デザイン、コーディング、およびJavaScript開発を担当しました。

本サイトでは、APAのYouTubeアカウントにアップロードされた映像をiframeで埋め込みつつ、ユーザーにストレスを与えないシームレスな視聴体験を重視しました。ページ遷移を極力排除し、サイト内で直感的かつ連続的に映像を楽しめる構造を設計しています。

また、YouTubeプレイヤーをJavaScriptで制御し、自動ループ再生や連続再生時の挙動を最適化。動画切り替え時に蓄積されがちなDOMを適切に管理することで、パフォーマンスの低下を防ぎ、常に軽快なレスポンスを維持する設計としています。

サイト構成は、コンテンツ特性に合わせてワンページレイアウトを採用しつつ、CMSによるアーカイブ機能を組み合わせたコンパクトな構造としました。さらに、AJAX的なページ遷移表現を取り入れることで、体感速度を高め、スムーズな閲覧体験を実現しています。

視覚的な表現だけでなく、裏側の実装においても細部まで設計を行い、映像コンテンツの魅力を最大限に引き出すウェブサイトを目指しました。

本事業部が掲げる「写真家から始まる、新しい映像表現」というテーマのもと、私自身もAPA正会員および事業部メンバーとして参画し、実験的な映像作品の制作・寄稿にも携わっています。

公益社団法人 日本広告写真家協会 APAのロゴデザイン