プロジェクト概要
事業の信頼感と明るい印象が伝わるコーポレートサイトを目指して制作いたしました。
WordPressで構築した、大阪市西区の株式会社OneBright様のコーポレートサイトです。ご家庭向けの光回線取次事業と、自社運営のコールセンター事業・業務受託を手がける同社の事業内容と信頼感を、明るい印象とあわせて伝える構成にしました。トップ・光回線取次事業・コールセンター事業・会社情報・相談事例・採用情報・お問い合わせの各ページで、「Brightな選択をすべての人へ。」のメッセージ、3つの強み、個人・法人の相談事例、会社概要、採用の案内までを掲載しています。
光回線の取次やコールセンターは「どんな会社が、どこまで対応してくれるのか」が伝わりにくく、初めて訪れる個人のお客様にも法人のお客様にも安心して相談してもらえる信頼感が必要でした。あわせて、面接へのエントリーにつながる採用の入口も用意する必要がありました。
ヘッドセットをつけたオペレーターの写真に斜体の「BRIGHT FOR ALL」を重ね、紺と白に黄色を差し色にした配色で、明るさと誠実さを最初に印象づけました。2つの事業は写真・見出し・説明文・矢印ボタンの同じ型で縦に並べ、詳細へ進める構成に。相談事例はCase 01〜03を課題・対応・結果の順で揃えました。ヘッダーの「お問い合わせ」と末尾の「面接にエントリー」で相談と採用の導線を確保しています。
制作のポイント
オペレーターの写真に斜体の英字を重ねる
最初の画面は、ヘッドセットをつけた笑顔の女性の写真を画面いっぱいに置き、その上に白い斜体の「BRIGHT FOR ALL」を大きく重ねています。文字には紺と黄色の短い線を散らし、下に「Brightな選択をすべての人へ。」と事業の説明文を添えています。ヘッダーは白地で、右端に紺の「お問い合わせ」ボタンがあります。
2つの事業を写真と矢印ボタンで見せる
「Our Business」では、ご家庭向け光回線サポートとコールセンター事業の2つを、それぞれ写真・見出し・説明文・矢印ボタンの組み合わせで縦に並べています。スマホでも同じ構成で、ヘッダーにはロゴと「お問い合わせ」ボタン、メニューボタンだけを残しています。
相談事例を課題・対応・結果の順で整理する
「Case Studies」はCase 01〜03の3件で、「通信速度が不安定」などの課題を3つ箇条書きにしたあと、対応内容と結果を続ける同じ型で揃えています。その前の「Our Strengths」は3項目に英語の添え書きがあり、末尾の「Recruit」からは「面接にエントリー」へ進めます。配色は紺と白を基調に黄色を差し色にしています。
デザイン
