企業の信頼感と先進性を両立させることを目的に、情報設計からコーディングまで一貫して担当した案件です。

制作期間

約2週間（要件整理・設計・実装・検証）

担当範囲

情報設計 / デザイン調整 / フロントエンド実装 / レスポンシブ対応 / 軽量アニメーション実装

使用技術

HTML / CSS / JavaScript

課題とアプローチ

課題は、事業内容が多岐にわたり情報量が多いことで、初見ユーザーが目的の情報へ到達しにくい点でした。そこで、導線を「サービス理解 → 実績確認 → 問い合わせ」に整理し、ページごとの役割を明確化。視線誘導を意識した余白設計と見出し階層の統一によって、情報の読み取りやすさを高めました。

実装で重視した点

PC・タブレット・スマートフォンの3つの主要ブレイクポイントでレイアウトを調整し、画像比率やタイポグラフィを端末ごとに最適化しました。また、必要最小限のアニメーションを導入し、ページ体験を向上させつつ表示パフォーマンスが落ちないように実装しています。

成果

公開後は「必要な情報が見つけやすくなった」という評価を得られ、既存ページと比較して問い合わせ導線の遷移率向上に寄与しました。運用更新を想定した構造にしたことで、社内での更新負荷軽減にもつながっています。

制作実績一覧へ戻る