海山.dev

개발 스튜디오 웹 · SaaS · 백오피스 · 자동화

작은 팀이 빠르게 움직일 수 있도록, 핵심만 단단하게 만듭니다.

마케팅 사이트 / 랜딩

웹 개발

회사 소개, 마케팅 사이트, 랜딩 페이지. Next.js 기반 풀스택. 검색·성능·접근성까지 처음부터 챙겨서.

SaaS 구축

인증, 결제, 멀티테넌시, 대시보드. MVP에서 운영까지 한 사이클을 책임지고 만듭니다.

단순함이 먼저
필요해질 때까지 추가하지 않습니다. 코드는 적을수록 살아남습니다.
도구는 보수적으로
최신보다 검증된 것을. 5년 뒤에도 굴러갈 스택을 고릅니다.
운영을 염두에 둡니다
로그, 모니터링, 롤백. 만든 다음의 시간이 더 깁니다.
타입은 진실의 원천
런타임에서 발견할 일을 컴파일에서 잡습니다.
의도를 코드로
주석은 '왜'를 설명할 때만. '무엇'은 코드가 말해야 합니다.
성능은 기능입니다
느린 사이트는 사용자에게 거짓말을 합니다.
접근성은 기본
키보드, 스크린리더, 색대비. 설계 단계에서 챙깁니다.
보안은 처음부터
OWASP Top 10. 출시 직전에 떠올리는 일이 아닙니다.
단순함이 먼저
필요해질 때까지 추가하지 않습니다. 코드는 적을수록 살아남습니다.
도구는 보수적으로
최신보다 검증된 것을. 5년 뒤에도 굴러갈 스택을 고릅니다.
운영을 염두에 둡니다
로그, 모니터링, 롤백. 만든 다음의 시간이 더 깁니다.
타입은 진실의 원천
런타임에서 발견할 일을 컴파일에서 잡습니다.
의도를 코드로
주석은 '왜'를 설명할 때만. '무엇'은 코드가 말해야 합니다.
성능은 기능입니다
느린 사이트는 사용자에게 거짓말을 합니다.
접근성은 기본
키보드, 스크린리더, 색대비. 설계 단계에서 챙깁니다.
보안은 처음부터
OWASP Top 10. 출시 직전에 떠올리는 일이 아닙니다.
단순함이 먼저
필요해질 때까지 추가하지 않습니다. 코드는 적을수록 살아남습니다.
도구는 보수적으로
최신보다 검증된 것을. 5년 뒤에도 굴러갈 스택을 고릅니다.
운영을 염두에 둡니다
로그, 모니터링, 롤백. 만든 다음의 시간이 더 깁니다.
타입은 진실의 원천
런타임에서 발견할 일을 컴파일에서 잡습니다.
의도를 코드로
주석은 '왜'를 설명할 때만. '무엇'은 코드가 말해야 합니다.
성능은 기능입니다
느린 사이트는 사용자에게 거짓말을 합니다.
접근성은 기본
키보드, 스크린리더, 색대비. 설계 단계에서 챙깁니다.
보안은 처음부터
OWASP Top 10. 출시 직전에 떠올리는 일이 아닙니다.
단순함이 먼저
필요해질 때까지 추가하지 않습니다. 코드는 적을수록 살아남습니다.
도구는 보수적으로
최신보다 검증된 것을. 5년 뒤에도 굴러갈 스택을 고릅니다.
운영을 염두에 둡니다
로그, 모니터링, 롤백. 만든 다음의 시간이 더 깁니다.
타입은 진실의 원천
런타임에서 발견할 일을 컴파일에서 잡습니다.
의도를 코드로
주석은 '왜'를 설명할 때만. '무엇'은 코드가 말해야 합니다.
성능은 기능입니다
느린 사이트는 사용자에게 거짓말을 합니다.
접근성은 기본
키보드, 스크린리더, 색대비. 설계 단계에서 챙깁니다.
보안은 처음부터
OWASP Top 10. 출시 직전에 떠올리는 일이 아닙니다.

백오피스

운영팀이 손에 들고 쓰는 어드민. 데이터 모델부터 권한, 감사 로그까지 단단하게.

$ cron · daily 09:00
→ fetch reports
→ summarize via llm
→ post to slack
✓ done in 1.4s

