- 現行のWebサイトは約2年前に導入し、直近1ヵ月前にメインビジュアルを差し替えている状況
- 今後のBtoBを主軸とした事業展開を見据え、サイトの品質面と運用面の課題を解決したい
- ユーザービリティを担保しつつもデザインでの訴求力を高め、国内外に向けたブランディングに寄与するリニューアルとしたい
ハドラスホールディングス株式会社|ナノテクノロジー研究開発ベンチャー | コーポレートサイト
グローバル展開を図るベンチャーのブランディングと集客に資するハイクオリティサイトを構築したい
ハドラスホールディングス株式会社は、ナノテクノロジーを活用したコーティング剤の研究開発、製造、販売を主な事業とする企業です。「持続可能な社会に向けて常識を塗り替える」というミッションをコーポレートサイトでわかりやすく表現するため、サステナビリティ関連情報の強化を切り口に、現状分析からサイト構築、公開後のコンサルティングまで伴走可能なGrowGroupにフルリニューアルプロジェクトをお任せいただきました。
ご依頼背景
SOLUTION
サイト品質の課題
- Webページのテーマが古く表現がスタイリッシュではない (静的表現でチープさを感じる)
- サスティナビリティに関して、SDGsのページだけに留まっている
- 現在のターゲットは国内にとどまらずグローバルだが、サイト上で表現できていない
サイト運用の課題
- GAの運用がなされておらず、改善・ 改修などのPDCAサイクルが回せていない
- SEOに対する積極的な対策がなされていない
フェーズを分けてアプローチ
- PHASE 1:要件定義・デザインコンセプト
まずはサイト要件とデザインコンセプトを確定させ、デザインフェーズの課題を解決
- PHASE 2:サイト構築
デザイン面をFIXさせた後、サイト内部のSEO対策を実施した上でサイトを公開
- PHASE 3:Webコンサルタント
• Webコンサルティングを活用したPDCAサイクルをベースとした伴走支援
• GAレポートでの改善
• SEOへの対応
• MAの活用
• 次フェーズのインハウス化支援
TopページのBefore / After
Before
After
国内外で通用するビジュアル表現を実現するためのロジカルなデザインコンセプトをご用意(下記はイメージ図です)
現状分析により見えてくる水面下の課題をどのように解決していくか。公開後のコンサルティングについても資料をご用意しWeb施策に関してワンストップで対応可能であることをご案内しました(下記はイメージ図です)
4分類+1での制作方針サスティナブルを訴求し企業価値の向上をもたらすサイトへ
集客面指名検索とSEO内部対策の実施/ 持続性のあるBlogの活用コンテンツ面既存コンテンツのプランニングと、新規コンテンツの追加デザイン面ビジュアルデザイン × UIデザインでサスティナブルを訴求するデザイン機能面WordPressを活用した自社内更新環境/ MAツール・cookie同意インフラ面既存ドメイン・既存サーバー・SSL / 多言語化
集客面
指名検索とSEO内部対策の実施/ 持続性のあるBlogの活用
コンテンツ面
既存コンテンツのプランニングと、新規コンテンツの追加
デザイン面
ビジュアルデザイン × UIデザインでサスティナブルを訴求するデザイン
機能面
WordPressを活用した自社内更新環境/ MAツール・cookie同意
インフラ面
既存ドメイン・既存サーバー・SSL / 多言語化
PCのトップページ
PCの下層ページ
スマホのトップページ
スマホの下層ページ
担当者のコメント
ディレクター
機能まわりの要件を先回りし確認、速やかな合意形成への取り組みとなりました
設計
他の案件でも活かせるような汎用性のあるブロック編集ページのフォーマット作成を行えました
デザイナー
ボタンのあしらい、ホバー時の視覚効果など使いやすいデザインに仕上げられました
フロントエンドエンジニア
自分自身の成長にもつながるようなアニメーションまわりの実装がおこなえました
バックエンドエンジニア
使い勝手の良い管理画面をご用意できました
プロジェクトについて
ハドラスホールディングス株式会社|ナノテクノロジー研究開発ベンチャー
コーポレートサイト
対応領域 | 企画・戦略 / コンテンツ企画・設計 / UI・UX / デザイン / フロントエンド(HTML) / CMS / 多言語対応 / アニメーション / SEO対策 / 検索エンジン / データ分析 / Webコンサル / SSL / Analytics / 運用支援 / 広告 / Web広告活用支 / DTP |
---|---|
サイト公開日 | 2024年7月 |
公開までの期間 | 8カ月 |
ページ数 | 20ページ |
CMS | WordPress |
プロジェクト人数 | プロデューサー:1名 ディレクター:1名 設計:1名 デザイナー:2名 フロントエンドエンジニア:1名 バックエンドエンジニア:3名 |