今すぐ真似たいSaaSプロダクトのサイトデザイン(分類別)

  • | 公開 2021年12月01日
デザイン
今すぐ真似たいSaaSプロダクトのサイトデザイン(分類別)

いつも見て頂きありがとうございます!「エンプレス」の編集部:fukuyamaです。SaaSサイトで参考にしたいデザインを集めました。

人手不足・生産性向上・業務効率化の流れが加速しているため、SaaSを使うだけでなく自社ノウハウを取り入れたSaaS開発に、どの企業さんも取り組み始めていますよね。

日に日に増えているSaaSですが、集客やリード獲得用のウェブサイトが必要不可欠に。

どのようなデザインがいいのか、導入社数が数千件を超えている認知度が高い人気SaaSや、新しく登場したSaaSなど、サイトデザイン(メインビジュアル)を厳選したので、参考にして頂けると嬉しいです。

こんな方にオススメ!
・SaaSサイトの特徴が知りたい
・新規プロダクトを作るのでwebサイトが必要
・時間をかけずに良い要素だけを取り入れたい

時間がなくても美しい資料が作れるパワポのテンプレート・素材・ノウハウ
時間がなくても美しい資料が作れるパワポの…

デザインを真似たいSaaSサイト

SaaSだけでも2,000社以上を調べて、参考にしたいウェブサイトのメインビジュアルを集めました。

それぞれ分類ごとに分けたので、用途に合わせて各社さんのデザインを参考にさせてもらうのがオススメです。

確認頂く前に見て欲しい超重要事項
掲載していないからと「デザインが悪い」という話ではなく、単純に100社以上をまとめて力尽きてしまったため、掲載できてないSaaSサイトさんがいっぱいなだけなんです…別の機会に、改めてまとめたいと思います!

プロダクト

プロダクトの面積比率高め

Senses(センシーズ)
SaaSプロダクトのサイトデザイン参考:Senses(センシーズ)出典画像:https://product-senses.mazrica.com/
プロダクト名Senses(センシーズ)カテゴリSFA
サイト種別プロダクト用サイト導入社数1,800
メインビジュアルプロダクトキーカラー
CVボタン無料トライアル資料ボタン資料ダウンロード
電話番号-多言語-
表彰LEADER調査根拠ITreview

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン・表彰