업무 자동화

반복 업무를 코드로. 크론, 워크플로우, AI 에이전트로 사람의 시간을 되돌립니다.

Design

픽셀부터 코드까지

브랜드 톤, 인터페이스, 인터랙션 — 사용자가 만나는 모든 표면을 한 흐름으로 다룹니다.

브랜드 정체성

톤·컬러·타이포까지. 첫 인상이 오래 남도록.

UI / UX

한 화면도 목적 없이. 사용자의 다음 액션까지 함께 설계합니다.

Motion

의미가 있을 때만 움직입니다.

기술 스택

오래 살아남는 도구만 골라서 씁니다.

TypeScript logo
TypeScript
React logo
React
Next.js logo
Next.js
Tailwind CSS logo
Tailwind CSS
Vue logo
Vue
Nuxt logo
Nuxt
Astro logo
Astro
Node.js logo
Node.js
NestJS logo
NestJS
Hono logo
Hono
PostgreSQL logo
PostgreSQL
Supabase logo
Supabase
Prisma logo
Prisma
Drizzle logo
Drizzle
Redis logo
Redis
TypeScript logo
TypeScript
React logo
React
Next.js logo
Next.js
Tailwind CSS logo
Tailwind CSS
Vue logo
Vue
Nuxt logo
Nuxt
Astro logo
Astro
Node.js logo
Node.js
NestJS logo
NestJS
Hono logo
Hono
PostgreSQL logo
PostgreSQL
Supabase logo
Supabase
Prisma logo
Prisma
Drizzle logo
Drizzle
Redis logo
Redis
TypeScript logo
TypeScript
React logo
React
Next.js logo
Next.js
Tailwind CSS logo
Tailwind CSS
Vue logo
Vue
Nuxt logo
Nuxt
Astro logo
Astro
Node.js logo
Node.js
NestJS logo
NestJS
Hono logo
Hono
PostgreSQL logo
PostgreSQL
Supabase logo
Supabase
Prisma logo
Prisma
Drizzle logo
Drizzle
Redis logo
Redis
TypeScript logo
TypeScript
React logo
React
Next.js logo
Next.js
Tailwind CSS logo
Tailwind CSS
Vue logo
Vue
Nuxt logo
Nuxt
Astro logo
Astro
Node.js logo
Node.js
NestJS logo
NestJS
Hono logo
Hono
PostgreSQL logo
PostgreSQL
Supabase logo
Supabase
Prisma logo
Prisma
Drizzle logo
Drizzle
Redis logo
Redis
Git logo
Git
GitHub logo
GitHub
Docker logo
Docker
Vercel logo
Vercel
Cloudflare logo
Cloudflare
Sentry logo
Sentry
Stripe logo
Stripe
Figma logo
Figma
Git logo
Git
GitHub logo
GitHub
Docker logo
Docker
Vercel logo
Vercel
Cloudflare logo
Cloudflare
Sentry logo
Sentry
Stripe logo
Stripe
Figma logo
Figma
Git logo
Git
GitHub logo
GitHub
Docker logo
Docker
Vercel logo
Vercel
Cloudflare logo
Cloudflare
Sentry logo
Sentry
Stripe logo
Stripe
Figma logo
Figma
Git logo
Git
GitHub logo
GitHub
Docker logo
Docker
Vercel logo
Vercel
Cloudflare logo
Cloudflare
Sentry logo
Sentry
Stripe logo
Stripe
Figma logo
Figma

작은 디테일까지 놓치지 않습니다

Some Recent Projects

결과로 말하는, 선별된 작업들

법무법인 랜딩페이지
준비중

법무법인 랜딩페이지

Web Design
사내 백오피스 시스템
준비중

사내 백오피스 시스템

Back-office

다음 프로젝트, 함께 만들어볼까요?

아이디어 단계든, 이미 굴러가는 서비스든 첫 메시지는 가볍게 보내주세요.

클라이언트 후기

