【制作デモ】実在の企業ではありません。架空の建設会社を題材に、企画・コピー・デザイン・実装まで一人で作った1ページ完結のコーポレートサイトです。
▼ 何を解決するサイトか
建設・工務店のサイトは事業内容の羅列になりがちで、他社との違いが読み手に伝わりません。このデモは最初の画面を写真1枚と一行だけにして、「この会社が何を大事にしているか」を数秒で伝える構成にしています。
▼ 作りの要点
・ファーストビューは写真と「残す木を決めてから、図面を引く。」の一行だけ。1962年から変えていない仕事の順番を、そのまま見出しにしました
・スクロールに合わせて写真が切り替わる構成。各セクションの文章は2〜3行に絞り、読ませるのではなく見せる設計です
・PC1440px／スマホ375pxの実機幅で全体を確認し、横スクロール0、コンソールの警告とエラー0で通しています
・英語切替の入口を用意。多言語化する場合は全言語のHTMLを1コマンドで生成するため、手でコピーせず取り残しが出ません
▼ 素材について
写真はPixabay（商用利用可・帰属不要）。出典・ライセンス・加工内容・ハッシュ値まで記録して納品できます。
▼ 制作について
HTML・CSS・JavaScriptの手書きで、CMSや既製テンプレートは使っていません。コーディングには生成AIを併用しています。同じ構成を、御社の写真と原稿でお作りできます。
- カテゴリー
- ホームページ制作・作成
- 業種
- 建築・工務店
- 制作期間
-
10日
- 参考価格
-
100,000 円
- 最終更新日
-
2026年9月27日
※この制作物は生成AIを活用しています
制作者
6時間前
写真と動きで覚えてもらえるWebページと、多言語サイトを公開まで一人で。
-
0 満足0 残念
- レギュラー
- 個人
企画から公開まで、一人で手がけているWeb制作者です。
得意なのは次の2つです。
・写真や立体の動きで、一度見たら覚えてもらえるトップページ
・日本語のページを、英語などの外国語でも見られるようにする多言語サイト
自分で作っている音声入力ソフト・iPhoneアプリ・Mac用の道具は、販売サイトを5〜6言語で作って公開し、今も自分で更新しています。
ポートフォリオのうち「自社」と書いていない作品は、業種を想定して作った制作見本です。
【気をつけていること】
・スマホでもパソコンでも崩れないこと。公開の前に、両方の画面幅で必ず確かめます
・外国語版だけ古い文章が残る、といった多言語サイトならではの抜けを出さないこと
・写真や素材の出どころを記録して、あとで困らないようにすること
【進め方】
1. ご相談（今のサイトや参考にしたいサイト、希望の時期をお聞かせください）
2. 構成案とお見積り
3. 制作 → 確認用のページをお送りします → ご修正
4. 公開（サーバーやドメインの設定までお手伝いします）
【先にお伝えしておくこと】
修正を回数の上限なくお受けすることと、長期の月額保守はお引き受けしていません。1本ずつ範囲と期日を決めて仕上げる形にしています。その分、お引き受けした案件は公開まで責任を持ちます。
