東京都　サービス紹介のウェブサイト制作事例 アプリ紹介ランディングページをフルリニューアル

2021年から継続運用してきたアプリ紹介ページの刷新

本ページは、2021年に弊社にて初期制作を行い、その後もアプリの機能追加や仕様変更にあわせて継続的な情報更新を行ってきました。
結果として情報量が増え、内容が把握しづらくなっていたことから、アプリのリニューアルにあわせて紹介ページも刷新することとなりました。

情報整理とシンプルな構成への再設計

多機能なアプリの特性を踏まえ、掲載情報の取捨選択から着手。クライアント担当者様とともに、伝えるべき情報の優先順位を整理し、全体構成を再設計しました。複数の構成案・デザイン案を提示しながら、内容を絞り込み、直感的に理解しやすい構成へと整えています。

先進性を表現するモーションとインタラクション設計

デザイン面では、リニューアルされたアプリの先進性をWeb上でも表現するため、スクロールに連動して起動するモーションや、ユーザー操作に応じて自然に動くインタラクションを設計。動きのテンポや緩急にも配慮し、情報理解を妨げない、心地よい演出を目指しました。

CSSアニメーションによるなめらかな実装

HTML実装では、JavaScriptに過度に依存せず、CSSアニメーションも併用することで、なめらかで軽快な動きを実現。
スクロールトリガーと組み合わせることで、視線の流れに沿った演出を行い、体験価値の高いページに仕上げています。

高評価と現在も続くメンテナンス対応

完成したページは社内外から高い評価をいただき、多機能なアプリの魅力や技術的な先進性を分かりやすく伝える紹介ページとなりました。
現在も弊社にて保守・メンテナンスを継続し、情報更新や改善対応を行っています。