Works -
Works Detail - 実績紹介
株式会社ヤマト興産 様
コーポレートサイト
コーポレートサイトリニューアル /
デザイン・コーディング
プロジェクト概要
Before / After
Before（リニューアル前）
リニューアル前の課題
- 情報量が少なく企業の魅力が伝わりにくい
- デザインルールに統一感がない
- 情報の追加や更新の柔軟性を高めたい
↓
After（リニューアル後）
リニューアル後の改善点
- 企業情報を整理し内容を充実
- 写真・余白・配色を統一
- スポンサー応援メッセージを追加
Before / After 比較動画
各ページのリニューアル前後を動画で比較できます。
PC版
SP版
制作のポイント
-
デザイン改善
情報設計を見直し、シンプルで信頼感のあるデザインに。
-
スマホ最適化
レスポンシブ対応を強化し、スマホでの閲覧性を向上。
-
SEO対策
表示速度や検索エンジンを意識し、内部構造を整理。
-
コーディング
HTML/CSS/JavaScriptを使用し、読みやすいコードを意識。
PC / SP表示比較
PCデザイン
SPデザイン
工夫した点・苦労した点
- ・企業のロゴカラーを基調に、写真・余白・配色を統一することで、企業イメージが伝わるデザインを意識しました。また、お問い合わせフォームは利用者の目線で入力しやすい構成を心がけ、気軽に問い合わせできるよう工夫しました。
- ・初めてのコーポレートサイト制作だったため、下層ページの設計やレスポンシブ対応に苦労しました。公開後はブラウザごとの表示差やOGP・ファビコン・検索表示も確認し、何度も調整を重ねて品質を高めました。