FLOWBASE

FLOWBASEは、AIで業務を自動化する架空SaaS企業サイトです。複数ユーザーの目的に合わせ、情報設計と導線設計を重視しました。

About the Brand


FLOWBASE株式会社は、中堅企業向けのAIワークフロー自動化SaaSを想定した架空企業です。「忙しさを、なめらかに。」をミッションに、AI文書処理、ノーコード業務フロー設計、業務分析Dashboardを通じて、複雑な業務を整理し、自然に流れる仕組みへ変えるサービスとして設計しました。本作品では、リード獲得、採用ブランディング、IR・信頼醸成という3つの目的を持つコーポレートサイトを制作しました。

Our Approach

本プロジェクトでは、見た目の完成度だけでなく、UXリサーチから情報設計、ビジュアルデザイン、プロトタイプまでの思考プロセスが伝わることを重視しました。情報システム部長、求職者、投資家という異なるユーザーに対して、それぞれ必要な情報へ迷わず到達できる導線を設計しています。信頼感のあるブルーを基調に、ティールのアクセントやデータ可視化を取り入れ、BtoB SaaSらしい清潔感と先進性の両立を目指しました。

What We Created

・架空SaaS企業のコーポレートサイトUI/UXデザイン
・Top / 製品概要 / 機能詳細 / 料金 / 導入事例 / 会社情報 / 採用情報などを含む12ページ構成
・3種類のユーザーに対応した情報設計とナビゲーション設計
・資料請求、無料トライアル、採用応募、IR資料閲覧につながる導線設計
・Bento Grid、Dashboard mockup、データ可視化、ダークモード対応を想定したUI設計
・Figmaによるデザインカンプ、プロトタイプ、UX設計ドキュメントの制作

Result

完成したデザインでは、FLOWBASEの「業務を、流れにする」という価値を、視覚表現と情報設計の両面から表現しました。複数のターゲットを1つのサイト内で整理するため、ナビゲーション、CTA、コンテンツ優先度を目的別に設計しています。特に、BtoBサービスに必要な信頼感、SaaSらしい先進性、採用サイトとしての企業文化の伝わりやすさを両立させることで、単なるビジュアル作品ではなく、UX思考とビジネス目的が見える作品になりました。

Create a free website with Framer, the website builder loved by startups, designers and agencies.