工務店の会社案内
写真と文章を組み合わせ、工事内容・工事の流れ・採用情報を7ページに整理。スマホのメニューと、見出しから各工程へ移る動作をご確認いただけます。
和泉工務店のデモを開く ↗制作会社様へ / HTML・CSSの実装協力
支給デザインを、
スマホで使える
ページへ。
デザイン・原稿・画像をご支給いただく形で、静的な会社案内サイトや下層ページの実装をお手伝いします。必要なページと動作を確認し、担当する工程を決めてから進めます。
01 / 担当できる工程
実装する範囲を、
ページごとに確かめます。
HTML/CSSの実装
見出し・本文・画像を整理し、支給されたデザインに合わせて静的ページを組み立てます。デザインデータの形式や画像の書き出し方法は、着手前に確認します。
スマートフォン対応
画面幅に応じて文章・画像・余白を調整します。メニューを開き、リンクやボタンから次のページへ進めることまで確認します。
基本的な動作の調整
メニューの開閉やアコーディオンなど、必要な動作を確認して実装します。複雑なアニメーション、CMS、会員機能などは、仕様を拝見して対応可否を個別にお返事します。
02 / 自主制作の見本
画面と動作を、
実際のページで。
以下はすべて架空企業向けの自主制作デモです。有料受託の実績ではありません。写真・3DはAI生成の説明用イメージで、実際の施工実績や人物を示すものではありません。デモのお問い合わせは無送信の操作見本です。
電気工事のサービス案内
工事内容を写真と短い説明で伝え、仕事内容や相談準備へ進める構成。写真の比率、文章の読みやすさ、スマホでの並び方をご覧いただけます。
山田電気工事のデモを開く ↗
空調設備の相談案内
設備の困りごとと工事内容を結び、相談から完了までを紹介。デモフォームでは、個人情報を入力せずに確認画面までの動作を試せます。
すずかぜ空調のデモを開く ↗03 / 相談の進め方
必要なページと素材から、
担当範囲を決めます。
仕様と支給素材を確認
ページ構成、デザインデータ、原稿・画像の有無、必要な動作を伺います。すべてが決まっていない場合は、現在分かる範囲でお知らせください。
対応可否と担当工程を整理
実装するページと動作、確認環境、進行時期、公開や引き渡しの方法を相談します。未確認の機能を、そのまま対応できるとはお約束しません。
画面を共有して確認
確認用の画面で、文章・画像・リンク・スマホの表示を確認します。修正内容は、実装の不具合と新しいご要望を分けて整理します。
制作会社様からのご相談
下層ページの実装など、
担当範囲からご相談ください。
最初のご連絡では、次の情報があると確認を進めやすくなります。
- 対象となるページと、おおよそのページ数
- デザイン・原稿・画像の支給状況
- 必要な動作と、ご希望の進行時期
窓口：ホームページ工務店。国内からオンラインで対応します。ご連絡だけで発注にはなりません。