LP制作 / コーポレートサイト
株式会社TocoNana
東京ガスグループ コーポレートサイト制作/撮影ディレクション
東京ガスリックリビング株式会社様のコーポレートサイトのリニューアルを担当させていただきました。
概要
抱えていた課題
- 今回対象のコーポレートサイトは、お客様以外にも就活生や法人企業様など、さまざまな方が訪問される。
- そのため、単なる「ガス屋さん」では無く、一企業として想起してもらうことが重要であり、見た目のインパクトや、企業理念や経営者のメッセージなどの「企業としての想い」を前面に出す形に変更したい
- 就活生が働きたいと思える、法人企業様が一緒に仕事を頼みたいと思えるワクワク感や信頼感を持てるような構成にすることをご希望。
解決方針
- 企業理念や経営者メッセージの前面展開企業としての「想い」を強調し、見た目だけではなく、内容的なインパクトも重視。これにより、企業のビジョンや価値観が明確に伝わるように設計。
- 信頼感とワクワク感の両立就活生に「働きたい」と感じていただき、法人企業には「一緒に仕事をしたい」と感じていただくため、信頼感とワクワク感のバランスを大切にしたデザインを検討。
🎨 信頼感を感じる青みを活かしCREAR×COOLなトーンへ
コーポレートサイトに必要な信頼感を持たせつつ、若い世代や企業担当者に「活気」や「成長性」を感じてもらうため、温かみのある色調とクリーンなデザインを選びました。企業の真面目さと先進性を表現するため、落ち着いたトーンに、ダイナミックなビジュアルエレメントを組み合わせています。
デザイントーンの選定においては、複数のビジュアル案を展開し、色やレイアウトを細部にわたってデザインを検討しました。特にファーストビューは、訪問者に最初に目に入る重要な要素として、インパクトを与えることを重視し、複数のアプローチを提案しました。
📸 撮影ディレクションも担当
今回のプロジェクトでは、撮影ディレクションも担当いたしました。企業の雰囲気やメッセージをより効果的に伝えるために、オフィス外でのロケーション撮影や、社員の日常業務を再現したカットを取り入れ、リアルで生き生きとしたビジュアルを目指しました。
🖥️ シンプルで直感的なデザインへ
Webデザインにおいては、ビジュアルと情報のバランスを重視しました。大きなビジュアル要素を活用し、ページを開いた瞬間に企業の世界観を伝えつつ、テキストベースの情報は読みやすく整理されています。また、企業の多面的な魅力を伝えるために、「東京ガスリックリビングを知る」コンテンツと、「サービスを知る」コンテンツを二分し、それぞれのセクションを充実させました。
UIデザインの面では、使いやすさを最優先に考え、シンプルで直感的なナビゲーションを採用しました。押下可能なボタンの見やすさの調整や、フォントの検討を綿密に行いました。
また、企業の全体像を視覚的に理解しやすいよう、「数字で見る」ページも制作しました。このページでは、企業の規模や実績、働きやすさに関するデータを視覚的に表現し、閲覧者が一目で重要な情報にアクセスできるよう工夫しました。
👀 印象的なモーションエフェクトを採用
訪問者の興味を引き、かつ東京ガスリックリビングの事業内容がパッと伝わるようファーストビューを中心にアニメーションを取り入れました。スクロールに連動した滑らかなアニメーションを使用し、コンテンツが自然に視界に入るように設計しました。
完成ページ
