Web制作ポートフォリオHTML / CSS / JavaScript · 2026.11

業種ごとに、ひとつの装置から。9つの架空のサイト。写真や動画に頼らず、それぞれの業種の「らしさ」を一つの仕組みに置き換えて設計しました。スマホ対応・キーボード操作・reduced motion に対応。

01
ひだまり歯科クリニッククリニック 縦書きの一文と、太陽の円で切った内装写真
Shippori Mincho / 診療時間の帯
02
株式会社ミナト精機コーポレート 写真に寸法線を引く「図面」の文法
Noto Serif JP / 部品表・方眼
03
KUMO ROASTERYEC スクロールするほど背景が深煎りになる
Fraunces / 固定した半面の写真
04
土と火EC 一点ずつ、漢数字と縦書きで
Zen Old Mincho / 余白
05
税理士法人あさひ会計士業 月次レポートの紙そのものをヒーローに
BIZ UDPMincho / 蛍光マーカー
06
杉浦工務店工務店 家の断面図が描かれ、居間に写真がはまる
Yuji Syuku / 工程の月表
07
湯宿 ゆらぎ宿泊 到着15時から出発10時まで、時計が進む
Kaisei Tokumin / 暮れて明ける背景
08
SOU.hairサロン 雑誌の見開きのような余白と括弧の見出し
Cormorant Garamond / 点線のメニュー
09
VOID/FORMクリエイティブ 画像を使わないシェーダーの金属塊、横スクロール、文字分割
Three.js / GSAP / Lenis