プロジェクト概要
事業の信頼感が伝わるコーポレートサイトを目指して制作いたしました。
WordPressで構築した、東京都渋谷区のWebマーケティング会社 株式会社＆Difference様のコーポレートサイトです。300社以上の結婚式場・ホテルの集客支援で築いた知見を他業界へ広げる同社の姿勢を、「共に「違い」を創る」のメッセージとあわせて伝える構成にしました。ABOUT US・SERVICE・CASE STUDY・NEWS・BLOG・RECRUIT・CONTACTのページで、ペイドメディアから人財派遣までの5つのサービスと、撮影・動画制作などの実績、セミナー情報を掲載しています。
「＆＝共に、Difference＝違いを創る」という社名に込めた伴走型の姿勢と、300社以上の支援実績という信頼感を、ブライダル業界以外の新しい顧客にも伝えたい。有料広告運用から撮影、人財派遣まで幅の広いサービスを整理して見せつつ、セミナー案内などの情報発信を自社で続けられる仕組みも必要でした。
ロゴが映る暗い動画の上へ、「- Make a Difference -」のメッセージを白の明朝体で置き、信頼感を先に印象づけました。直後にNewsで活動の継続を見せ、ABOUT USで「導入実績300社以上の経験」を掲げて説得力を示し、SERVICEは5つを揃った形式で並べ、CASE STUDYは3つに分けて事例を探しやすくし、NewsとBLOGはWordPressで更新できる形にしました。
制作のポイント
動画の上に明朝体のメッセージを置く
最初の画面は暗いグレーの背景に「&Difference」のロゴが映る動画で、左上に「- Make a Difference -」と「私達は、お客様と 共に「違い」を創ります」を白の明朝体で大きく置いています。「FULL MOVIE」のボタンがあり、ヘッダーは紫がかったグレー地に黄色のロゴ、白いセリフ体のナビ、枠線つきの「CONTACT」です。
Newsの直後に実績数を示す
最初の画面の下には「News」として、セミナー等のサムネイル画像と日付、タイトルを並べ、「and more」で一覧へ進めます。続く「ABOUT US」は暗い背景に「導入実績 300社以上の経験」を大きく置いています。
5つのサービスと実績紹介を項目ごとに分ける
「SERVICE」はペイドメディア、オウンドメディア、デジタルマーケティング、クリエイティブ、人財派遣の5つで、それぞれ英語名と小見出し、説明文を揃えています。「CASE STUDY」は撮影・動画制作・効果実績の3つに分け、末尾にCOMPANY・STAFF・RECRUIT・CONTACTへの案内を並べています。NewsとBLOGはWordPressで更新できます。
デザイン
