プロモーション支援会社様のホームページリニューアルにてデザイン〜Studio構築を一気通貫で担当しました

10ページ＋CMS分岐のワイヤーフレーム作成／デザインカンプ制作／Studio構築までを一貫して担当させていただきました。

【◆制作時のご要望】
・訪問ユーザーが会社の強みと主要サービスを詳しく理解できるようにしたい
・各ページへスムーズに誘導できるよう、導線もリニューアルしたい
・特に映像制作サービスは主要コンテンツのため、下層ページの中でも独立したトンマナにしたい

【◆デザインについて】
・全体のトンマナは、同時期にご依頼をいただいた2SC様のモノトーン・シンプルな印象とは真逆の【賑やかで面白い感じ】でいきたいとご希望をいただいたため、全体的にカラフル・ポップなカラーリング＋海外のポップな手描きイラスト素材＋背景に方眼の柄を入れる　という組み合わせで実現させていただきました。
・TOPページのメインビジュアルには、キャッチコピーに合う人物写真を選定し、切り抜きとあしらいの彩りで個性や奥行きを出しています。自動で横スクロールする英字は、テレビのテロップのイメージです^^ 各セクションにも、アンテナ付きテレビをイメージした背景色を入れたりしています。
・下層ページのFVは、コンテンツごとにメインカラーを変えております。
・主要コンテンツである映像制作ページは、自社コンテンツと制作実績がより印象強く目に残るように、劇場を思わせる黒ベースにいたしました。このページではメインビジュアルが動画になっていたりと、他ページとは見せ方を変えつつ、全体としては統一感が出るようにバランスを整えています。

【◆Studio構築】
・コラムページで記事の上にカーソルを当てると、「ん？読むの？」と首を傾げているような動作として、『斜めに動く』ホバーアニメーションを入れました。
・お問い合わせフォームは、【問い合わせ種別の横に？マークを付けて、それを押すとサービス概要が出てくる仕様にしたい】とご希望いただいたため、ベンチマークサイトを参考に、Studioで実装できる形にて実現させていただきました。モーダルを活用してポップアップさせています。

【◆公開後のご対応】
・アフターサービスとして、コラムやサイトを更新される担当者様からのご質問に適宜お答えする形で運用をサポートしております^^

＜制作ツール＞レイアウト〜ベクターイラスト加工：Figma、動画調整：Photoshop

カテゴリー

ホームページ制作・作成

業種

広告・イベント・プロモーション

場所

神奈川県

制作期間

3ヶ月

参考価格

400,000 円

最終更新日

2026年9月4日