Asteria — SaaS のライトブルー基調
プロジェクト管理 SaaS の公式サイト。白とライトブルーで仕事ツールらしい清潔さを保ちつつ、ダッシュボード画像で「触ったら何が見えるか」が一目でわかる構成です。
社内のチーム向け SaaS(ソフトウェア・アズ・ア・サービス。月額で使う Web ツール)を想定して作ったサンプル HP です。プロジェクト管理ツール「Asteria」のブランドサイトという設定で、白基調にライトブルーの差し色を載せた、いまどきの SaaS LP らしい外観を目指しました。
こんな方に向いています
- 自社で開発している SaaS / Web アプリのコーポレート LP を作りたい
- ダッシュボードのスクリーンショットを主役にしたい
- 機能・実績・お客様の声を 1 ページに収めたい
構成
ヘッダ(粘着型)→ Hero(コピー + ダッシュボード画像)→ 導入企業ロゴ帯 → 4 つの基本機能 → プロダクト画面ツアー(チェックリスト + 大画像)→ 数字で見る実績(4 KPI)→ お客様の声 3 件 → 強い CTA(青背景)→ 4 列フッタ、と SaaS LP の定番をひと通り入れています。
live preview
プレビュー
related
関連するサンプル
アプリ の他のサンプル、または 複数セクション HP の似た構成のサンプルです。
LUMIO — SaaS のバイオレット基調
アイデア起点のプロジェクト管理 SaaS の公式サイト。深いバイオレットと淡いラベンダー、暗いネイビーのヘッダで、創造性と落ち着きを両立した構成です。
NOVA FLOW — SaaS の鮮やかブルー基調
業務自動化 SaaS の公式サイト。鮮やかなブルーのグラデーションを背景に、ダッシュボード画像を斜めに配置して、勢いと信頼感を両立させた構成です。
ORBIT ONE — SaaS のグリーン基調
業務サポート SaaS の公式サイト。鮮やかなグリーンと有機的な丸い背景パターンで、爽やかさと前向きさを表現した構成です。
アプリ DL — ガラスモーフィズム
iOS / Android アプリのダウンロードに繋げる LP。青系グラデーションと透明感あるガラス調でモダンに仕上げました。
このサンプルが気になったら
このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。