INDEPENDENT WEB PORTFOLIO / 2026
事業への理解を、言葉とデザインと動きに。
異なる3つの課題を、動くサンプルにしました。
自主制作 / 架空の企業・サービス
デモを見る ↗
技術を、相談する理由に。
加工技術・製作例・会社情報を分け、初めて訪れた担当者が「何を相談できるか」を判断できる5ページ構成。
トップ・技術・製作例・会社案内・相談の5ページ。製作例の絞り込み、フォーム入力確認、スマホでのナビゲーション。
製作例をカテゴリで絞り込み、相談ページでテスト入力から確認画面へ進んでください。
掲載内容の事実確認、CMS構築、問い合わせ送信先・迷惑送信対策。本サンプルはWordPress実装の実績ではありません。
参考：5ページ程度のBtoBサイト・獲得報酬10〜20万円の公開評価。このサンプルの制作費ではありません。
デモを見る ↗
複雑なサービスを、選べる形に。
課題の整理から支援の進め方、プラン比較まで。サービスの内容を理解し、自社に合う相談へ進む導線を設計。
課題・支援内容・進行・料金・FAQ・相談をつなぐLP。プラン選択のフォーム反映と入力確認。
プランを選び、相談フォームの選択内容が変わることを確認できます。
実際のサービス条件、送信処理、分析基盤と公開後の改善。売上・CVR改善の実測結果はありません。
参考：IT分野のLP・獲得報酬10〜20万円の公開評価。サービスのデモ料金とWeb制作費は別です。
デモを見る ↗
好奇心を、最初の一歩に。
子どもが学ぶ楽しさと、保護者が知りたい内容を両立。講座ごとの訴求と、教室ごとの案内を切り替えられる構成。
英語・創作・プログラミングの3テーマ。講座別の見出し・内容・料金と、2拠点の案内・申込選択を連動。
実際の講座・場所・開催日、予約枠管理、通知送信。本デモでは予約は成立しません。
参考：スクールLP3テーマ一括・本文予算15〜18万円の募集。1本あたりの金額ではありません。
BEHIND THE WORK
誰に何を伝え、どんな行動へつなげるか。
その順番を、ページと操作に落とし込みます。
目的と対象者から、載せる情報とページの役割を決める。
サービス内容、できること、条件を、比較しやすく具体的に。
スマホでの読みやすさ、選択・入力・確認までを通して確かめる。
すべて架空の企業・サービスを題材にした自主制作です。掲載した会社情報・サービス料金・製作例はデモ設定で、実際の受託実績や成果を示すものではありません。各フォームは入力確認を試すためのもので、送信・保存・予約は行いません。
10万円以上の公開募集や獲得報酬で確認できた制作内容を参考にしています。調査範囲はWeb制作の事例探索であり、市場全体の案件数順位ではありません。
案件の選定根拠を見る ↗