SHOWCASE · WEB DESIGN & FRONT-END — mocha PORTFOLIO · 2026
SELECTED WORK · by mocha · 号外

SHOWCASE

Webデザイナー/フロントエンド mocha の制作実績です。異なるテイストで作った3つのサイトを収録しています。それぞれ架空のブランド・作家を題材に、コンセプト設計からデザイン、フロントエンド実装まで一貫して制作しました。写真素材は使わず、タイポグラフィとコードだけで表現しています(HTML / CSS / JS + GSAP)。制作のご相談は haise.matu1717@gmail.com まで。

WEB DESIGN & FRONT-END
— mocha
THREE SITES · 2026
目次 / TABLE OF CONTENTS 03 ENTRIES — SCROLL TO EXPLORE
INDEX 01 — 2026KLEIN BLUE / EDITORIAL
01
Typographer · 書体設計

REI ONO小野 玲

和欧の「間」を設計するタイポグラファー。号外調の紙とインク、キネティック・グロテスクで文字そのものを動かす、明るいエディトリアルの実証。

Kinetic TypeSplit RevealBroadsheetMarqueeKlein Blue
開く / OPEN
INDEX 02 — 2026CYAN ON BLACK / LAB
02
Creative Coder · ジェネラティブ

nol.worksnol

コードで描く実験的デジタルアート。ダーク・ラボの中で、パーティクルとシェーダーが呼吸する。乱数と時間を素材に、二度と同じ絵を出さない生成系。

ParticlesGenerativeCanvasShaderDark Lab
開く / OPEN
INDEX 03 — 2026PLUM INDIGO / AURORA
03
Motion & 3D Director · モーション

YUKI MORI森 雪

感情を「動き」で設計するモーションディレクター。オーロラが滲み、光が主役を追う。上質でなめらかな緩急と、奥行きのある 3D の演出設計。

AuroraSpotlight3D TiltEasingPlum Indigo
開く / OPEN