PS
Pricing Simulator Design Reference Gallery
Design Reference

料金シミュレーター
3ムード × 5段階のデザイン参考ギャラリー

同じ「翻訳サービス料金シミュレーター」を、3つの雰囲気(ムード)5段階のリッチ度で作り分けました。
縦軸=リッチ度、横軸=ムードとして、貴社に合うトーンをお選びいただけます。すべて同じ計算ロジックで動作します。

3つのムード軸(Trust / Pop / Chic) 5段階のリッチ度 同じ計算ロジック
STEP 1 — まずはムードから

デザインの雰囲気(ムード)をお選びください

同じ機能・同じ計算ロジックのまま、雰囲気の異なる複数のムードで作り分けています。
貴社のブランドに近いトーンをお選びいただくと、該当セクションへジャンプします。

01

Trust / トラスト

青・誠実・BtoB王道。信頼を第一に伝えたいときに。金融・法務・官公庁・医療など堅実な業界向け。

01
シンプル整然BtoB
まず信頼、迷わせない
制作費
お見積もり金額のみ+¥0
  • 誰が見ても3秒で使い方がわかる情報設計
  • 装飾を削ぎ落とした誠実なBtoBルック
  • 制作・運用コストを最小化しやすい
こんな時におすすめ 金融・法務・官公庁・医療など信頼重視の業界。既存ブランドが簡素で、トーンを揃えたいとき。
信頼低コスト読みやすさ
このデザインを開く
02
洗練されたマイクロインタラクション
落ち着き + 現代的な手触り
制作費
お見積もり金額+¥50,000
  • クリックや入力のたびに心地よい反応が返る
  • シンプルさはそのままに「今っぽさ」を加えられる
  • 軽量・追加コストほぼなしで印象を底上げ
こんな時におすすめ 「堅すぎずモダンに見せたい」SaaSや現代的なBtoBサービス。操作フィードバックで離脱率を下げたいとき。
洗練操作感現代的
このデザインを開く
03 1 2
こだわりクラフトデザイン
競合と並んだ瞬間に差がつく
制作費
お見積もり金額+¥70,000
  • 独自のレイアウトとグラデーションでブランド想起性UP
  • ステップ型UIで「楽しく進める」体験を提供
  • シンプル系から一段上のクラフト感で満足度UP
こんな時におすすめ 差別化が重要なスタートアップ・D2C・クリエイティブ関連。ブランドの個性を打ち出したいとき。
差別化ブランド個性クラフト
このデザインを開く
04 ¥
登場アニメーションにこだわる
開いた瞬間から「記憶に残る」ページへ
制作費
お見積もり金額+¥100,000
  • 表示演出で第一印象のインパクトが段違い
  • スクロールに合わせて情報が現れる読ませる体験
  • スクリーンショットや動画で映え、広報・SNSに強い
こんな時におすすめ キャンペーンLP・リリース告知を兼ねたいとき。広告やPRでの露出を予定していて第一印象を最大化したいとき。
インパクト第一印象ブランディング
このデザインを開く
05 ¥284,900
ハイクオリティ・プレミアム
「格」を伝える旗艦ページ
制作費
お見積もり金額+¥150,000
  • 見た瞬間にサービスのプレミアム感・先進性が伝わる
  • 競合と明確に一線を画すブランドステートメント
  • 高単価・エンタープライズ向けの入口として機能する
こんな時におすすめ エンタープライズ・ラグジュアリー・先端テックなど高価格帯を納得してもらう必要があるサービス。
プレミアム先進性エンタープライズ
このデザインを開く
02

Pop / ポップ

暖色・丸み・親しみやすさ。開きやすさ楽しさを前に出したいときに。SaaS・D2C・スタートアップ向け。

01
シンプル整然 Pop
やわらかく、でもきちんと
制作費
お見積もり金額のみ+¥0
  • 暖色と丸みで開いた瞬間の印象が柔らかい
  • BtoBに適した丁寧な文言で信頼感も両立
  • シンプル設計のままモダンSaaS感を加えられる
こんな時におすすめ SaaS/D2C/BtoBスタートアップ。丁寧さは保ちつつ、堅すぎない柔らかいトーンで歩み寄りたいとき。
やわらかさBtoB適正モダン
このデザインを開く
02
Pop × マイクロインタラクション
弾むような反応と柔らかさ
制作費
お見積もり金額+¥50,000
  • ボタンと入力がバネのように反応して楽しい
  • 金額はスプリングでカウントアップ表示
  • シンプル設計を保ったまま印象を底上げ
こんな時におすすめ やわらかさと現代感を両立したい SaaS/スタートアップ。離脱を抑え、前向きな印象を与えたいとき。
弾む反応心地よいモダン
このデザインを開く
03 1 2
Pop × クラフト
楽しいステップで歩む見積もり
制作費
お見積もり金額+¥70,000
  • ステップ型 UI で楽しく進められる
  • 黄〜橙〜珊瑚のグラデが情報に温度を与える
  • 丸みと装飾で他社と明確に差別化
