タブ切り替えメニューの実装による、ユーザーの目的別情報提供
「運行管理者・ドライバー・経営者」という異なるターゲットごとにメリットを整理し、必要な内容を選べるようにしました。
ラジオボタンとCSSを使い、JavaScriptを使わずに切り替えられるシンプルな構成で実装しました。
クライアント
株式会社ESA CREATE
制作時期
2024年7月 制作
制作期間
実装/3週間
制作目的
IT点呼キーパーWebサイトのデザインカンプをもとに、レスポンシブ対応のWebコーディングを行い、ユーザーにとって使いやすく魅力的なサイトを構築すること。
ターゲット
点呼の効率化と法令遵守を求める、緑ナンバーの運送事業者
使用ツール
Visual Studio Code
「運行管理者・ドライバー・経営者」という異なるターゲットごとにメリットを整理し、必要な内容を選べるようにしました。
ラジオボタンとCSSを使い、JavaScriptを使わずに切り替えられるシンプルな構成で実装しました。
スマートフォンではナビゲーションを開閉式にし、「資料ダウンロード」などのボタンを見つけやすくするため、配色と配置を調整しました。