ごたけPORTFOLIO
← 制作物・実績の一覧へ

Webサイト / 自主制作

物件の相談につながるサービスサイト

物件の悩みからサービスを選び、費用の目安を確認して相談内容をまとめる。

制作区分
自主制作
制作年月
使用技術・関連分野
Astro / TypeScript / レスポンシブ対応
ROOM EDITの実画面。物件の相談につながる架空サービスサイト(自主制作)

クラウドワークスの公開募集を題材にした自主制作です。依頼者からの受注・納品実績ではありません。会社・料金・間取りはすべて架空です。

制作のポイント

  1. 選んだ内容を、そのまま相談へ

    物件の目的と面積に合わせて、サービスと費用の目安を表示します。選択内容を相談フォームに引き継ぎ、相談文を編集して確認できる流れにしました。

  2. 使う端末や操作方法に合わせる

    PCとスマートフォンの表示を整え、選択や入力はキーボードでも操作できるようにしました。入力不備がある場合は、直す項目を画面上で案内します。

目的・担当範囲

目的
物件オーナーが依頼できる内容と費用の目安を理解し、相談の準備を進められること。
担当範囲
公開募集からの要件整理、サイト構成、デザイン、サービス選択と相談フォームの実装。
取り組みの内容と確認結果

取り組んだこと

  • 物件の用途・悩みに合わせたサービス案内
  • 料金目安と間取りの改善イメージ
  • 選択内容を引き継ぐ相談フォームと確認画面

確認できていること

  • 目的と面積による料金目安の変化、相談文の編集と確認画面への引き継ぎを確認。
  • キーボード操作、PC・スマートフォン表示、入力不備への案内を確認。

対応範囲・補足

  • 相談内容を確認するまでの作例で、外部への送信はありません。
  • CMSは接続していません。公開・運用する場合は更新機能や送信先の設定が必要です。
  • 料金・間取りはサンプルで、見積もりや実際の施工実績ではありません。
  • 検索向けの基本情報は設定していますが、本番公開後のSEO効果は未検証です。
参考にした募集と制作内容

自社ホームページ制作 ↗クラウドワークス / 2026-10-04 確認 / 募集終了

募集で求められていたこと
空間デザインの依頼につながるよう、サービス・料金・改善例を紹介し、問い合わせへ案内したいという募集。
自主制作で形にしたこと
物件の悩みからサービスを選び、料金の目安を確かめ、選択内容を相談フォームへ引き継ぐ流れを制作しました。
元の依頼との違い
元の募集は複数ページと自身で更新できる構成を想定しています。この作例は架空事業の1ページ版で、実際の施工写真、CMS更新、本番問い合わせ送信は含みません。
← 制作物・実績の一覧へ