株式会社ヘリックスジャパン様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

設計面では、製品の紹介がメインとなっていた旧サイトを改善するために、「ヘリックスジャパンについて」「研究開発」など、「お客様を知ってもらうためのページ」を設けました。

特に、「研究開発」では、有名大学と水素の共同研究を行っているお客様の強みをヒアリングさせていただき、それを押し出す形でサイトマップをご提案させていただいております。

ネオインデックスの設計では、このようなお客様の特徴や強みを最も訴求できる形でホームページを設計します。

また、「お問い合わせを増やしたい」というご要望に対しては、「TOPページ」や「ヘリックスジャパンについて」にて製品情報の紹介エリアを大きく設ける形でPRを強めました。

ターゲットの年齢層を考慮して製品写真を大きく使用し、背景色優しい青・赤・黄に分けて視認性をプラスすることで、CVに繋がる製品情報を大きく分かりやすく掲載しています。

TOPページ下部には、既存顧客に向けて「アフターサポート」のコンテンツをご用意しています。

ユーザーにお客様の製品を安心してお選びいただくため、丸く切り抜いたピンクの背景色と製品写真をバランスよく配置することで、安心感と信頼感をイメージしていただけるよう、デザインを施しております。

デザイン面では、お客様の取り扱う「水素」や「流れる水の動き」のイメージを軸に実装を行った点がポイントです。

ホームページ各所で取り入れている揺れる水玉のあしらいは水素をイメージし、下層ページでは流水のように動くメインビジュアルとして見せ方を工夫しております。

このようなお客様のご要望、特徴に合わせて、プロのデザイナーが一からフルオーダーメイドデザインを手がけます。

リニューアルの効果としては、ユーザーアクセスの質に特に改善傾向が見られており、平均PV数が約2.5→3.5と約40％の改善が見られており、平均滞在時間も30秒ほど増加しました。

ユーザーにとって回遊しやすいサイトになったことが、アクセス解析のデータからも読み取れます。

モバイル用サイトでは、ターゲットとなるユーザーが40代~60代になることを想定し、「情報の視認性」に特にこだわりました。

例えば、ハンバーガーメニューではユーザーに訴求したいコンテンツへの導線ボタンをバナーのようにデザインしており、製品情報の各ボタンは背景色を付けて変化をつけているため、スマート???ォンの扱いに慣れてないユーザーでも直感的に見せたいコンテンツをアピールできるユーザビリティを考慮しております。

また、お客様からは最新情報の「お知らせ」を多く掲載したいというご要望をいただいたため、TOPページのお知らせは、常時5つの最新お知らせを掲載する仕様としております。

スマートフォンサイトでは、ページ回遊のストレスにならないように「お知らせ」の部分にのみスクロールを設定し、「見たい人だけが閲覧できる情報」として見せ方を工夫しております。

このようなコンテンツの微調整もフルオーダーメイドならではの強みとなっており、Meta定額制30プランではホームページの公開後でも、修正のご依頼を無制限で承ることができるプランとなっております。

システム面では、お客様がブラウザ上で簡単に更新いただけるよう、お知らせ、導入施設に弊社オリジナルCMS、ヘリックス通信にはWordPressを取り入れております。

お客様ご自身でコンテンツを定期的に更新いただくことで、SEO対策にも効果的な影響が期待でき、CVをアップさせるための施策としてご活用いただけます。

デザイン面では、堅いイメージのサイトが多かった競合他社との差別化として、優しく柔らかいデザインを心がけました。

余白を充分に設け、淡いカラーの構成で品のある印象を演出しているほか、水素をイメージできる背景アニメーションやテクスチャなどをあしらっております。

フォントは大きく柔らかい書体を使用し、見出し文字の背景にも画像背景を使用するなど、お客様の特徴や企業イメージを細部まで表現したデザインに仕上げました。