サンワードメディア様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
最新トレンドのモーションデザインで膨大な実績を魅力的に訴求し、ブランディングを強化
| クライアント | サンワードメディア様(東京都 港区) |
|---|---|
| 制作プラン | Meta定額制30プラン |
| カテゴリ | コーポレートサイト その他 |
| URL | https://www.sunwardmedia.co.jp/ |
| 制作チーム |
|
POINT
制作のポイント
お客様のご要望
- ブランディング向上
- HPデザインを良くしたい
プロフェッショナルな提案力と多彩なプロモーション手法を強みとする総合広告代理店、サンワードメディア様のコーポレートサイトをリニューアルいたしました。
今回のリニューアルの主要な目的として、「最新トレンドを取り入れ、ホームページを刷新したい」というご要望をいただきました。そのため、トップページのメインビジュアルには、これまでのお客様の豊富な広告実績のお写真をタイルレイアウトで配置し、スクロールアニメーションの動きを付けて掲載しております。ファッション広告や美容広告など、数々の制作物のビジュアルを訴求することで信頼感を高めるとともに、最新トレンドの洗練されたデザインに仕上げました。
![]()
ディレクション
Y.Goda
今回、リニューアルの主要な目的として、「最新トレンドを取り入れ、ホームページを刷新したい」というご要望をいただきました。そのため、トップページの「分野別プロモーション」コンテンツでは、「ファッション」「美容」「妊活・女性のケア」「医療・クリニック」という4つのページ導線に、3Dのような奥行きを感じさせるパララックスデザインを導入いたしました。そうすることで、視覚的にユーザーの興味を引きつける効果を高めるとともに、トレンド感のある仕上がりを実現しております。
また、PCの大きな画面を活かし、一つひとつの実績のお写真を随所に大きく配置することで、お客様の大きな強みであるキャスティング力を訴求できる設計としました。
![]()
Webデザイン
Y.Goda
ハンバーガーメニューでは、「サンワードメディアについて」「サービス」「分野別プロモーション」の各ページにそれぞれサムネイル画像を配置し、ユーザーが一目でページの情報を認識できる設計にしました。
また、トップページの「サンワードメディアについて」コンテンツでは、「多様力」「対応力」「サポート力」という3つのお客様の強みを図で分かりやすく掲載することで、視覚的にサービスへの信頼感を高める工夫を施しています。
![]()
Webデザイン
Y.Goda
デザイン面では、白や明るいグレーを基調とした落ち着いたカラーを採用し、ホームページ全体をシンプルかつ都会的な印象に仕上げています。
また、「採用情報」ページでは、求職者をメインターゲットとしているため、コーポレート部分とはイメージをがらりと変え、明るくポップなデザインにしました。採用情報に関する各ページの背景には、お客様のロゴカラーであるオレンジとグリーンのグラデーションをあしらい、親しみやすさとオリジナリティを演出しています。さらに、自然な笑顔で働く社員様のお写真を豊富に掲載することで、実際の職場の雰囲気を具体的にイメージでき、求職者に安心感を訴求しています。
![]()
エンジニア
Y.Okada
システム面では、「実績・事例」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、お写真を複数枚登録することができ、実績に関する説明文も自由に投稿できるシステム設計となっております。また、「サービス」や「分野別プロモーション」など、それぞれのカテゴリーごとに絞り込む機能も実装しており、気になる事例をスムーズに確認できる仕様にしています。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ

リニューアル前のホームページは、「キャスティング・撮影」「SNSプロモーション」「Webプロモーション」「雑誌・テレビCM・出版」といったサービス内容の優先順位が古く、お客様の強みが整理できていない状況でした。また、数多くの実績の魅力を伝えきれていないことが課題となっていました。

リニューアル後は、トレンド感のある動きで実績のお写真を数多く掲載することで、キャスティングネットワークの強さや制作物の洗練されたビジュアルを効果的に訴求しています。また、お客様へ綿密なヒアリングを行い、現在の事業に合わせたサービスの優先順位に構成しなおして、コンバージョンにつながる導線設計を実現しました。
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン


SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン



WORKS