概要

クライアントからの要望で高級車愛好家をターゲットとし、サイトのリニューアルにより、ユーザーに満足感と魅力を提供することを目指しました。リニューアル後、既存サイトと同等以上の評価を受け、ターゲット層から好意的なフィードバックを得ることができました。

ターゲット

高級車愛好家

デザイン

【デザインのアプローチ】
イタリアンカジュアルな雰囲気と高級感を演出するために、上品なベージュの背景色を統一し、洗練されたスタイルを追求したデザインを採用。
写真やバナーの広範な配置、英語の巧みな使用などを通じて、サイトにかっこよさと魅力を与える要素を取り入れました。

【カラー、フォントの選定】
イタリアの国旗にインスパイアされたカラーパレットを使用し、イタリアンカジュアルな雰囲気を表現。
エレガントな書体やフォントの選定により、高級感を一層引き立て、洗練された雰囲気を醸し出すように意識しました。

【画像とコンテンツの調整】
画像やテキストなどのコンテンツを、デバイスの幅に応じて適切にリサイズし、レイアウトを最適化。
重要な情報を優先的に表示し、デバイスの画面サイズに合わせてコンテンツの表示優先順位を調整しました。

コーディング

☑︎レスポンシブデザインの徹底
PC、タブレット、スマートフォンといった様々なデバイスでの閲覧を考慮し、レスポンシブデザインを徹底しています。各デバイスの画面サイズに応じた柔軟なレイアウト設計を行い、ユーザーが快適に閲覧できるように最適化しました。メディアクエリを活用し、各デバイスに最適なフォントサイズや余白、画像の表示方法を調整することで、視認性と操作性の向上を図っています。

☑︎ページ読み込み速度の最適化
高品質なビジュアルやコンテンツを使用しながらも、読み込み速度を最適化することを重視しました。画像の圧縮や遅延読み込み（Lazy Load）の導入により、初回ロード時のパフォーマンスを向上させ、ユーザーがストレスなく閲覧できるようにしています。これにより、SEOにも有利な高速なウェブ体験を提供しています。

☑︎検索エンジン最適化
メタタグの設定や構造化データの使用を通じて、SEO対策を強化しました。キーワードの最適化とコンテンツの構造を意識し、検索エンジンにインデックスされやすい設計を施すことで、検索結果での表示順位向上を目指しています。これにより、クライアントのビジネスが広く認知されることをサポートしています。

制作範囲

☑︎ ビジュアルデザイン
☑︎ HTML、CSS、 jQueryを用いたコーディング

制作期間

デザイン：3日
コーディング：4日

使用ツール

Photoshop、Figma

使用言語

HTML・CSS / jQuery