青木淳・品川雅俊による建築設計事務所ASのウェブサイトがリニューアル

建築設計事務所ASの新しいウェブサイトのトップページ

H inc.（本社：東京都中央区、代表取締役：長谷川弘佳）は、建築家・青木淳と品川雅俊による建築設計事務所ASのウェブサイトリニューアルを担当しました。H inc. は、本プロジェクトにおいて、情報設計、UX/UIデザイン、フロント実装、システム開発、ビジュアルデザインを担っています。

本サイトは、ASの建築作品を紹介するだけでなく、写真、図面、模型、スクラップブック、ノート、テキストなど、ASが蓄積してきた資料群を横断的に閲覧できるウェブアーカイブとして構成されています。設計活動の過程にある思考、検討、記録、参照の痕跡へもアクセスできる構造を重視しました。

また本プロジェクトでは、データベースの編集方針において、知財や作品の管理を主軸とするStudio Xxingham K.K. と協働しています。

H inc. による情報設計、UX/UIデザイン、ウェブ制作に、Studio Xxingham K.K. が持つ学際的なメディアデザインとアーカイビングの知見が加わることで、本サイトは単なる資料の保管場所ではなく、建築家の思考や記録を、それぞれの文脈と関係性のなかで読み解くためのウェブサイトとして設計されています。

建築家の思考や検討の痕跡をたどるNotebookの一覧画面

設計図面を拡大して閲覧できるDrawingの詳細画面

一般的な建築事務所のウェブサイトでは、竣工写真や代表作品が中心に紹介されます。一方で、新しいASのウェブサイトでは、完成された建築だけでなく、その背後にある思考、検討、記録、参照の痕跡にもアクセスできる構造を重視しました。

H inc. は、膨大な資料群を「Projects」と「Materials」という構造に整理し、作品単位と資料単位の双方からASの建築実践をたどることができる情報設計を行いました。写真、図面、ノート、スクラップブック、テキストなど、それぞれ異なる性質を持つ素材を、単なる画像や記録ではなく、建築家の思考を読み解くための情報として扱っています。

デジタルのものづくりは、画面や機能、システムとして語られることが多い一方で、その裏側には、どの情報にどのような距離で触れてもらうか、どの順番で視線や関心が移動するか、どこに余白や迷いを残すかといった、感覚的な判断が積み重なっています。本プロジェクトでは、資料を効率よく整理するだけでなく、閲覧者がひとつの資料から別の資料へ、作品からプロセスへ、記録から新たな関心へと自然に移動できる体験を重視しました。

Desktop、Tablet、Phoneに対応したレスポンシブ設計

H inc. は、情報設計、UXデザイン、UIデザイン、フロント実装、システム開発、ビジュアルデザインを横断しながら、ウェブサイトを「見せるための媒体」から「読み解き、学び、次の発想へつなげるためのインターフェース」へと拡張することを目指しました。ASの建築実践を現在の読者に開くと同時に、次世代へ継承していくための素材としても機能することを意図しています。

H inc. は、企業、文化機関、クリエイター、ブランドが持つ複雑で豊かな価値や思想を読み解き、情報設計とデザインの力で、より深く、より広く伝わるかたちへと翻訳することを目指しています。本プロジェクトは、その考え方を示す代表的な実績のひとつです。

プロジェクト概要

プロジェクト名：AS アーカイブウェブサイト クライアント：AS Co. Ltd. 制作：H inc. 主な担当領域：情報設計、UX/UIデザイン、フロント実装、システム開発、ビジュアルデザイン データベース企画・編集：Studio Xxingham K.K. プロジェクトアドバイザリー：Gottingham URL：https://as-associates.jp/ 公開：2026年5月

プレス用画像素材 画像素材は以下よりご確認いただけます。 URL：https://drive.google.com/file/d/1LYNzPZZ_xYaWn1Z5Q7P8l5sZ-FAU-GRJ/view?usp=sharing