こんな時におすすめ D2C/クリエイティブ/イベント系など、ユーザーを楽しませたい + 記憶に残したいサービス。
差別化クラフト体験
このデザインを開く
04 ¥
Pop × 登場アニメ
開いた瞬間、ポップに弾ける
制作費
お見積もり金額+¥100,000
  • バネのように要素が飛び込んでくる登場演出
  • スクロールで次の質問がぴょんと現れる
  • SNS・広告クリエイティブでも映える
こんな時におすすめ LP/リリース告知/キャンペーン。賑やかで印象の残る初見体験を設計したいとき。
弾ける第一印象LP
このデザインを開く
05 ¥284,900 🎈
Pop × フラッグシップ
楽しさの最高峰、弾けるプレミアム体験
制作費
お見積もり金額+¥150,000
  • 暖色メッシュ背景 + 浮遊バブルパーティクル
  • コンフェッティ演出 × 3D-tilt カード
  • 選ぶたびに気分が上がる最上級の賑やかさ
こんな時におすすめ 大型キャンペーンLP・プロダクトローンチ・ブランドのフラッグシップ体験を設計したいとき。
フラッグシップコンフェッティ3D
このデザインを開く
03

Chic / シック

モノトーン + ゴールド・セリフ書体。上品洗練された佇まい。ラグジュアリー/エンタープライズ/プロフェッショナルサービス向け。

01 LEVEL 01 Translation, refined. 御見積もりシミュレーター — No. 01 — 言語ペア YOUR ESTIMATE 税込総額 ¥0 incl. tax
シンプル整然 Chic
ivory × gold × serif の佇まい
制作費
お見積もり金額のみ+¥0
  • セリフ書体と細いゴールドラインで品格を演出
  • ヘアラインと余白で静謐さを保ったエディトリアル
  • フォーマルなコピーで格の高さを伝えられる
こんな時におすすめ 法律/金融/ラグジュアリー/プロフェッショナルサービス。上品に佇みたいとき。
上品エディトリアル洗練
このデザインを開く
02 LEVEL 02 Whispers of detail. — No. 01 — 言語ペア YOUR ESTIMATE 税込総額 ¥0 incl. tax
Chic × マイクロインタラクション
囁くような手触りと余白
制作費
お見積もり金額+¥50,000
  • 細いゴールドラインがそっと引かれる選択反応
  • セリフの数字が静かにフェードして切り替わる
  • 上品さを崩さずに現代的な手触りを追加
こんな時におすすめ 法律/金融/ラグジュアリー。落ち着いた世界観を保ちつつ、モダンな操作感を求めるとき。
繊細エディトリアル静謐
このデザインを開く
03 III The art of precision. 御見積もり・エディトリアル I. 言語ペアのご選択 II. 原稿の文字数 ESTIMATE ¥0 incl. tax
Chic × クラフト
雑誌を捲るように、一問ずつ
制作費
お見積もり金額+¥70,000
  • 章題・ローマ数字・ゴールド罫線のエディトリアル
  • 全体を1枚の美しい冊子のように仕立てる構成
  • 重厚で知的な世界観を支える大型セリフ数字
こんな時におすすめ コーポレート旗艦・ラグジュアリー・プロフェッショナルサービス。ブランドの知性を印象づけたいとき。
エディトリアル知性重厚
このデザインを開く
04 A quiet unfolding. YOUR ESTIMATE ¥0 incl. tax Language
Chic × 登場アニメ
紙を捲るように、静かに立ち上がる
制作費
お見積もり金額+¥100,000
  • セリフ文字がマスクリビールでゆっくり登場
  • スクロールに合わせて金の罫線が静かに伸びる
  • 上品な動きで旗艦ページの格を底上げ
こんな時におすすめ コーポレートの旗艦ページ・上場企業サイト・高額プロフェッショナルサービス。格を伝えたいとき。
静謐旗艦
このデザインを開く
05 YOUR ESTIMATE ¥284,900 incl. tax ¥28,490
Chic × フラッグシップ
静謐と気品の極致、エディトリアルの頂
制作費
お見積もり金額+¥150,000
  • ゴールド粒子が浮遊する紙の質感
  • 116px セリフ数字 × 金ヘアラインの洗練
  • エンタープライズ旗艦ページの最上級表現
こんな時におすすめ 上場企業・ラグジュアリーブランド・高額プロフェッショナルサービスの旗艦ページに。
フラッグシップエディトリアル
このデザインを開く

かんたん比較表

迷ったときの目安にお使いください

項目 01 シンプル 02 洗練 03 クラフト 04 登場演出 05 プレミアム
リッチ度
動きの多さ 最小限 操作反応 操作 + 遷移 表示 + スクロール 背景 + 全域
制作費 (追加) +¥0 +¥50,000 +¥70,000 +¥100,000 +¥150,000
向いているシーン 堅実・実務 モダンBtoB 差別化 LP・PR 旗艦・高単価