幅広いIT・オフィスソリューションを分かりやすく整理

複合機・パソコン・ビジネスホンなどのOA機器から、PC・ネットワーク保守、セキュリティ対策、kintoneによる業務改善まで、OSP様のサービス領域は多岐にわたります。それぞれを個別に紹介するだけでなく、「沖縄の企業のオフィス環境を総合的に支援できる会社」であることが伝わるよう、事業全体を分かりやすく整理する必要がありました。

新規顧客と既存顧客、それぞれに適した導線設計

Webサイトには、OA機器の導入やITサポートを検討している新規ユーザーだけでなく、トラブル対応やリモートサポートを必要とする既存のお客様も訪れます。目的の異なるユーザーが迷うことなく、問い合わせ・サポート・各サービスへ進める情報設計が求められました。

豊富な実績と企業としての魅力を継続的に発信できるサイトへ

長年にわたり沖縄県内のさまざまな業種の企業を支援してきた実績に加え、採用活動や働き方改革、IT・セキュリティに関する情報発信など、OSP様には伝えるべきコンテンツが豊富にあります。サービス紹介だけにとどまらず、企業の信頼性や人材、取り組みまで含めて発信できるWebサイトが必要でした。

サービス内容を目的別に整理した情報設計

「OA機器」「パソコン・ネットワークサポート」「ネットワークセキュリティ」「kintone・業務改善」を主要なサービスとして整理。初めてOSP様を知ったユーザーでも、自社が抱える課題と対応するサービスを見つけやすくし、詳細ページから相談へ進める構成を設計しました。

導入実例をサービス・業種から探せる事例コンテンツ

実例紹介では、kintone導入・保守、ネットワーク構築、セキュリティ機器、OA機器、PCサポートなどのサービスカテゴリに加え、建設業・小売業・士業・医療福祉など業種別でも事例を確認できる構成を採用。自社に近い課題や導入事例を探しやすくすることで、サービス検討時の理解と安心感を後押ししています。

新規問い合わせと既存顧客サポートを明確に分離

新規の相談・問い合わせと、既存のお客様向けのトラブル対応・リモートサポートへの入口を明確に分けて配置しました。ユーザーの状況に応じて必要な窓口へ素早くアクセスできるようにすることで、サービスサイトとしての使いやすさを高めています。

地域密着の安心感とIT企業としての先進性を表現

企業としての信頼感をベースに、写真やタイポグラフィ、適度なアニメーションを取り入れた現代的なデザインを構築。サービス、導入実例、採用情報など情報量の多いサイトでありながら、視線の流れや余白を意識し、内容を直感的に把握しやすいUIを設計しました。

営業・サポート・採用を支える総合的なWeb拠点を構築

サービス紹介だけでなく、導入実例、コラム、会社情報、採用情報までを一つのWebサイトに体系化。新規顧客へのサービス訴求、既存顧客へのサポート、求職者への企業理解など、OSP様とさまざまなユーザーをつなぐWeb上の情報基盤を整えました。

実績と専門情報を蓄積できる継続的な情報発信基盤

導入実例をサービス・業種ごとに整理するとともに、コラムやお知らせなど継続的にコンテンツを追加できる構成としました。OA機器、ITサポート、ネットワークセキュリティ、kintoneなど、OSP様が持つ専門性をWeb上に蓄積し、中長期的な情報発信や検索流入にもつながるサイト構造としています。

動きのある表現と快適な閲覧性を両立したフロントエンド実装

メインビジュアルやスライダーなどに動きを取り入れながら、画像・動画などのアセットを最適化し、表示負荷にも配慮したフロントエンドを構築。PC・スマートフォンそれぞれの閲覧環境に対応したレスポンシブ設計に加え、アクセス状況を把握し今後の改善に活用できる計測環境も整備しました。