AVAILABLE FOR Q3 — Q4

— 01 / SELECTED WORK

KR

KST

Recent work.

JOODOC 뷰티 자사몰↗

도잉아트 갤러리 사이트↗

한복남 한복 커머스↗

WEB DESIGNBRAND SITE이커머스 · 자사몰반응형 퍼블리싱INTERACTIONDESIGN SYSTEMSNEXT.JSWEB DESIGNBRAND SITE이커머스 · 자사몰반응형 퍼블리싱INTERACTIONDESIGN SYSTEMSNEXT.JS

— ARCHIVE · 완료 프로젝트6 PROJECTS

— 02 / CAPABILITIES

Capabilities, front to back.

16 MODULES
3 PRACTICES

W.01

Web Design

Web

W.02

Design System

Web

W.03

Editorial Layout

Web

W.04

Headless CMS

Web

W.05

Accessibility

Web

W.06

Performance Audit

Web

S.01

Design Tokens

Systems

S.02

Component Lib

Systems

S.03

Storybook

Systems

S.04

A11y Audit

Systems

C.01

Creative Code

Code

C.02

WebGL · Three.js

Code

C.03

GSAP Pipelines

Code

C.04

Next.js Build

Code

C.05

TypeScript

Code

C.06

Edge Functions

Code

· Toolbox: Figma, Next.js, Astro, TypeScript, GSAP, Three.js, Sanity, and a lot of taste.

— 03 / MANIFESTO

We build websites and the systems that run them — because a layout, a hover, and a 200ms transition together decide whether your product is remembered.

— 04 / PRACTICES

Disciplines.

03 DISCIPLINES
ONE STUDIO

S — 01

WEB

Web Design.

사이트는 잡지가 아니라 살아있는 인터페이스입니다. 정보 구조 · 디자인 시스템 · 헤드리스 CMS까지 직접 만들고 운영합니다.

Stack: Next.js · Astro · Vite · Bun
CMS: Sanity · Storyblok · Payload
System: Design tokens · component lib
SLA: Core Web Vitals all green

S — 02

SYSTEMS

Design Systems.

디자인 토큰 · 컴포넌트 라이브러리 · 테마이징 · 접근성. 디자이너와 엔지니어가 같은 레포에서 운영합니다.

Tokens: Style Dictionary · Tokens Studio
Lib: React · Vue · Web Components
Docs: Storybook · Zeroheight
Tests: Axe · Chromatic · Playwright

S — 03

CODE

Creative Code.

WebGL · GSAP · Three.js로 평범한 캔버스를 무대로 바꿉니다. 같은 책상에서 만드는 인터랙션.

Stack: Three.js · GLSL · GSAP · Lenis
Framework: Next.js · Astro · Bun
Bench: 60fps on mid-tier laptops
Handover: Repo · docs · session walk-through

— 05 / GET IN TOUCH

LET'S MAKE· small things ·BIG.

— Web. Code. Engineered together.

NEW PROJECT

support@smallbighz.com

브랜드, 일정, 예산을 간략히 적어 보내주세요. 영업일 기준 24시간 내에 디렉터가 직접 회신합니다.