IT点呼キーパー
Webコーディング

クライアント

株式会社ESA CREATE

制作時期

2024年7月 制作

制作期間

実装/3週間

制作目的

IT点呼キーパーWebサイトのデザインカンプをもとに、レスポンシブ対応のWebコーディングを行い、ユーザーにとって使いやすく魅力的なサイトを構築すること。

ターゲット

点呼の効率化と法令遵守を求める、緑ナンバーの運送事業者

使用ツール

Visual Studio Code

制作のポイント

情報設計イメージ

タブ切り替えメニューの実装による、ユーザーの目的別情報提供

「運行管理者・ドライバー・経営者」という異なるターゲットごとにメリットを整理し、必要な内容を選べるようにしました。
ラジオボタンとCSSを使い、JavaScriptを使わずに切り替えられるシンプルな構成で実装しました。

UIデザインイメージ

ハンバーガーメニューの実装

スマートフォンではナビゲーションを開閉式にし、「資料ダウンロード」などのボタンを見つけやすくするため、配色と配置を調整しました。

完成イメージ

他の作品を見る