株式会社ULPLUS様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
”3PV以内でのコンバージョン”を意識したユーザーファースト設計
クライアント | 株式会社ULPLUS様(神奈川県横浜市) |
---|---|
制作プラン | Meta定額制30プラン |
カテゴリ | コーポレートサイト コーポレートサイト・事務所 ブランディング |
URL | https://www.ulplus.co.jp/ |
制作チーム |
|
POINT
制作のポイント
神奈川県横浜市を拠点とし、広告出版サービスを展開されているULPLUS様のコーポレートサイトをリニューアルいたしました。
こちらのサイトでは、「横浜市で行われるイベントの映像制作ができる会社を探している市役所の担当者」や「5周年記念イベントの販促物や撮影の依頼先を探している商業施設の担当者」など、特にイベントを主催する企業や団体の担当者をメインターゲットに設定いたしました。
今回、お客様から「ホームページから新規顧客を獲得したい」というご要望をいただきました。そのため、旧サイトでは表現しきれていなかったお客様のサービス内容を「クリエイティブ」「広告メディア」「プロモーション」という3種類のカテゴリに大きく整理し、さらに事業ごとのサービス紹介ページを作成しております。専用ページを設けることで、「サービスごとの強み」をしっかりと訴求し、ユーザーが納得してお問い合わせをしていただくための設計を施しました。
ディレクション
K.Kishimoto
PC用サイトでは、主要コンテンツであるサービスページをすぐに閲覧できるよう、ヘッダーのナビゲーションを工夫しました。具体的には、マウスオンでサービスページへの導線が出現する「メガメニュー」を実装することで、ユーザーが知りたい情報をスムーズな流れで閲覧していただける仕様にしています。ネオインデックスの設計では、”3PV以内でのコンバージョン”を常に意識した設計を強みとし、お客様の新規顧客獲得をホームページから支援いたします。
また、お客様から「自社の業務内容をユーザーに知って欲しい」というリクエストをいただいたため、各サービスページには「印刷制作」「ポスター制作」など、お客様が日頃行っている業務内容を詳しく記載しております。さらに、ユーザビリティを高めるため、閲覧したい部分のみをワンクリックで表示できるアコーディオン化を実装いたしました。
Webデザイン
K.Kishimoto
モバイル用サイトでは、ハンバーガーメニュー内の導線ボタンにCV獲得のための工夫を施しております。具体的には、優先度の高いコンテンツから順番に配置することで、ユーザーが直感的な操作で目的の情報を閲覧できる設計にいたしました。
また、各事業ページのボタンは詳細ページもすぐ閲覧できるよう、アコーディオンで実装することでユーザビリティにも優れたデバイス設計となっております。
各事業詳細ページでは、サービスの特徴やポイントを詳しく記載し、ユーザーが安心してお問い合わせできるよう工夫しております。テキストが多い箇所にはマーカーラインやナンバリングをすることで、スマホでも流し読みしやすく表現しています。
Webデザイン
K.Kishimoto
デザイン面では、お客様のロゴカラーに合わせて、「柔らかみのあるレッド」をメインカラーに設定しました。さらに、CVRを高めるため、あえて「鮮やかなブルー」をお問い合わせ導線に使用することで、視覚効果デザインを行っております。
また、お問い合わせボタンに鮮やかなブルーを使用することで、コンバージョン率を高めるための配色を意識しました。画面上部のヘッダーにはCV導線を固定表示しており、ユーザーはどのタイミングからでも問い合わせのアクションを取りやすいような設計とデザインを工夫しております。
エンジニア
R.Takimoto
システム面では、最新の広告やプロモーションの実績を簡単に更新していただける「制作実績CMS」を開発いたしました。こちらのCMSでは、テキストとお写真を入力いただくだけで、簡単に制作実績の紹介ページを作成できるシステムとなっております。管理画面上のチェックボックスからカテゴリーやタグを選択していただくことで、各サービスページへ自動で連携表示される仕様にいたしました。
さらに、管理者様がタイムリーに最新情報を発信できるよう、「お知らせCMS」を開発いたしました。こちらのCMSでは、管理画面からテキスト入力と簡単なチェック項目を埋めるだけで、簡単に最新のニュースをホームページ上に公開できるシステムとなっております。お客様が集客を強化するための「コラム記事」としてもご活用いただいております。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、ヒアリング取材、原稿作成、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS