【作品説明】 データ分析・可視化を支援するSaaSサービス「InsightFlow」のランディングページを制作しました。 「複雑なデータを、直感的に理解できる体験」をコンセプトに、情報整理と視認性を重視したデザインを意識しています。 ターゲットは、日々の業務でデータ活用を行う企業担当者やマーケティング担当者を想定。 サービスの信頼感と使いやすさが伝わるよう、淡いブルーを基調にした落ち着いた配色と、余白を活かしたレイアウトで構成しています。 また、PC・タブレット・スマートフォンそれぞれで快適に閲覧できるよう、レスポンシブ対応を行いました。 【作品プレビュー】 https://preview.studio.site/live/4yqBJ05bqj 【制作時に意識したこと】 ① SaaSらしい「信頼感」と「見やすさ」 SaaS系LPでは、情報量が多くなりやすいため、余白設計と視線誘導を重視しました。 FVでは「サービス内容 → CTA → 管理画面UI」が自然に目に入る構成にし、サービス理解がスムーズになるよう設計しています。 ② 管理画面UIを主役にした構成 実際に使用イメージを持ってもらえるよう、管理画面のUIを大きく配置。 「どんな情報を確認できるサービスなのか」が直感的に伝わるよう意識しました。 ③ 曲線・斜めレイアウトによる柔らかい印象 背景には斜めのあしらいを取り入れ、シンプルながら単調になりすぎないデザインに調整。 SaaS特有の“硬さ”を和らげ、親しみやすい印象になるよう工夫しています。 ④ レスポンシブ時の可読性 スマートフォン表示では、情報量を整理しながらも世界観を崩さないよう調整。 文字サイズ・余白・CTA配置を最適化し、モバイル環境でもストレスなく閲覧できるよう設計しました。 【使用ツール】 Figma STUDIO 【担当範囲】 情報設計 ワイヤーフレーム UIデザイン レスポンシブデザイン STUDIO実装