🚀サービス概要
オフィスマップは、スタートアップやフリーランス、分散型ワークを推進する企業に向けて、シェアオフィスやコワーキングスペースなどのフレキシブルオフィス情報を集約・提供する検索サービスです。「マップで探せる」を強みに、利用者と施設運営者をマッチングする仕組みを提供しています。

🏢クライアント様
株式会社トランスリアル様

💡当社スコープ
▪️トップページ構成の見直し
▪️ファーストビュー〜フッターまでのUIデザイン刷新

🧱体制
▪️ディレクター：1名
▪️エンジニア：1名
▪️デザイナー：1名

🪐期間
▪️要件整理・構成設計：2週間
▪️デザイン制作：2週間
▪️実装：1週間

プロジェクト概要

株式会社トランスリアル様（以下、トランスリアル様）より、既存サイトにおけるブランドイメージや視覚的な活気の不足をご相談いただき、短期間でのトップページリニューアルをご依頼いただきました。

特に施設運営者などの導入検討層に向けて、サービスの魅力がより伝わる構成・表現へと改善し、信頼感と更新性のあるサイト表現を目指しました。

🔍当初の課題

• officemap のテーマである「マップで探す」というテーマが伝わりづらい

• トーンやビジュアルに「信頼感」「更新性」が感じられない

• 導線が整理されておらず、訪問者が次に何をすべきか判断しにくい

成果物

▪️トップページのUIデザイン（Web／レスポンシブ対応）
・既存構造を活かしつつ、ブランドイメージを高めるビジュアルへ刷新
・ファーストビューでサービスの特徴を直感的に伝える構成を設計

▪️情報設計・導線の再構成
・「マップで探す」「物件一覧を見る」といった主要導線を明確化

📍デザインプロセス

1. ヒアリングと情報構造の整理

2. デザイン制作

1. ヒアリングと情報構造の整理

トランスリアル様とのヒアリングを通じて、「サービスの魅力が伝わらない」「導線がわかりづらい」といった課題を明確化。

その上で、ファーストビューを中心に情報の優先順位と動線を整理し、訪問者が迷わずサイト内を行動できる構成へと再設計しました。

2. デザイン制作

再設計した情報構造に沿って、視覚的な印象と操作性の両立を図ったUIデザインを制作。
限られたスコープの中でも、「更新されている」「信頼できる」サービスサイトとしての印象を高めることを重視しました。

🎯 デザインのキーポイント：

• 地図背景×ロゴのピンにより、「マップで探す」という検索特性を視覚的に表現

• おすすめ物件をカルーセルで提示し、情報の新しさと選択肢の豊富さを訴求

• 情報密度と余白のバランスを調整し、視認性と操作性を両立

💻実際にリニューアルしたサイトはこちら↓↓
https://officemap.jp/

最後に

本プロジェクトでは、「サービスの価値がより伝わる構成とデザイン」の実現を目指し、情報設計とビジュアル表現の両面から改善を行いました。

今後もこのような取り組みを通じて得られた知見を活かし、ユーザーと事業の双方にとって価値のあるWeb体験を提供してまいります。