기획부터 운영까지 한 사람이 책임지니 회의가 줄고 결정이 빨라졌어요.
김지은·IT 스타트업 대표
MVP 출시까지 6주, 그 뒤 운영도 안정적이었습니다.
박상훈·핀테크 PO
Figma 시안만 던졌는데 픽셀 단위로 떨어진 결과물이 왔습니다.
최은영·패션 브랜드 운영
백오피스를 직접 만들어 쓰던 시간이 절반으로 줄었습니다. 운영팀이 가장 좋아해요.
이도현·커머스 운영팀장
기획부터 운영까지 한 사람이 책임지니 회의가 줄고 결정이 빨라졌어요.
김지은·IT 스타트업 대표
MVP 출시까지 6주, 그 뒤 운영도 안정적이었습니다.
박상훈·핀테크 PO
Figma 시안만 던졌는데 픽셀 단위로 떨어진 결과물이 왔습니다.
최은영·패션 브랜드 운영
백오피스를 직접 만들어 쓰던 시간이 절반으로 줄었습니다. 운영팀이 가장 좋아해요.
이도현·커머스 운영팀장
기획부터 운영까지 한 사람이 책임지니 회의가 줄고 결정이 빨라졌어요.
김지은·IT 스타트업 대표
MVP 출시까지 6주, 그 뒤 운영도 안정적이었습니다.
박상훈·핀테크 PO
Figma 시안만 던졌는데 픽셀 단위로 떨어진 결과물이 왔습니다.
최은영·패션 브랜드 운영
백오피스를 직접 만들어 쓰던 시간이 절반으로 줄었습니다. 운영팀이 가장 좋아해요.
이도현·커머스 운영팀장
기획부터 운영까지 한 사람이 책임지니 회의가 줄고 결정이 빨라졌어요.
김지은·IT 스타트업 대표
MVP 출시까지 6주, 그 뒤 운영도 안정적이었습니다.
박상훈·핀테크 PO
Figma 시안만 던졌는데 픽셀 단위로 떨어진 결과물이 왔습니다.
최은영·패션 브랜드 운영
백오피스를 직접 만들어 쓰던 시간이 절반으로 줄었습니다. 운영팀이 가장 좋아해요.
이도현·커머스 운영팀장
자동화 스크립트 하나로 매달 40시간 들던 작업이 사라졌습니다.
정유진·마케팅 매니저
작은 변경에 빠르게 대응해 주셔서 좋았어요. 큰 에이전시와 일할 때와는 달랐습니다.
한승우·부동산 SaaS 창업자
코드 품질이 높아 인계 후 사내 개발자가 무리없이 이어받았습니다.
윤하늘·CTO
야근 없이 끝내고 싶었던 프로젝트를 야근 없이 끝냈습니다.
강민수·시리즈 A 스타트업 CEO
자동화 스크립트 하나로 매달 40시간 들던 작업이 사라졌습니다.
정유진·마케팅 매니저
작은 변경에 빠르게 대응해 주셔서 좋았어요. 큰 에이전시와 일할 때와는 달랐습니다.
한승우·부동산 SaaS 창업자
코드 품질이 높아 인계 후 사내 개발자가 무리없이 이어받았습니다.
윤하늘·CTO
야근 없이 끝내고 싶었던 프로젝트를 야근 없이 끝냈습니다.
강민수·시리즈 A 스타트업 CEO
자동화 스크립트 하나로 매달 40시간 들던 작업이 사라졌습니다.
정유진·마케팅 매니저
작은 변경에 빠르게 대응해 주셔서 좋았어요. 큰 에이전시와 일할 때와는 달랐습니다.
한승우·부동산 SaaS 창업자
코드 품질이 높아 인계 후 사내 개발자가 무리없이 이어받았습니다.
윤하늘·CTO
야근 없이 끝내고 싶었던 프로젝트를 야근 없이 끝냈습니다.
강민수·시리즈 A 스타트업 CEO
자동화 스크립트 하나로 매달 40시간 들던 작업이 사라졌습니다.
정유진·마케팅 매니저
작은 변경에 빠르게 대응해 주셔서 좋았어요. 큰 에이전시와 일할 때와는 달랐습니다.
한승우·부동산 SaaS 창업자
코드 품질이 높아 인계 후 사내 개발자가 무리없이 이어받았습니다.
윤하늘·CTO
야근 없이 끝내고 싶었던 프로젝트를 야근 없이 끝냈습니다.
강민수·시리즈 A 스타트업 CEO

최근 글