Gallery / SUNBUN PRECISION

TEMPLATE — 2026

SUNBUN PRECISION

架空の精密切削の町工場のサイト。スクロールで、図面の線が金属の部品になる。

Category
Web design
Status
架空の町工場のWebテンプレート見本（動くデモあり）
Year
2026
Type
Parfum自身の探索（実績ではありません）
SUNBUN PRECISION — 画面イメージ
Overview

寸分精工は実在しない、切削・旋盤・マシニングの町工場です。スクロールすると、図面の線が金属に変わり、部品が削り出され、部品表と検査成績書へ進みます。3Dはすべてコードで描いています。社名・人物・数値・実績はすべて架空です。

Problem
  • 調達・設計の担当者は、精度・材質・ロットに対応できるかを、図面を送る前に確かめたい
  • 採用の候補者には、仕事の中身と働く環境を見せたい
Approach
  • 配色は製図フィルムの淡い灰と、測定子のルビー色
  • 最初の画面に「図面を送って相談する」と「採用情報を見る」の2つの入口を置く
  • スマホでは、最初の画面を過ぎると下に固定のボタンが2つ出る
  • ※ スマホ実機での確認は、これからです
Technology
  • Three.js（WebGL）。3Dはすべてコードで描画
  • HTML / CSS / JavaScript（ビルドなし）
  • prefers-reduced-motion への対応
Demo

動くデモを、このサイトの中で開けます。デモのページは架空の店・会社として、検索に出さない設定にしています。

デモを開く

内容は、検討の進み具合に応じて更新します。

From the Gallery

Galleryをすべて見る
TSUGAI — 画面イメージ
TSUGAI/ BRAND SITE
SUMIBI KAPPO — 画面イメージ
SUMIBI KAPPO/ TEMPLATE
OOKINI BURGER — 画面イメージ
OOKINI BURGER/ TEMPLATE

Say hello

あなたの「できたら」を、お聞かせください。

ご相談はこちら