Works & Demos

制作例・デモ・ツール

ホームページ制作・LP制作の見え方を中心に、和-Node独自の視点(心理学・AI・アクセシビリティ)を形にした
制作サンプルとデモツールを公開しています。近い目的・設計意図・参考価格から、相談内容を整理できます。

掲載価格は、同じ方向性で制作・実装する場合の参考価格帯です。LPサンプルの一部は架空の題材を使った表現例で、ページ数、原稿量、予約・LINE・AI連携の有無により変動します。

How to Read

制作例の見方

  1. 01 近い目的を選ぶ

    予約、相談、販売、診断など、業種よりも「起こしたい行動」で見ると選びやすくなります。

  2. 02 見るポイントを比べる

    カード内の「見るポイント」で、何を解決するためのデザインかを先に確認できます。

  3. 03 参考価格で相談範囲を決める

    近いサンプルを伝えていただくと、必要なページ数や機能を絞って話しやすくなります。

First View

迷ったら、まずはこの4つをご覧ください

まずはWeb制作・LP制作の見え方を中心に、必要に応じてAI・ICTの実装力も確認できます。

Web改善ラボのBefore・After比較画面 Web改善ポートフォリオ
Observation / Hypothesis / Verification

Web改善ラボ

見るポイント 修正の根拠と確かめ方がわかる
課題
完成画面だけでは、なぜその修正が必要か判断しにくい
工夫
事実・仮説・変更・検証をBefore/Afterと一緒に公開
  • 情報設計
  • UX
  • 検証設計

相談型サービスLPを題材に、Hero・料金・FAQ・CTAの小さな説明不足を、読み手の判断材料へ変える過程を確認できます。

参考価格既存LP診断 15,000円〜 / LP制作 64,000円〜現状改善のみか、新規制作込みかで変わります
BtoB製造企業サイト再構成ケーススタディ 企業サイト・ケーススタディ
B2B / Information Architecture / CMS

BtoB企業サイト再構成

見るポイント 設計判断・7ページ構成・更新画面まで見える
課題
製品情報を並べるだけでは、相談内容と技術の関係が伝わりにくい
工夫
課題起点の情報設計と、担当者が更新できるCMS操作デモを実装
  • BtoB
  • 情報設計
  • CMS更新想定

架空の精密製造企業を題材に、企業サイト7ページ、問い合わせ導線、導入事例のCMS更新デモまで制作した自主制作ケーススタディです。

参考価格企業サイト 120,000円〜ページ数、CMS、原稿整理、既存サイト移行の範囲で変動
広告改善・計測設計 CTR・CPC・CVR・CPA
Advertising / CRO / Measurement

広告・LP・計測改善

見るポイントクリック後の詰まりまで追える
課題
広告、LP、フォームを別々に見ると改善箇所を誤りやすい
工夫
検索語句、KPI、LP行動、問い合わせ品質を一つの流れで確認
  • 広告診断
  • CRO
  • 計測設計

Yahoo・LINE広告を想定し、広告文からLP、フォーム、問い合わせ品質までを週次で改善する判断例です。

参考価格広告・LP改善 30,000円〜計測設定・運用期間・広告媒体で変動
操作できる業務デモ 受付・状態変更・CSV出力
Reservation / Admin / Operations

予約受付・店舗管理システム

見るポイント予約後の店舗業務まで操作できる
課題
予約フォームだけ導入しても転記・確認・状態管理が残る
工夫
お客様画面と店舗管理画面を一つのデータでつなぐ
  • 予約受付
  • 管理画面
  • CSV出力

架空サロンを題材に、空き枠選択、受付完了、店舗側の状態変更、CSV出力をブラウザ内で試せます。

参考価格小規模業務システム 80,000円〜認証・通知・外部連携・データ保存方法で変動
選ばれる導線デモ Web導線デモ
Psychology Logic

選ばれる導線デモ

見るポイント 相談ボタンの理由がわかる
課題
良い情報があっても、相談ボタンまでの理由が見えにくい
工夫
配置・言葉・根拠を順番に見せ、納得して次へ進める
  • 心理根拠
  • 情報設計
  • 相談導線

なぜそのボタンはそこにあるのか?心理学的根拠に基づいた情報配置の「正解」を、解説付きで体験できる特別なデモページです。

参考価格既存LP診断 15,000円〜 / LP制作 64,000円〜現状改善のみか、新規制作込みかで変わります
地域サロン・整体向け予約導線LPデモ 業種別LPデモ
Local Salon / Reservation

地域サロン・整体向け予約導線LP

見るポイント 来店前の不安を減らす流れ
課題
初回来店前に料金・流れ・場所の不安が残りやすい
工夫
予約前に知りたい情報をスマホで追いやすく整理
  • 料金
  • 初回説明
  • LINE予約

初回来店前の不安を減らすために、料金、流れ、アクセス、LINE予約導線をスマホで確認しやすく整理した架空サンプルです。