Musubu(ムスブ)
SaaSプロダクトのサイトデザイン参考:Musubu(ムスブ)出典画像:https://www.musubu.in/
プロダクト名Musubu(ムスブ)カテゴリ営業リスト作成
サイト種別プロダクト用サイト導入社数76,000
メインビジュアルプロダクトキーカラー緑(#14B191)
CVボタンMusubuを無料で始める資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト

プロダクトの周りにデータ

MASAI
SaaSプロダクトのサイトデザイン参考:MASAI出典画像:https://mas.ai/
プロダクト名MASAIカテゴリSNSアカウント管理
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー
CVボタン-資料ボタン資料をダウンロードする
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・資料ボタン

App Ape
SaaSプロダクトのサイトデザイン参考:App Ape出典画像:https://ja.appa.pe/
プロダクト名App ApeカテゴリCRMツール
サイト種別プロダクト用サイト導入社数5,000
メインビジュアルプロダクト(イラスト)キーカラー青(#288DC5)
CVボタン-資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト(イラスト)・資料ボタン

No1表記

クラウドサイン
SaaSプロダクトのサイトデザイン参考:クラウドサイン出典画像:https://www.cloudsign.jp/
プロダクト名クラウドサインカテゴリ電子契約
サイト種別プロダクト用サイト導入社数300,000
メインビジュアルプロダクトキーカラー青(#0080cd)
CVボタン新規登録はこちら(無料)資料ボタンまずは資料ダウンロード
電話番号-多言語-
表彰有料導入社数No1/契約送信件数No1/市場認知度No1調査根拠富士キメラ総研/電子契約総合研究所

ファーストビューの構成
キャッチコピー・プロダクト・表彰・CVボタン・資料ボタン・導入事例ロゴ

freee人事労務
SaaSプロダクトのサイトデザイン参考:freee人事労務出典画像:https://www.freee.co.jp/hr/
プロダクト名freee人事労務カテゴリ人事労務
サイト種別プロダクト用サイト導入事業所数310,000
メインビジュアルプロダクトキーカラー
CVボタン無料でお試し資料ボタンまずは資料請求
電話番号あり多言語-
表彰クラウド給与計算ソフトシェアNo1調査根拠MM総研

ファーストビューの構成
キャッチコピー・プロダクト・表彰・CVボタン・資料ボタン・電話番号

プロダクト見切れ

chatwork
SaaSプロダクトのサイトデザイン参考:chatwork出典画像:https://go.chatwork.com/ja/
プロダクト名chatwork(チャットワーク)カテゴリビジネスチャット
サイト種別プロダクト用サイト導入社数336,000
メインビジュアルプロダクトキーカラー赤(#f03748)
CVボタン新規登録(無料)資料ボタン説明資料ダウンロード
電話番号-多言語-
表彰利用者数No1/BOXIL SaaS AWARD調査根拠Nielsen NetView 及びNielsen Mobile NetView

ファーストビューの構成
キャッチコピー・プロダクト・表彰・CVボタン・資料ボタン

wellday
SaaSプロダクトのサイトデザイン参考:wellday出典画像:https://wellday.jp/
プロダクト名welldayカテゴリエンプロイーサクセス
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー青・緑
CVボタン資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン

導入事例ロゴ

ミツカリ
SaaSプロダクトのサイトデザイン参考:ミツカリ出典画像:https://mitsucari.com/
プロダクト名ミツカリカテゴリ採用管理
サイト種別プロダクト用サイト導入社数3,700
メインビジュアル写真キーカラーオレンジ(#FF953E)
CVボタン-資料ボタン資料請求・お問い合わせをする
電話番号あり多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・写真・資料ボタン

bellFace(ベルフェイス)
SaaSプロダクトのサイトデザイン参考:bellFace(ベルフェイス)出典画像:https://bell-face.com/
プロダクト名bellFace(ベルフェイス)カテゴリweb会議システム
サイト種別プロダクト用サイト導入社数3,000
メインビジュアルプロダクトキーカラー
CVボタン接続ナンバーを発行資料ボタン-
電話番号-多言語-
表彰国内シェアNo1調査根拠ショッパーズアイ

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・表彰

Tocaro
SaaSプロダクトのサイトデザイン参考:Tocaro出典画像:https://tocaro.im/
プロダクト名Tocaroカテゴリ業務管理
サイト種別プロダクト用サイト導入社数2,000
メインビジュアルプロダクトキーカラー
CVボタン無料で試してみる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・表彰・CVボタン・導入企業ロゴ

Jooto
SaaSプロダクトのサイトデザイン参考:Jooto出典画像:https://www.jooto.com/
プロダクト名Jootoカテゴリプロジェクト・タスク管理
サイト種別プロダクト用サイト導入社数1,600
メインビジュアルプロダクトキーカラー
CVボタンまずは、無料で使いはじめる資料ボタン-
電話番号-多言語-
表彰コラボレーション部門受賞調査根拠BOXIL

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・表彰

MicoCloud
SaaSプロダクトのサイトデザイン参考:MicoCloud出典画像:https://lp.mico-cloud.jp/
プロダクト名MicoCloudカテゴリLINE連携
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー
CVボタン無料オンライン相談資料ボタン3分でわかる資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン

プロダクトをイラスト化

HR OnBoard
SaaSプロダクトのサイトデザイン参考:HR OnBoard出典画像:https://on-board.io/
プロダクト名HR OnBoardカテゴリ人事評価
サイト種別プロダクト用サイト導入社数7,500
メインビジュアルプロダクトメインカラー青(#2993FF)
CVボタン今すぐ無料で試す資料ボタンお問い合わせ・資料請求をする
電話番号-多言語-
表彰人材サービス優秀賞調査根拠日本HRチャレンジ大賞

ファーストビューの構成
キャッチコピー・プロダクト・表彰

奥行きあり

uconnect
SaaSプロダクトのサイトデザイン参考:uconnect出典画像:https://uconnect.jp/sms/
プロダクト名uconnectカテゴリ粗利管理
サイト種別公式サイト内導入社数-
メインビジュアルプロダクトメインカラー青緑
CVボタン-資料ボタン資料ダウンロード
電話番号あり多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・USP・資料ボタン

USP

USPとは、Unique Selling Proposition(ユニーク・セリング・プロポジション)の略語で、独自の強みのこと。

smarthabit
SaaSプロダクトのサイトデザイン参考:smarthabit出典画像:https://www.smarthabit.net/
プロダクト名smarthabitカテゴリオンライン学習
サイト種別公式サイト内導入社数-
メインビジュアルUSPキーカラーオレンジ
CVボタン-資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・USP・プロダクト

KAKEAI
SaaSプロダクトのサイトデザイン参考:KAKEAI出典画像:https://kakeai.co.jp/
プロダクト名KAKEAIカテゴリ1on1
サイト種別公式サイト導入社数-
メインビジュアルキャッチコピーキーカラー
CVボタン資料請求・お問い合わせ資料ボタン-
電話番号-多言語-
表彰複数調査根拠複数

ファーストビューの構成
キャッチコピー・数値・プロダクト・CVボタン

時間がなくても美しい資料が作れるパワポのテンプレート・素材・ノウハウ
時間がなくても美しい資料が作れるパワポの…
medicalforce
SaaSプロダクトのサイトデザイン参考:medicalforce出典画像:https://service.medical-force.com/
プロダクト名medicalforceカテゴリ電子カルテ
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー#C56666
CVボタン実際の画面をみれる 無料デモに申し込む資料ボタン3分で分かる資料請求はこちら
電話番号あり多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・USP・CVボタン・資料ボタン

SalesNow Targeting(セールスナウ ターゲティング)
SaaSプロダクトのサイトデザイン参考:SalesNow Targeting出典画像:https://top.salesnow.jp/
プロダクト名SalesNow Targeting(セールスナウ ターゲティング)カテゴリ営業リスト作成
サイト種別プロダクト用サイト導入社数3,000
メインビジュアルキャッチコピーメインカラー深緑(#33817C)
CVボタン無料デモを依頼する資料ボタン無料資料ダウンロード
電話番号-多言語-
表彰営業リスト作成ツール顧客満足度No.1調査根拠日本トレンドリサーチ

ファーストビューの構成
キャッチコピー・プロダクト・表彰・CVボタン・資料ボタン・USP

写真

人物

ANDPAD
SaaSプロダクトのサイトデザイン参考:ANDPAD出典画像:https://lp.andpad.jp/
プロダクト名ANDPADカテゴリプロジェクト・タスク管理
サイト種別ランディングページ導入社数130,000
メインビジュアル人物写真キーカラー赤(#E60012)
CVボタン-資料ボタン資料請求はこちら
電話番号あり多言語-
表彰導入社数No1調査根拠デロイト トーマツ ミック経済研究所

ファーストビューの構成
キャッチコピー・表彰・プロダクト・人物写真

SmartSlide
SaaSプロダクトのサイトデザイン参考:SmartSlide出典画像:https://smartslide.jp/
プロダクト名SmartSlideカテゴリ資料作成支援
サイト種別ランディングページ導入社数-
メインビジュアル人物画像キーカラー
CVボタン個人情報の取り扱いに同意して送信資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・人物画像・フォーム

カクシンクラウド
SaaSプロダクトのサイトデザイン参考:カクシンクラウド出典画像:https://kakushin-cloud.com/
プロダクト名カクシンクラウドカテゴリ賃貸管理
サイト種別プロダクト用サイト導入社数-
メインビジュアル人物写真キーカラー水色
CVボタン-資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・人物写真・プロダクト・資料ボタン

人物(タレント)

ジョブカン勤怠管理
SaaSプロダクトのサイトデザイン参考:ジョブカン勤怠管理出典画像:https://jobcan.ne.jp/
プロダクト名ジョブカン勤怠管理カテゴリ勤怠管理
サイト種別プロダクト用サイト導入社数120,000(シリーズ累計)
メインビジュアル人物画像(タレント)キーカラー
CVボタン無料で試してみる資料ボタンまずは資料請求
電話番号あり多言語-
表彰勤怠管理・就業管理No1調査根拠ITトレンド上半期ランキング

ファーストビューの構成
キャッチコピー・人物画像(武田鉄矢さん)・表彰・CVボタン・資料ボタン・導入企業ロゴ

Urizo(ウリゾウ)
SaaSプロダクトのサイトデザイン参考:Urizo(ウリゾウ)出典画像:https://urizo.jp/
プロダクト名Urizo(ウリゾウ)カテゴリ営業リスト作成
サイト種別プロダクト用サイト導入社数60,000
メインビジュアル人物画像(タレント)キーカラー青(#1458E4)
CVボタン有料版を申し込む すぐ使えます資料ボタン-
電話番号-多言語-
表彰導入実績No1調査根拠パイルアップ株式会社

ファーストビューの構成
キャッチコピー・人物画像(ウエンツ瑛士さん)・表彰・ダウンロード実況・導入企業ロゴ

SmartHR
SaaSプロダクトのサイトデザイン参考:SmartHR出典画像:https://smarthr.jp/
プロダクト名SmartHRカテゴリクラウド人事労務
サイト種別プロダクト用サイト導入社数40,000
メインビジュアル人物画像(タレント)キーカラー青緑(#00B6C0)
CVボタン無料で試してみる資料ボタン資料ダウンロード
電話番号-多言語-
表彰労務管理シェアNo1/人事労務満足度No1調査根拠デロイト トーマツ ミック経済研究所/株式会社マクロミル

ファーストビューの構成
キャッチコピー・人物画像(木梨憲武さん・伊藤淳史さん)・表彰・CVボタン・資料ボタン

テレシー
SaaSプロダクトのサイトデザイン参考:テレシー出典画像:https://telecy.tv/
プロダクト名テレシーカテゴリテレビCMサービス
サイト種別プロダクト用サイト導入社数-
メインビジュアル人物画像(タレント)キーカラー水色
CVボタン-資料ボタンダウンロード
電話番号-多言語あり
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・人物画像(福岡みなみさん)・資料請求フォーム

ecforce
SaaSプロダクトのサイトデザイン参考:ecforce出典画像:https://ec-force.com/
プロダクト名ecforceカテゴリEC
サイト種別プロダクト用サイト導入社数-
メインビジュアル人物画像(タレント)キーカラー
CVボタンお問い合わせ資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・人物画像(石野真子さん)・導入企業ロゴ・USP

シンプル

要素絞り込み

らくしふ
SaaSプロダクトのサイトデザイン参考:らくしふ出典画像:https://rakushifu.jp/
プロダクト名らくしふカテゴリシフト管理
サイト種別プロダクト専用サイト導入社数-
メインビジュアルキャッチコピーキーカラー
CVボタン-資料ボタン簡単1分で入力完了!無料で資料請求する
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・ロゴ・資料ボタン

アッテル
SaaSプロダクトのサイトデザイン参考:アッテル出典画像:https://attelu.jp/
プロダクト名アッテルカテゴリ採用支援
サイト種別公式サイト導入社数-
メインビジュアルキャッチコピーキーカラー
CVボタン無料トライアル資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・背景画像・CVボタン・資料ボタン

Flyle
SaaSプロダクトのサイトデザイン参考:Flyle出典画像:https://flyle.io/jp
プロダクト名Flyleカテゴリ業務支援
サイト種別プロダクト用サイト導入社数-
メインビジュアルキャッチコピーキーカラーオレンジ
CVボタン無料トライアルを試してみる資料ボタン3分で分かる「Flyle」資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・CVボタン・資料ボタン

TeamSuite(チームスイート)
SaaSプロダクトのサイトデザイン参考:TeamSuite(チームスイート)出典画像:https://www.teamsuite.biz/
プロダクト名TeamSuite(チームスイート)カテゴリコラボレーション
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー-
CVボタン-資料ボタン資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・資料ボタン

Stock
SaaSプロダクトのサイトデザイン参考:Stock出典画像:https://www.stock-app.info/
プロダクト名Stockカテゴリプロジェクト・タスク管理
サイト種別プロダクト用サイト導入社数50,000
メインビジュアルプロダクトキーカラー紺(#0C2B4D)
CVボタン無料で試してみる資料ボタン3分で分かる資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン

Gozal
SaaSプロダクトのサイトデザイン参考:Gozal出典画像:https://gozal.cc/
プロダクト名Gozalカテゴリ労務管理
サイト種別プロダクト用サイト導入社数2,000
メインビジュアルプロダクトキーカラー紺(#1C4B79)
CVボタンチャットで相談資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト

reporu
SaaSプロダクトのサイトデザイン参考:reporu出典画像:https://reporu.team/
プロダクト名reporuカテゴリ情報共有
サイト種別公式サイト導入社数
メインビジュアルプロダクトメインカラー
CVボタン無料ではじめる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン

時間がなくても美しい資料が作れるパワポのテンプレート・素材・ノウハウ
時間がなくても美しい資料が作れるパワポの…

コンパクト

Savetime(セーブタイム)
SaaSプロダクトのサイトデザイン参考:Savetime(セーブタイム)出典画像:https://savetime.jp/
プロダクト名Savetime(セーブタイム)カテゴリweb会議
サイト種別公式サイト導入社数-
メインビジュアルプロダクトキーカラー
CVボタン無料トライアルをはじめる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・導入企業ロゴ

commmune
SaaSプロダクトのサイトデザイン参考:commmune出典画像:https://commmune.jp/
プロダクト名commmuneカテゴリカスタマーサクセス
サイト種別公式サイト導入社数-
メインビジュアルプロダクトキーカラー
CVボタン-資料ボタン「3分で分かるcommmune」資料をダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・資料ボタン

ProfieeTeams
SaaSプロダクトのサイトデザイン参考:ProfieeTeams出典画像:https://teams.profiee.com/
プロダクト名ProfieeTeamsカテゴリテレワーク支援
サイト種別プロダクト専用サイト導入社数-
メインビジュアルプロダクトキーカラーオレンジ
CVボタン無料登録資料ボタン資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン

キャッチコピー

センター

eセールスマネージャーRemix Cloud
SaaSプロダクトのサイトデザイン参考:eセールスマネージャーRemix Cloud出典画像:https://www.e-sales.jp/
プロダクト名eセールスマネージャーRemix CloudカテゴリSFA
サイト種別プロダクト用サイト導入社数5,500
メインビジュアルキャッチコピーキーカラー青(#0060C1)
CVボタン無料デモ体験依頼資料ボタン資料ダウンロード
電話番号-多言語-
表彰CRM・SFA総合満足度No1調査根拠-

ファーストビューの構成
キャッチコピー・表彰・プロダクト

Brushup
SaaSプロダクトのサイトデザイン参考:Brushup出典画像:https://www.brushup.net/
プロダクト名Brushupカテゴリプロジェクト・タスク管理
サイト種別プロダクト用サイト導入社数4,900
メインビジュアル画像キーカラー
CVボタンオンライン相談する資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・画像・CVボタンボタン

レイアウト

1カラム

TeamUp
SaaSプロダクトのサイトデザイン参考:TeamUp出典画像:https://www.teamup.jp/
プロダクト名TeamUpカテゴリ1on1
サイト種別プロダクト用サイト導入社数-
メインビジュアルキャッチコピーキーカラー青緑
CVボタンオンラインセミナー お申し込み資料ボタン資料・ガイドブック ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・CVボタン・資料ボタン・プロダクト

フォームあり

yup先払い
SaaSプロダクトのサイトデザイン参考:yup先払い出典画像:https://yup.jp/
プロダクト名yup先払いカテゴリ決済
サイト種別公式サイト導入社数-
メインビジュアル動画(アニメーション)キーカラーオレンジ
CVボタン無料ではじめる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
動画・フォーム・導入企業ロゴ

あしたのクラウド
SaaSプロダクトのサイトデザイン参考:あしたのクラウド出典画像:https://cloud.ashita-team.com/
プロダクト名あしたのクラウドカテゴリ人事評価
サイト種別ランディングページ導入社数3,500
メインビジュアルキャッチコピーキーカラー赤・青
CVボタン無料デモ・トライアル あしたのクラウドの画面を見る資料ボタン最新機能や導入企業の声をまとめた資料3冊を無料プレゼント
電話番号-多言語-
表彰人事システムシェアNo.1調査根拠ミック経済研究所

ファーストビューの構成
キャッチコピー・プロダクト・資料請求フォーム・CVボタン・資料ボタン

電子印鑑GMOサイン
SaaSプロダクトのサイトデザイン参考:電子印鑑GMOサイン出典画像:https://www.gmosign.com/
プロダクト名電子印鑑GMOサインカテゴリ電子契約
サイト種別プロダクト用サイト導入社数400,000
メインビジュアルキャッチコピーキーカラー青(#005bac)
CVボタンお申し込み資料ボタン資料請求
電話番号あり多言語-
表彰導入社数No1・ITreview調査根拠自社調べ

ファーストビューの構成
キャッチコピー・表彰・動画・申込フォーム

スマートフォン特化

Leasy(リジー)
SaaSプロダクトのサイトデザイン参考:Leasy(リジー)出典画像:https://leasy.1katsu.jp/lp/
プロダクト名Leasy(リジー)カテゴリ就活
サイト種別ランディングページ導入社数-
メインビジュアルプロダクトキーカラー
CVボタン無料で利用を開始資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン

デザイン

余白が十分にとられてバランスがいい

REECH DATABASE
SaaSプロダクトのサイトデザイン参考:REECH DATABASE出典画像:https://reech.co.jp/database/
プロダクト名REECH DATABASEカテゴリマーケティング
サイト種別公式サイト内導入社数-
メインビジュアルプロダクトキーカラー
CVボタン-資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト

tebiki
SaaSプロダクトのサイトデザイン参考:tebiki出典画像:https://tebiki.jp/
プロダクト名tebikiカテゴリマニュアル
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクト(動画)キーカラー水色
CVボタンデモ・トライアルのご希望はコチラ資料ボタン3分でわかるtebiki 資料をダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン

タイポグラフィ

Leaner
SaaSプロダクトのサイトデザイン参考:Leaner出典画像:https://leaner.jp/
プロダクト名Leanerカテゴリ支出管理
サイト種別プロダクト用サイト導入社数
メインビジュアルプロダクト(アニメーション)キーカラー
CVボタンお問い合わせ資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン

mycsess
SaaSプロダクトのサイトデザイン参考:mycsess出典画像:https://mycsess.com/
プロダクト名mycsessカテゴリ事業支援
サイト種別ランディングページ導入社数-
メインビジュアルキャッチコピーキーカラー
CVボタンまずは診断してみる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・CVボタン・イラスト

グラフィカル

Onboarding
SaaSプロダクトのサイトデザイン参考:Onboarding出典画像:https://www.onboarding.co.jp/
プロダクト名Onboardingカテゴリカスタマーサクセス
サイト種別ランディングページ導入社数-
メインビジュアルプロダクトキーカラー
CVボタン-資料ボタン資料請求(無料)
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・資料ボタン

SocialDog
SaaSプロダクトのサイトデザイン参考:SocialDog出典画像:https://social-dog.net/
プロダクト名SocialDogカテゴリSNSアカウント管理
サイト種別プロダクト用サイト導入アカウント700,000
メインビジュアルキャッチコピーキーカラー
CVボタンTwitterではじめる資料ボタン-
電話番号-多言語-
表彰ユーザー数No1調査根拠日本マーケティングリサーチ

ファーストビューの構成
キャッチコピー・表彰・プロダクト・CVボタン

RESUME
SaaSプロダクトのサイトデザイン参考:RESUME出典画像:https://www.resume.id/
プロダクト名RESUMEカテゴリポートフォリオ
サイト種別プロダクト用サイト導入社数-
メインビジュアルグラフィックキーカラー
CVボタンはじめる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・グラフィック・CVボタン

時間がなくても美しい資料が作れるパワポのテンプレート・素材・ノウハウ
時間がなくても美しい資料が作れるパワポの…
AI Messenger
SaaSプロダクトのサイトデザイン参考:AI Messenger出典画像:https://www.ai-messenger.jp/
プロダクト名AI MessengerカテゴリAI
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー
CVボタン-資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト

Pricing Sprint
SaaSプロダクトのサイトデザイン参考:Pricing Sprint出典画像:https://pricing.co.jp/pricing-sprint/
プロダクト名Pricing Sprintカテゴリ営業支援
サイト種別ランディングページ導入社数-
メインビジュアルプロダクトキーカラー
CVボタン-資料ボタンまずは資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・導入企業ロゴ

LogStare
SaaSプロダクトのサイトデザイン参考:LogStare出典画像:https://www.logstare.com/
プロダクト名LogStareカテゴリマネージド・セキュリティ・プラットフォーム
サイト種別プロダクト用サイト導入社数4,000
メインビジュアルグラフィックキーカラーオレンジ
CVボタン無償版/評価版資料ボタン資料ダウンロード
電話番号-多言語-
表彰Interop Best of Show Award 2020調査根拠

ファーストビューの構成
キャッチコピー・グラフィック・表彰・CVボタン・資料ボタン

blastmail
SaaSプロダクトのサイトデザイン参考:blastmail出典画像:https://blastmail.jp/
プロダクト名blastmailカテゴリメール配信システム
サイト種別プロダクト用サイト導入社数12,000
メインビジュアルキャッチコピーキーカラー
CVボタン-資料ボタン-
電話番号-多言語-
表彰新規顧客数No1・稼働顧客数No1・稼働顧客数伸率No1調査根拠ミック経済研究所

ファーストビューの構成
キャッチコピー・画像・表彰

背景ベタ塗り

アポレル
SaaSプロダクトのサイトデザイン参考:アポレル出典画像:https://aporeru.com/
プロダクト名アポレルカテゴリ営業支援
サイト種別ランディングページ導入社数-
メインビジュアルプロダクトキーカラー
CVボタン今すぐ無料登録資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン

グラデーション

Qast
SaaSプロダクトのサイトデザイン参考:Qast出典画像:https://qast.jp/
プロダクト名Qastカテゴリナレッジ経営
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー
CVボタン無料デモを見る資料ボタン資料をダウンロードする
電話番号-多言語-
表彰BOXIL SaaS AWARD 2021 部門1位/ナレッジ共有ツール利用者満足度No1調査根拠BOXIL/ゼネラルリサーチ

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン・表彰

People's
SaaSプロダクトのサイトデザイン参考:People's出典画像:https://peoples-yv.jp/
プロダクト名People'sカテゴリセルフアウェアネス
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラーカラフル
CVボタンさっそくはじめましょう 無料で新規登録資料ボタンお気軽にご相談ください 無料相談
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン

ラグジュアリー

xenoBrain
SaaSプロダクトのサイトデザイン参考:xenoBrain出典画像:https://service.xenobrain.jp/
プロダクト名xenoBrainカテゴリ経済予測
サイト種別プロダクト用サイト導入社数-
メインビジュアル画像キーカラーゴールド
CVボタン-資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・画像・資料ダウンロード

イラスト

図解

Databeat
SaaSプロダクトのサイトデザイン参考:Databeat出典画像:https://www.data-be.at/
プロダクト名Databeatカテゴリデータ統合
サイト種別プロダクト用サイト導入社数-
メインビジュアルイラスト図解キーカラーオレンジ
CVボタン2週間無料で試す資料ボタン詳しい資料で確認する
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト図解・CVボタン・資料ボタン

KARAKURI
SaaSプロダクトのサイトデザイン参考:KARAKURI出典画像:https://karakuri.ai/
プロダクト名KARAKURIカテゴリチャットボット
サイト種別プロダクト用サイト導入社数-
メインビジュアルイラスト図解キーカラー
CVボタン-資料ボタン資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト図解・資料ボタン

octpath(オクトパス)
SaaSプロダクトのサイトデザイン参考:octpath(オクトパス)出典画像:https://octpath.com/
プロダクト名octpath(オクトパス)カテゴリタスク管理
サイト種別プロダクト用サイト導入社数-
メインビジュアル図解キーカラー
CVボタン無料トライアル資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・CVボタン・図解

線画

OSIRO
SaaSプロダクトのサイトデザイン参考:OSIRO出典画像:https://osiro.it/
プロダクト名OSIROカテゴリコミュニティ
サイト種別公式サイト導入社数-
メインビジュアルイラストキーカラー
CVボタン-資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト

Sansan(サンサン)
SaaSプロダクトのサイトデザイン参考:Sansan(サンサン)出典画像:https://jp.sansan.com/products/sansan/
プロダクト名Sansan(サンサン)カテゴリ名刺管理
サイト種別プロダクト用サイト導入社数7000
メインビジュアルイラストキーカラー
CVボタン「3分でわかるSansan」資料ダウンロード資料ボタン人気のお役立ち資料3選
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト・資料ボタン

人物

SmartFlow
SaaSプロダクトのサイトデザイン参考:smartflow出典画像:https://smartflow.vebuin.com/
プロダクト名SmartFlowカテゴリワークフロー
サイト種別プロダクト用サイト導入社数-
メインビジュアルイラストキーカラーカラフル
CVボタンまずは無料で使ってみる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト・CVボタン

RaQubo
SaaSプロダクトのサイトデザイン参考:RaQubo出典画像:https://raqubo.com/
プロダクト名RaQuboカテゴリRPA
サイト種別プロダクト用サイト導入社数-
メインビジュアルイラストキーカラー深緑
CVボタン無料体験版はこちら資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト・CVボタン

dDrive
SaaSプロダクトのサイトデザイン参考:dDrive出典画像:https://ddrive.d-box-inc.co.jp/
プロダクト名dDriveカテゴリ労務管理(物流向け)
サイト種別ランディングページ導入社数-
メインビジュアルイラストキーカラー
CVボタンまずはご相談資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・ロゴ・イラスト・CVボタン

Beatrust
SaaSプロダクトのサイトデザイン参考:Beatrust出典画像:https://beatrust.com/
プロダクト名Beatrustカテゴリコラボレーション
サイト種別プロダクト用サイト導入社数
メインビジュアルキャッチコピーキーカラー青(#0244F2)
CVボタンさっそくはじめる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト・CVボタン

時間がなくても美しい資料が作れるパワポのテンプレート・素材・ノウハウ
時間がなくても美しい資料が作れるパワポの…

キャラクター

Artrigger
SaaSプロダクトのサイトデザイン参考:Artrigger 出典画像:https://artrigger.jp/
プロダクト名Artrigger カテゴリレベニューシェア
サイト種別プロダクト用サイト導入社数-
メインビジュアルイラストキーカラー
CVボタン無料ではじめる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト・CVボタン

datagusto
SaaSプロダクトのサイトデザイン参考:datagusto出典画像:https://lp.datagusto.jp/
プロダクト名datagustoカテゴリAI分析
サイト種別ランディングページ導入社数-
メインビジュアルイラストキーカラーオレンジ(#FF521B)
CVボタン-資料ボタン無料で資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト・資料ボタン

マクロマン
SaaSプロダクトのサイトデザイン参考:マクロマン出典画像:https://www.macroman.jp/
プロダクト名マクロマンカテゴリRPA
サイト種別プロダクト用サイト導入社数1,500
メインビジュアルイラストキーカラー
CVボタンダウンロード資料ボタン-
電話番号-多言語-
表彰導入企業数1500社突破調査根拠-

ファーストビューの構成
キャッチコピー・イラスト・CVボタン・表彰

LOGILESS

背景のロジごまちゃん!

SaaSプロダクトのサイトデザイン参考:LOGILESS出典画像:https://www.logiless.com/
プロダクト名LOGILESSカテゴリ自動出荷
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトメインカラー
CVボタン資料ダウンロード・お問い合わせ資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン

Touch On Time
SaaSプロダクトのサイトデザイン参考:Touch On Time出典画像:https://www.kintaisystem.com/
プロダクト名Touch On Timeカテゴリ勤怠管理
サイト種別プロダクト用サイト導入社数31,000
メインビジュアルプロダクトキーカラー
CVボタン30日間無料トライアル申込み資料ボタン資料請求・お問い合わせ
電話番号あり多言語-
表彰市場シェアNo1調査根拠富士キメラ総研

ファーストビューの構成
キャッチコピー・プロダクト・表彰・イラスト・CVボタン・資料ボタン

esa
SaaSプロダクトのサイトデザイン参考:esa出典画像:https://esa.io/
プロダクト名esaカテゴリ情報共有
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー
CVボタンチームを作って試してみる!資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・

立体

HiCustomer
SaaSプロダクトのサイトデザイン参考:HiCustomer出典画像:https://hicustomer.jp/
プロダクト名HiCustomerカテゴリカスタマーサクセス
サイト種別公式サイト導入社数-
メインビジュアルイラストキーカラー青(#2E75E0)
CVボタン-資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト

Logimeter
SaaSプロダクトのサイトデザイン参考:Logimeter出典画像:https://info.logimeter.io/
プロダクト名Logimeterカテゴリ物流管理
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー#8497B0
CVボタン無料トライアルキャンペーン中資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・イラスト・CVボタン

動画

メインビジュアル内

バクラク請求書(旧:LayerX インボイス)
SaaSプロダクトのサイトデザイン参考:バクラク請求書(旧:LayerX インボイス)出典画像:https://www.layerx.jp/invoice
プロダクト名バクラク請求書(旧:LayerX インボイス)カテゴリ請求管理
サイト種別公式サイト内導入社数-
メインビジュアル動画キーカラー
CVボタンデモを依頼する資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・動画・USP・CVボタン・資料ボタン

テックタッチ
SaaSプロダクトのサイトデザイン参考:テックタッチ出典画像:https://techtouch.jp/
プロダクト名テックタッチカテゴリマニュアル
サイト種別公式サイト導入アカウント468,310
メインビジュアル動画キーカラー水色
CVボタン-資料ボタン資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・動画・導入企業ロゴ・導入アカウント数

Backlog
SaaSプロダクトのサイトデザイン参考:Backlog出典画像:https://backlog.com/ja/
プロダクト名Backlogカテゴリプロジェクト・タスク管理
サイト種別プロダクト用サイト有料契約10,000
メインビジュアル動画キーカラー緑(#42CE9F)
CVボタン無料でBacklogを試してみる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・動画・CVボタン

プロダクト内動画

MiiTel

パソコンにマイクを乗せるあたり、プロダクトをそのまま表していて、センスを感じますよね!

SaaSプロダクトのサイトデザイン参考:MiiTel出典画像:https://miitel.revcomm.co.jp/
プロダクト名MiiTelカテゴリIP電話
サイト種別プロダクト用サイト導入社数1,100
メインビジュアルプロダクト動画キーカラー
CVボタン-資料ボタンまずは資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・資料ボタン

Parque
SaaSプロダクトのサイトデザイン参考:Parque出典画像:https://parque.io/
プロダクト名Parqueカテゴリコラボレーション
サイト種別プロダクト用サイト導入社数-
メインビジュアルキャッチコピーキーカラー-
CVボタン無料ではじめる資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・動画・CVボタン・資料ボタン

Froom
SaaSプロダクトのサイトデザイン参考:Froom出典画像:https://froom.co.jp/service
プロダクト名Froomカテゴリマニュアル動画
サイト種別公式サイト内導入社数-
メインビジュアルプロダクトキーカラー
CVボタン問い合わせる資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン

全面動画

Eight(エイト)
SaaSプロダクトのサイトデザイン参考:Eight(エイト)出典画像:https://8card.net/
プロダクト名Eight(エイト)カテゴリ名刺管理
サイト種別プロダクト用サイト導入社数2,000
メインビジュアル動画キーカラー水色
CVボタンApp Store/Google Play資料ボタン-
電話番号-多言語あり
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・動画・CVボタン

背景動画

RICHKA CLOUD STUDIO
SaaSプロダクトのサイトデザイン参考:RICHKA CLOUD STUDIO出典画像:https://richka.co/
プロダクト名RICHKA CLOUD STUDIOカテゴリ動画制作
サイト種別プロダクト用サイト導入社数400
メインビジュアルキャッチコピーキーカラーオレンジ
CVボタン-資料ボタン-
電話番号-多言語-
表彰動画自動生成ソフト広告・メディア業種シェアNo1調査根拠デロイト トーマツ ミック経済研究所

ファーストビューの構成
キャッチコピー・表彰・プロダクト・背景動画

MyRefer
SaaSプロダクトのサイトデザイン参考:MyRefer出典画像:https://i-myrefer.jp/
プロダクト名MyReferカテゴリ採用管理
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラーオレンジ・緑
CVボタン-資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・資料ボタン・背景動画

パートナーサクセス
SaaSプロダクトのサイトデザイン参考:パートナーサクセス出典画像:https://partnersuccess.co.jp/
プロダクト名パートナーサクセスカテゴリRPMクラウド
サイト種別公式サイト導入社数-
メインビジュアルプロダクトキーカラー
CVボタン-資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・資料ボタン・USP

時間がなくても美しい資料が作れるパワポのテンプレート・素材・ノウハウ
時間がなくても美しい資料が作れるパワポの…
Fleekdrive
SaaSプロダクトのサイトデザイン参考:Fleekdrive出典画像:https://www.fleekdrive.com/
プロダクト名Fleekdriveカテゴリストレージ
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトキーカラー水色
CVボタン無料トライアル資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・背景動画・CVボタン・資料ボタン・お知らせ・導入企業ロゴ

sonar ATS
SaaSプロダクトのサイトデザイン参考:sonar ATS出典画像:https://sonar-ats.jp/
プロダクト名sonar ATSカテゴリ採用管理
サイト種別プロダクト用サイト導入社数900
メインビジュアルプロダクトキーカラー
CVボタン無料デモはこちら資料ボタン紹介資料を見る
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・背景動画・CVボタン・資料ボタン

オフィスステーション
SaaSプロダクトのサイトデザイン参考:オフィスステーション出典画像:https://www.officestation.jp/
プロダクト名オフィスステーションカテゴリ労務管理
サイト種別プロダクト用サイト導入社数15,000
メインビジュアル動画キーカラーオレンジ(#eb6100)
CVボタン無料トライアル資料ボタン資料ダウンロード
電話番号-多言語-
表彰満足度No1・セキュリティ充実度No1・労務管理クラウド シェアNo.1調査根拠ゼネラルリサーチ /デロイト トーマツ ミック経済研究所

ファーストビューの構成
キャッチコピー・背景動画・表彰・CVボタン・資料ボタン・導入企業ロゴ

Hubble
SaaSプロダクトのサイトデザイン参考:Hubble出典画像:https://hubble-docs.com/
プロダクト名Hubbleカテゴリ契約管理
サイト種別公式サイト導入社数-
メインビジュアル動画キーカラー青・黒
CVボタン無料お試し資料ボタン資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・背景動画・CVボタン・資料ボタン

KING OF TIME
SaaSプロダクトのサイトデザイン参考:KING OF TIME出典画像:https://www.kingoftime.jp/
プロダクト名KING OF TIMEカテゴリ勤怠管理
サイト種別プロダクト用サイト導入社数31,000
メインビジュアル動画キーカラー緑(#1D9E48)
CVボタン30日間無料体験資料ボタンまずは資料ダウンロード
電話番号-多言語-
表彰シェア・認知度・満足度調査根拠富士キメラ総研

ファーストビューの構成
キャッチコピー・背景動画・CVボタン・資料ボタン

視覚効果

スクロールエフェクト

Slideflow
SaaSプロダクトのサイトデザイン参考:Slideflow出典画像:https://www.slideflow.me/jp
プロダクト名Slideflowカテゴリweb構築
サイト種別プロダクト専用サイト導入社数-
メインビジュアルキャッチコピーキーカラーオレンジ
CVボタン事前登録資料ボタン-
電話番号-多言語あり
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・CVボタン

Pintab
SaaSプロダクトのサイトデザイン参考:Pintab出典画像:https://pintab.jp/
プロダクト名PintabカテゴリSNSアカウント管理
サイト種別ランディングページ導入社数-
メインビジュアルプロダクトキーカラー緑・紫
CVボタン無料プランを使う資料ボタン資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン

LeadPool
SaaSプロダクトのサイトデザイン参考:LeadPool出典画像:https://www.merinc.co.jp/leadpool
プロダクト名LeadPoolカテゴリSAF
サイト種別公式サイト内導入社数-
メインビジュアルグラフィックキーカラー
CVボタン無料デモを依頼する資料ボタン資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・グラフィック・CVボタン・資料ボタン

左右一定時間スライダー

LINE WORKS
SaaSプロダクトのサイトデザイン参考:LINE WORKS出典画像:https://line.worksmobile.com/jp/
プロダクト名LINE WORKSカテゴリビジネスチャット
サイト種別導入社数
メインビジュアル複数画像のスライダーキーカラー緑(#03c75a)
CVボタン無料ではじめる資料ボタン-
電話番号-多言語-
表彰グループウェア・ビジネスチャット部門1位調査根拠日経コンピュータ 2021年9月2日号

ファーストビューの構成
キャッチコピー・表彰・写真・動画

カイクラ
SaaSプロダクトのサイトデザイン参考:カイクラ出典画像:https://kaiwa.cloud/
プロダクト名カイクラカテゴリCTIシステム
サイト種別プロダクト用サイト導入社数1,925
メインビジュアルイラスト(図解)キーカラー
CVボタン-資料ボタン「3分でわかる」カイクラ資料ダウンロード
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト(図解・写真など含むスライダー)

める配くん
SaaSプロダクトのサイトデザイン参考:める配くん出典画像:https://www.meruhaikun.com/
プロダクト名める配くんカテゴリメール配信システム
サイト種別プロダクト用サイト導入社数2,000
メインビジュアルイラストキーカラー水色
CVボタン-資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラスト(スライダー)

右から左自動スライダー

smartthon
SaaSプロダクトのサイトデザイン参考:smartthon出典画像:https://smartthon.com/
プロダクト名smartthonカテゴリ企業研究
サイト種別ランディングページ導入社数-
メインビジュアルプロダクト事例キーカラー
CVボタン-資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト事例

MatrixFlow
SaaSプロダクトのサイトデザイン参考:MatrixFlow出典画像:https://www.matrixflow.net/
プロダクト名MatrixFlowカテゴリAI
サイト種別公式サイト導入社数-
メインビジュアルプロダクト(スライダー)キーカラー紫(#850491)
CVボタンお問い合わせ資料ボタン資料請求
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン・課題

jicoo
SaaSプロダクトのサイトデザイン参考:jicoo出典画像:https://www.jicoo.com/
プロダクト名jicooカテゴリ予約システム
サイト種別プロダクト用サイト導入社数-
メインビジュアルキャッチコピーキーカラー
CVボタン今すぐ無料で始める資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・CVボタン・プロダクト・アイコン

縦手動スライド

anybot(エニーボット)
SaaSプロダクトのサイトデザイン参考:anybot(エニーボット)出典画像:https://anybot.me/
プロダクト名anybot(エニーボット)カテゴリチャットボット
サイト種別プロダクト用サイト導入社数3,000
メインビジュアルアプリメインカラー
CVボタンお問い合わせ資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・USP・CVボタン・メディア掲載

タブスライダー

OPTIO
SaaSプロダクトのサイトデザイン参考:OPTIO出典画像:https://x-opt.io/
プロダクト名OPTIOカテゴリweb改善
サイト種別プロダクト専用サイト導入社数-
メインビジュアルプロダクトキーカラー深緑(#00AAAA)
CVボタン-資料ボタンサービス資料を請求する
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・イラスト・資料ボタン

自動アニメーション

moribus
SaaSプロダクトのサイトデザイン参考:moribus出典画像:https://moribus.jp/lp/
プロダクト名moribusカテゴリSNSアカウント管理
サイト種別ランディングページ導入社数-
メインビジュアルイラストアニメーションキーカラー黄緑
CVボタン無料でダウンロード資料ボタン-
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・イラストアニメーション・CVボタン・導入企業ロゴ

GVA assist
SaaSプロダクトのサイトデザイン参考:GVA assist出典画像:https://ai-con-pro.com/
プロダクト名GVA assistカテゴリAI契約審査
サイト種別プロダクト用サイト導入社数-
メインビジュアルプロダクトアニメーションキーカラー
CVボタン説明会に参加する資料ボタン資料をダウンロードする
電話番号-多言語-
表彰-調査根拠-

ファーストビューの構成
キャッチコピー・プロダクト・CVボタン・資料ボタン

oVice(オヴィス)
SaaSプロダクトのサイトデザイン参考:oVice(オヴィス)出典画像:https://ovice.in/ja/
プロダクト名oVice(オヴィス)カテゴリバーチャルオフィス
サイト種別プロダクト用サイト導入社数-
メインビジュアルアニメーションキーカラー
CVボタンデモで体験する資料ボタン-
電話番号-多言語あり
表彰支持率・コスパ推奨度・導入したいと思うバーチャルオフィスNo1調査根拠日本コンシューマーリサーチ

ファーストビューの構成
キャッチコピー・アニメーション・CVボタン・表彰・導入企業ロゴ

最後に。

本当はまだまだ、ご紹介したいSaaSサイトがたくさんあるのですが、ひとまず100社ほどでまとめています。

同じように見えて、微妙に要素が違かったり、動画やアニメーションを使って、プロダクトのイメージを再現している場合も多い。

各社さんの工夫が見られて、とても勉強になります。

SaaSサイトのデザインに迷ったら、まずこのページを見てもらって、お手本サイトを真似てもらうのもオススメです。

著者:エンプレス編集部 fukuyama(運営会社ファングリー
住所:東京都渋谷区南平台町15-13 帝都渋谷ビル5F
2018年よりマッチングプラットフォームを運用支援。事業譲渡後は「エンプレス」にて、お客様支援のために外部パートナーと協力する傍ら、自らもコラムを執筆して日々有益な情報発信に努め、すでに220万字を突破。
Twitter

貴社の製品・サービスをエンプレスへ掲載しませんか?

※ 掲載の手間はかからないのでご安心ください