札幌商工会議所青年部 YEG 10th特設ページ制作
札幌YEG創立10周年記念サイトSAPPORO YEGは、2016年に札幌商工会議所創立110周年の節目に設立。札幌市内の若手経営者・後継者で構成される、北海道最大級の青年経済団体です。「若き企業家集団(Young Entrepreneurs Group)」として、会員相互の研鑽と地域経済の発展、そして「住み続けたい街・札幌」の実現に向けた提言・活動を多角的に展開しています。
プロジェクト概要
創立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
余白を贅沢に使いながら、タイポグラフィをダイナミックに配置することで、メッセージがダイレクトに心に突き刺さる構成としています。
担当者より
札幌の街を支える情熱的なリーダーたちの節目に関われたことを誇りに思います。
今回の制作では、クライアントが掲げる「動き出す」という強いメッセージを、いかにしてデザインに落とし込むかに注力しました。
最新技術を用いたアニメーションによる繊細な色彩の移ろい、そしてAI時代を見据えたLLMOの実装。
これら最新技術の組み合わせが、札幌YEGという組織が持つ「常に時代の先頭を走る気概」の証明となれば幸いです。