参考価格64,000円〜120,000円前後予約導線・LINE連携の範囲で変動
クリニック・医療系LP LP制作サンプル
Medical / Clinic

クリニック・医療系LP

見るポイント 安心感と予約導線の両立
課題
安心材料が足りないと、比較段階で予約に進みにくい
工夫
信頼・確認事項・予約導線を落ち着いた順番で配置
  • 信頼形成
  • 医療配慮
  • 予約ボタン

美容クリニック、心療内科等を想定したLP制作サンプル。医療広告ガイドラインに配慮しつつ、安心感と予約導線を両立させた構成例です。

参考価格64,000円〜120,000円前後確認事項・表現調整の量で変動
LP制作サンプル集 LPサンプル集
LP Portfolio

LP制作サンプル集

見るポイント 業種別LPの見せ方を比較
課題
どのサンプルが自社に近いか判断しづらい
工夫
目的・設計意図・参考価格を比較して相談しやすくする
  • 第一印象
  • 業種別
  • ボタン設計

業種別のLP制作サンプルをまとめたギャラリーです。第一印象、信頼形成、相談ボタンに加えて「なぜその工夫を入れたか」まで比較できます。

参考価格LP 24,000円〜 / 推奨 64,000円〜目的に近いサンプルから見積もれます
AI相談内容整理ナビ AIデモ
AI Solution

AI相談内容整理ナビ

見るポイント 相談前の曖昧さを整理
  • OpenAI
  • ヒアリング
  • ICT整理

ユーザーの漠然とした悩みを、Web制作やICT活用の切り口でAIが整理。OpenAI APIを活用した実用的なAI接客のデモアプリケーションです。

参考価格30,000円〜80,000円前後回答設計・API連携・管理方法で変動
WASM診断デモ
WebAssembly Lab

ファーストビュー・色彩診断

見るポイント 自社サイト用の診断ツール化を想像できる
  • WebAssembly
  • 配色
  • 導線

見出し・CTA・信頼材料のバランスと配色をブラウザ内で簡易診断。相談前セルフチェックや公開前チェックなど、自社サイト用ツールの見本として使えます。

参考価格40,000円〜100,000円前後診断ロジック・入力項目・レポート出力で変動
こころの疲労度診断 診断デモ
Mental Health

こころの疲労度診断

見るポイント 状態をやさしく可視化
  • 診断ロジック
  • 共感UI
  • 気づき

産業カウンセラーの知見をシステム化。現在のストレス要因を可視化し、適切なケアへの気づきを促すインタラクティブな診断ツールです。

参考価格30,000円〜80,000円前後設問数・結果分岐・連携内容で変動
バリアフリー診断 診断デモ
Accessibility

セルフ・バリアフリー診断

見るポイント 障壁を改善候補に変える
  • UD視点
  • 可視化
  • 改善ヒント

車いすユーザー視点でのアクセシビリティチェック。物理的な障壁を可視化し、改善の第一歩をサポートするための診断アプリです。

参考価格30,000円〜80,000円前後診断項目・レポート出力の有無で変動
SEO/AEO内部診断 SEO/AEOデモ
SEO / AEO Analysis

SEO/AEO内部診断

見るポイント AI検索にも読まれやすく
  • 30項目
  • SEO
  • AEO

Webサイトの健全性を30項目でチェック。検索エンジンだけでなく、AI検索に読まれやすい構造まで分かりやすく確認できます。

参考価格診断 15,000円〜 / 実装 50,000円前後〜診断だけか、サイト組み込みまでかで変動
Amazon KDP 出版実績 実案件
Publishing

Amazon KDP 出版実績

見るポイント 和の世界観を海外へ届ける
  • 和デザイン
  • 海外向け
  • 出版実績

浮世絵や伝統文様をモチーフにした海外市場向け書籍制作。和の美しさを世界へ届けるブランディング支援の実績です。

Consultation Flow

ご相談の流れ

まずは無料相談(最大60分)で、あなたのビジネスの現状と理想を整理します。

1

無料相談

オンラインにて課題をヒアリング。今やるべきことを整理します。

2

方向性整理・ご提案

必要に応じて簡易メモ・概要案を添え、最適なプランを提示します。

3

スマートな開発とサポート

内容にご納得いただければ、Web制作やビジネスの副操縦士としての各種支援をスタートします。

※無理な勧誘は一切行いません。まずは「壁打ち相手」としてお気軽にご活用ください。

※無料相談後にお渡しする場合がある資料は、方向性を確認するための簡易メモ・概要案です。詳細な構成案、設計書、原稿整理、デザイン作成は、ご契約後の正式な制作工程として扱います。

※専門的なIT知識や難しい言葉は一切不要です。「何から相談していいか分からない」状態でも、私たちの『副操縦士』が優しく状況を整理しますので、どうぞご安心ください。

ANNIVERSARY SPECIAL

近い方向性をもとに相談できます

制作例やデモを見て「この方向に近い」と感じたものがあれば、そのまま無料相談でお知らせください。