横浜トライアスロン大会HPが、Webデザインギャラリー「MUUUUU.ORG」のSOTDに選出されました

弊社がデザイン・実装を担当させていただいた ワールドトライアスロン・パラトライアスロンシリーズ横浜大会 の公式ホームページが、Webデザインギャラリーサイト「MUUUUU.ORG（ムーオルグ）」にて、2026年1月9日の「SITE OF THE DAY（SOTD）」に選出・掲載いただきました。

▶ MUUUUU.ORG 掲載ページ：https://muuuuu.org/industry/sports/22708.html
▶ 横浜トライアスロン大会HP：https://yokohamatriathlon.jp/wts/

MUUUUU.ORGとは

MUUUUU.ORG（ムーオルグ）は、2011年から運営されているプロ向けのWebデザインアワード・ギャラリーサイトです。掲載総数は6,000件を超え、Web制作に携わる多くのデザイナーやディレクターから、日々の制作の参考として活用されています。

同サイトの特徴的な点は、その選定基準にあります。単に見た目が美しいだけでなく、「レイアウトの整合性」「情報階層の明確さ」「ユーザー導線の設計」「コンテンツとビジュアルのバランス」といった、実務的な観点からサイトを評価されている点です。派手な演出や特殊な制作条件に頼らず、制作現場で実際に参考になるサイトを厳選して紹介するというポリシーのもと運営されており、Web業界では高い信頼を得ているメディアです。

そのなかで「SITE OF THE DAY」は、その日もっとも注目されたサイトとして選ばれるもので、今回、横浜トライアスロン大会HPがこの枠に選出いただいたことを、チーム一同大変嬉しく思っています。

サイト制作で大切にしたこだわりポイント

今回の横浜トライアスロン大会HPの制作にあたり、弊社が特に注力したポイントをご紹介します。

1. 競技の迫力と臨場感を伝えるビジュアル設計

トライアスロンは、スイム・バイク・ランの3種目を1人のアスリートが連続して行う過酷かつドラマチックな競技です。ファーストビューでは、選手たちのダイナミックな写真をフルスクリーンで展開し、サイトを開いた瞬間に大会の熱気と横浜の臨場感が伝わるよう設計しました。ブルーを基調としたカラーリングは、横浜の海と空のイメージを重ね合わせています。

2. 多様なユーザーに対応する情報設計

大会HPには、出場選手、観戦者、ボランティア、メディア、スポンサーなど、目的の異なる多様なユーザーが訪れます。それぞれが迷わず必要な情報にたどり着けるよう、ナビゲーション構造とコンテンツの階層設計には時間をかけて取り組みました。大会プログラム、コースマップ、交通規制、エントリー情報など、実用的なコンテンツが数多くあるなかで、情報を整理しつつもスポーツサイトとしてのワクワク感を損なわないバランスを意識しています。

3. パララックスや動きのある演出

スクロールに連動したパララックスエフェクトやアニメーションを取り入れ、ページ全体に奥行きと躍動感を持たせました。ただし、過度な演出にならないよう、ユーザーの閲覧体験を最優先に考え、コンテンツの読みやすさや操作性を妨げない範囲で実装しています。「動きがあるけれど、ストレスなく情報が伝わる」というバランスを目指しました。

4. レスポンシブ対応と実用性の両立

大会前後はスマートフォンからのアクセスが急増します。PCでもスマートフォンでも同じクオリティの体験を提供できるよう、レスポンシブデザインには特に注力しました。大会当日のスケジュール確認やコースマップの閲覧など、現地での利用シーンも想定した設計を行っています。

5. 大会の理念を伝えるコンテンツの充実

横浜トライアスロン大会は競技そのものだけでなく、SDGsやダイバーシティ、環境への取り組みにも積極的に取り組まれている大会です。サステナビリティプランやダイバーシティに関するページなど、大会が掲げる理念や社会的な価値も丁寧に発信できるよう、コンテンツの構成と見せ方を工夫しました。

選出を受けて

MUUUUU.ORGは、弊社のデザインチームも日頃からインスピレーションの源として参考にさせていただいているサイトです。そのようなメディアにSOTDとして取り上げていただけたことは、制作に関わったメンバー全員にとって大きな励みになりました。

今回の掲載を一つの通過点として、今後もクライアントの課題や想いに真摯に向き合い、ユーザーにとって価値のあるWebサイトを制作してまいります。

サイトのデザインや制作についてのご相談がございましたら、お気軽にお問い合わせください。