芦別青年会議所が主催するイベント「ASHI-1 GP 2025」の特設ページを制作しました。私自身も青年会議所の一員であるため、自社サービスサイトの制作に近い位置付けのプロジェクトとなっています。
デザインは「赤 × 黒」を基調に炎のモチーフを加え、若い個人事業主の勢いや熱量を表現しました。サイト全体にアニメーションや動きを取り入れ、見ていて楽しく、思わず引き込まれるような仕上がりにしています。
技術面では Astro・React・TypeScript を採用し、応募締切日までのカウントダウンタイマーなどの動的な要素を実装しました。「自由に取り入れてよい」という条件を活かし、挑戦してみたかった技術を積極的に導入しています。その結果、表示速度の改善にもつながりました。炎のエフェクトは動画を活用しつつ、WebP形式を用いることで容量を軽減しています。
また、親サイトはWordPressで構築されているため、お問い合わせフォームについてはWordPressの仕組みを利用しています。イベントの勢いと熱量を表現しながら、技術的にも新しい試みを盛り込んだチャレンジングなプロジェクトとなりました。
