ホームページ制作の見本（モック一覧）
副ビズ.comを運営する Fact Writing が、ホームページ制作の見本として1日1本ずつ制作しているモックアップです。ここに並ぶ会社・商品・人物・価格・沿革はすべて創作で、実在の企業・ロゴ・人物写真は使っていません。外部素材のダウンロード・有料ライブラリも使わず、すべて自前で作っています。
「自分の業種ならどう見えるか」を掴んでいただくための一覧です。気になる型があれば、お問い合わせフォームから業種と参考にしたい番号をお知らせください。
MOCK 020 梧桐ホール GOTOH HALL
業種：室内楽ホール(架空) ／ 演出C:読むと断面図が組み変わる ／ 284席の座席選択と控え番号 ／ 全5ページ
MOCK 019 杣径家具 SOMAMICHI FURNITURE
業種：無垢材の家具(受注製作)(架空) ／ 指で動かす間取り図 ／ 置いてみて寸法と金額を確かめる ／ 全6ページ
MOCK 018 ネイルサロン ひとつぶ
業種：ネイルサロン(架空) ／ 内容を選ぶと合計金額と所要時間がその場で変わる予約ページ ／ 爪と施術の写真はサイトの持ち主から預かった商用利用可の素材 ／ 色見本の瓶6本は当社がBlenderで作図 ／ 全6ページ
MOCK 017 琅珠工房 ROJU ATELIER
業種：結婚指輪・婚約指輪の受注制作(架空) ／ スクロールに合わせて指輪が一周する連番写真(3Dで作図) ／ 来店の予約がその場で応答 ／ 全6ページ
MOCK 016 白露堂 HAKURODO
業種：化粧品の通信販売(架空) ／ トップの主画像はBlenderで描いた映像(4秒・音なし) ／ 商品写真も3Dから描き起こし ／ 買い物かごが実際に動く(個数・削除・小計) ／ 全6ページ
MOCK 015 栞森印刷所 SHIORIMORI PRINTING
業種：小ロットの印刷・製本(架空) ／ 紙と活版の質感を図形と陰影で見せる構成 ／ 相談フォームがその場で応答 ／ 全9ページ
MOCK 014 宵坂香料研究所 YOISAKA FRAGRANCE LABORATORY
業種：香料の受託調合・空間の香りの設計(架空) ／ 演出D:指・マウスに反応する画面 ／ 全9ページ ／ 全体 0.16MB
。横は経過時間、縦は室温。室温を18℃から32℃へ動かすと柑橘の山が左へ寄って高くなり、樹脂の山が沈む──「冬に決めた処方を夏に納めると起きること」を口で説明せずに見せる。下層には12系統の「香りの輪」があり、指を近づけた扇が手前に寄る。画像ファイル0枚、全9ページで0.16MB。
MOCK 013 凪代造舟所 NAGISHIRO BOATWORKS
業種：木造艇(手漕ぎ・帆走・作業艇)の設計建造・修復(架空) ／ 演出A:スクロール連動の3D ／ 全9ページ ／ 全体 0.14MB
。肋材が立ち、縦通材が通り、外板が竜骨側から9枚張られ、座板と喫水線が入る──5工程が進むあいだ視点も回り続ける。WebGLもライブラリも使わず、船体の形をその場で計算して描く自前の3D。画像ファイル0枚、全9ページで0.14MB。
MOCK 012 陽織農苑 HIORI FARM
業種：環境制御ハウスの野菜・ハーブ生産(架空) ／ 演出B:動き続けるアニメーション ／ 全9ページ ／ 全体 0.15MB
、日射・気温・CO2の数字が絵と同じ時計で動く。養液の循環、糖度のばらつき、一年の作付け、一日の作業帯──全9ページすべてに動き続ける絵を置いた。画像ファイル0枚、全体0.15MB。
MOCK 011 雪待山具 YUKIMACHI ALPINE
業種：山岳用テント・寝袋・防水シェルの設計製造(架空) ／ 演出E:大きな絵を図形で作る ／ 全8ページ ／ 全体 0.11MB
。写真は1枚も使わず、空も山も雲海もすべて図形。時刻は5つのボタンでも切り替えられる。商品の断面図・重さの内訳・直し方まで含めて全8ページ、全体0.11MB。
MOCK 010 篝澤煙火 KAGARISAWA FIREWORKS
業種：煙火(花火)の製造・打揚げ(架空) ／ 演出D:指とマウスに反応 ／ 全6ページ ／ 全体 0.12MB
。動かすと火の粉がついて回り、押した場所で玉が開く。玉の断面図は触れた層だけが光り、星の育ちはつまみで層が増える。「動画も写真も無い商品」を画面の上で体験させる見本。全部図形で、全体0.12MB。
MOCK 009 辻結運輸倉庫 TSUJIYUI LOGISTICS
業種：倉庫保管・幹線輸送・配送(架空) ／ 演出C:文字と図が組み変わる ／ 全10ページ ／ 全体 0.2MB
。読んでいる段に図が追いつく仕組み。写真を1枚も持っていない会社でも、図だけでここまで見せられるという見本。事例3件・工程表・採用要項まで含めて全10ページ、全体0.2MB。
MOCK 008 碧空軌道システムズ HEKIKU ORBITAL
業種：小型人工衛星の設計・製造(架空) ／ 演出F:写真連番スクロール ／ 全8ページ
。Blenderで描き出した連番画像186枚を、スクロールとドラッグで送る。機体3種それぞれに、指で回せる詳細ページを用意。全8ページ。
MOCK 007 湯宿 霧ヶ淵 KIRIGAFUCHI
業種：山あいの温泉旅館(架空) ／ 演出A:スクロール連動3D ／ 全5ページ
。3Dの計算(投影・陰影・奥から塗る)を全部自前で書いたCanvas 2D。窓の灯りが夜に点き、灯籠がゆらぐ。客室・湯・料理・アクセスの全5ページ。
MOCK 006 音澄舎 OTOSUMI-SHA
業種：スピーカーの製作工房(架空) ／ 演出B:動き続ける ／ 全4ページ
(Canvas)。「動きを減らす」設定の端末では黙って止めず「波の動きを見る」ボタンを出す。紙漉きから始まる工程・製品3機種・沿革年表。全4ページ。
MOCK 005 季寄せ堂 KIYOSEDO
業種：和菓子の製造・販売(架空) ／ 演出D:指に反応 ／ 全6ページ
MOCK 004 そよぎ台歯科クリニック
業種：歯科クリニック(架空) ／ 演出E:図形で情景 ／ 全6ページ
この型で作る場合の想定工数:実案件へ転用で 6人日(写真をお持ちなら −1.5人日。文章・仕様の確定を含まず)
MOCK 003 稜線設計室 RYOSEN
業種：建築設計事務所(架空) ／ 演出C:sticky+IO ／ 全8ページ
MOCK 002 灯環舎 TOKANSHA
業種：真鍮とホーローの照明器具(架空) ／ 全9ページ
MOCK 001 黎明堂時計工房 REIMEIDO
業種：機械式腕時計の製造・修復(架空) ／ 全5ページ
スクロールに合わせて腕時計が回転し、風防・ベゼル・文字盤・針・ケース・ムーブメント・裏蓋の7層に分解して、また組み上がる。全5ページ。
制作の進め方
見本はすべて実案件へ転用できる作りです（文言・数値・写真を差し替えて使います）。想定工数は1件あたり5〜7営業日（原稿・仕様の確定期間は含みません）。料金・納期は業種と規模で変わるため、まずはご相談ください。