Agaru Website

スクロールで地下から地上へ。Astro・EmDashで構築したエレベーター型のWebサイト

エレベーターで各階を巡るように記事を探せる、自主制作のブログサイトです。地下6階から地上へ進む構成で、スクロールや操作盤のボタンによってフロアを移動できます。

移動そのものを楽しめるデザイン

記事をフロアに見立て、「このフロアで降りる」ことで記事の詳細へ進む構成にしました。

地下から地上へ向かう色の変化や、ドアの開閉演出、オン・オフを選べる到着チャイムなど、エレベーターらしい体験を取り入れています。

遊び心と、情報の読みやすさを両立

特徴的なトップページに加え、通常の記事一覧も用意。演出を楽しみながら探す方法と、一覧から目的の記事へ進む方法を選べるようにしています。

2026年にCloudflareがリリースしたAstro・EmDashで構築

Astroをベースに、記事を管理するCMSとしてEmDashを採用。Cloudflare上で公開しています。

企業サイトとは異なる表現や、新しい制作技術を検証するための自主制作事例です。