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

まずは、ターゲットが経営状況が不振で困っているユーザーになるため、「安心感」を持っていただくよう、優しい人物イラストや曲線の装飾のほか、丸型の切り抜き写真を多く取り入れることで、サイトに訪れたユーザーが「相談しやすい」と感じていただけるデザインを意識しました。

また、メイン事業である「ファクタリングサービス」というものに馴染みがないユーザーに向けて、「初めての方へ」ページを作成いたしました。初めての方には難しく感じてしまうことを想定しながら、ライターと連携して一から作図をおこない、ファクタリングの仕組みをイラストとともに視覚的にわかりやすく表現しております。

さらに、画面が大きいPC用サイトでは、人物写真を画面いっぱいに大きく配置して安心感や信頼感を演出いたしました。また、コンテンツを横並びでわかりやすく表現することで、ユーザビリティを高めつつ、PCならではの広いスペースを有効的に活用しております。

突然の売り上げ減少のため「急遽資金が必要」になった製造業の経営者や、四国エリアで「事業再生を継続的にサポート」してほしい建設業の経営者など、特に40～60代の経営者をメインターゲットに設定いたしました。そのため、スマートフォンとPCの使用比率を6：4と想定し、モバイルファーストとして設計しております。

今回、「集客を強化したい」というご要望をいただきました。そのため、スマートフォンの特性を生かし簡単にお問い合わせしていただけるよう、通常の電話とメールだけでなく、LINEのお問い合わせ動線も設置しております。ページ下部のフッターには、お問い合わせのきっかけとなる「資金調達診断」への動線に加えて、「メール相談」「LINE相談」の2種類のCV動線をアイコン付きで固定表示し、それぞれにユニークな色分けを行うことで、ユーザビリティとCVの両方を向上させる工夫を施しました。

モバイル用サイトでは、画面が小さいという特徴を活かし、訴求したいポイントにカラー背景を使用することで自然と際立たせる工夫をいたしました。縦長になってしまう箇所は横スクロールで表示して情報をコンパクトに整理しているほか、色付きの下線でポイント部分をマークアップすることで、重要な情報を直感的に認識していただけるよう表現しております。

また、お問い合わせいただくための後押しとなるよう、サービスをご利用可能か手軽に確認できる「資金調達診断」コンテンツを作成いたしました。診断後は、結果のすぐ下に「ご利用の流れ」「お問い合わせ」の順で動線を配置することで、その後のCVまでの流れを見据えた設計を行っております。

デザイン面では、あえて枠からはみ出す「立体的なレイアウト」や、流れを視覚的に表現する「ずらしたレイアウト」を用いて重要なコンテンツを効果的に強調いたしました。また、背景に丸型のテクスチャをポイントとして使用することで、トレンドを感じられるデザインにしております。

さらに、さわやかなブルーをメインカラーに使用することでコンサル会社らしさを取り入れつつ、淡いトーンの色味で統一することで安心感や親近感を演出いたしました。また、イラストや丸みのある装飾を多く使用し、資金調達が必要なユーザーの「不安」をデザインで取り除く工夫をしております。

資金調達は実績を公表しにくいサービスのため、取引実績の掲載情報は「金額」「用途」などの重要な項目のみに焦点を当て、更新のしやすさを重視したシンプルな構成でシステム構築を行いました。さらに、簡素なコンテンツになってしまわないよう、特に重要な金額にはイエローの背景とレッドの文字を用いて際立たせるようデザインと連携させております。定額制30プランでは設計・デザイン・システムをフルオーダーメイドで制作するため、お客様の用途に合わせた柔軟性の高いシステム構築やデザインとの連携を得意としています。