プロジェクト概要

創立10周年という大きな節目を記念し、これまでの歩みへの感謝と、次の10年へ向けた決意を表明するための特設プラットフォームを構築。2026年6月20日に開催される記念式典・祝賀会の告知に加え、10年間の活動を凝縮した記念誌やムービーをアーカイブし、組織のブランド価値を次世代へと繋ぐことを目的としています。

コンセプト

過去の10年を振り返る「静」のアーカイブと、未来へ向けて力強く踏み出す「動」のエネルギーが交差する場。単なる情報の羅列ではなく、スクロールを通じて札幌の未来が少しずつ色づき、動き出していくような体験を設計しました。「共創」というキーワードを軸に、会員・市民・行政が混ざり合い、新しい渦を生み出す様子をデジタル空間に再現しています。

実装面でのポイント

最先端のWeb技術を駆使し、視覚的なインパクトとAI時代の情報設計を両立させました。

Three.jsによるKV実装

ファーストビューにはThree.jsを用いた3Dグラフィックスを配置。スローガン「Just move on」が象徴する「加速するエネルギー」や「多種多様な個性の集合」を、動的なパーティクルや流体シェーダーで表現し、静止画では伝えきれない圧倒的な没入感を実現。

最新CSSを活用したグラデーション

最新のCSSを利用し、従来のCSSでは実装できなかった、滑らかで計算負荷の低いグラデーションの遷移を実装。KVの10thのメインモチーフに施したグラデーションの色彩が変化し続けることで、常に「動いている」感覚をユーザーに与えます。

次世代のLLMO（AI最適化）対応

検索エンジンだけでなく、AIチャットボットが情報を正確に参照できるよう、llms.txtの設置や詳細な構造化データ（JSON-LD）を実装。AI時代における組織のデジタルプレゼンスを担保しています。

デザイン面

躍動と洗練の融合

デザイントーンは、商工会議所としての信頼感をベースにしつつ、若手経営者らしい「革新性」を追求。

Color

札幌の冬や誠実さを象徴するディープブルーを基調に、10周年のレギュレーションカラーと、未来を照らすネオンカラーをアクセントに採用。

Typography

独創的な形状のエレメントを持ったモダンな日本語書体と、エレガントでスタイリッシュな欧文書体のペアリングで、10周年の世界観を表現。

Layout

余白を贅沢に使いながら、タイポグラフィをダイナミックに配置することで、メッセージがダイレクトに心に突き刺さる構成としています。