ワタナベ自動車
PROJECT DETAILS
プロジェクト概要
シンプルな1ページ構成
在庫を多く持たないビジネスモデルに合わせ、複数ページの構造ではなくシンプルな1ページ構成を採用。
「知りたい情報に最短距離で届く」ことを重視し、サービス内容・会社情報・アクセス・問い合わせといった基本情報を1スクロールで把握できる設計としました。ユーザーが迷わず必要情報にたどり着けるよう、導線設計を丁寧に行っています。
シンプルな1ページ構成
在庫を多く持たないビジネスモデルに合わせ、複数ページの構造ではなくシンプルな1ページ構成を採用。
「知りたい情報に最短距離で届く」ことを重視し、サービス内容・会社情報・アクセス・問い合わせといった基本情報を1スクロールで把握できる設計としました。ユーザーが迷わず必要情報にたどり着けるよう、導線設計を丁寧に行っています。
デザインとコピーの再設計
全体のトーンは、カジュアルさの中にも“清潔感”と“誠実さ”を感じられるよう配色・余白・書体を選定。初めてサイトを訪れる人にも不安を与えない、フレンドリーかつ安心感のあるデザインを目指しました。
また、サイト内のコピー・文章はすべてこちらで作成。来店時に感じてほしい「誠実に寄り添うお店」という姿勢が伝わるよう、言葉選びを統一しました。
サービス概要はアイコン+短文で整理し、店舗情報やアクセスはシンプルに分かりやすく配置。さらに電話・問い合わせボタンを常時到達しやすい位置に固定し、行動導線を強化しました。
デザインとコピーの再設計
全体のトーンは、カジュアルさの中にも“清潔感”と“誠実さ”を感じられるよう配色・余白・書体を選定。初めてサイトを訪れる人にも不安を与えない、フレンドリーかつ安心感のあるデザインを目指しました。
また、サイト内のコピー・文章はすべてこちらで作成。来店時に感じてほしい「誠実に寄り添うお店」という姿勢が伝わるよう、言葉選びを統一しました。
サービス概要はアイコン+短文で整理し、店舗情報やアクセスはシンプルに分かりやすく配置。さらに電話・問い合わせボタンを常時到達しやすい位置に固定し、行動導線を強化しました。
アニメーションとイラストの活用
シンプルな1ページ構成は、ただまとめただけではありふれた印象になりがちです。そこで、控えめなアニメーションを取り入れることで、現代的な雰囲気と可読性のバランスを実現しました。
さらに、オーナーや車をモチーフにしたイラストや軽やかなイラストアニメーションを制作。写真だけでは伝わりにくい「親しみやすさ」や「やわらかさ」を補完しました。
アニメーションとイラストの活用
シンプルな1ページ構成は、ただまとめただけではありふれた印象になりがちです。そこで、控えめなアニメーションを取り入れることで、現代的な雰囲気と可読性のバランスを実現しました。
さらに、オーナーや車をモチーフにしたイラストや軽やかなイラストアニメーションを制作。写真だけでは伝わりにくい「親しみやすさ」や「やわらかさ」を補完しました。
公開後の反響・成果
公開後、オーナーからは「以前のサイトと比べて格段に良くなった」と高い評価をいただきました。
名刺代わりとしての役割を十分に果たしつつ、旧サイトでは伝えきれなかった親しみやすさや安心感を表現できた点が大きな成果となりました。
担当:
企画・ディレクション・情報設計・デザイン・ライティング・コーディング・Webアニメーション・イラスト制作・イラストアニメーション
WEBSITE
→
OTHER CASE STUDIES
- LIVING DESIGN造園・外構エクステリア業者のロゴ・WebサイトWeb Design / Development / Graphic Design / Video/Photo2025-
- Tone愛知県岩倉市のアイウェアショップのWebサイトWeb Design / Development2025-
- navii岐阜県垂井町のアイウェアショップのWebサイトWeb Design / Development / Video/Photo2018-
- 株式会社前田工務店神奈川県海老名市の工務店のWebサイトWeb Design / Development / Graphic Design2013-
- GICOMA岐阜現代美術館のWebサイトWeb Design / Development / English2024-
- MAWSIMブランド・プロジェクト紹介WebサイトWeb Design / Development2023-