본문으로 건너뛰기

직접 만들고 써 본 작품들

스튜디오가 기획부터 출시까지 만든 작품이에요. 아직 많지 않아서, 하나씩 채워 가고 있어요.

8개

디자인 시스템

dsui, 한국어로 먼저 쓰는 디자인 시스템

컴포넌트, 블록, 테마를 한곳에 모으고 데모와 문서, 설치 경로까지 갖춘 React 디자인 시스템이에요. devs7udio의 모든 화면이 이 위에서 만들어져요.

기간
2026.10 ~ 진행 중
역할
  • 기획
  • 디자인
  • 개발
  • 운영
기술
  • Next.js
  • React
  • TypeScript
  • Supabase
  • Vercel
  • Motion
dsui, 한국어로 먼저 쓰는 디자인 시스템
홈페이지

devs7udio 스튜디오 사이트

스튜디오 소개, 서비스 안내, 견적 문의 창구를 한 사이트에 담았어요. 화면은 모두 dsui 컴포넌트로 만들었어요.

기간
2026.10 ~ 진행 중
역할
  • 기획
  • 디자인
  • 개발
  • 운영
기술
  • Next.js
  • React
  • TypeScript
  • Supabase
  • Vercel
  • Motion
devs7udio 스튜디오 사이트

더 많은 작품

앞으로 채워 갈 작품들이에요.

  • 앱예시

    동네 책방 예약 앱

    오늘 책방에 어떤 책이 들어왔는지 보고, 읽고 싶은 책을 미리 맡아 두는 모바일 앱이에요.

    모바일 · 예약 · 2026준비 중
  • 온라인 이벤트예시

    온라인 팬미팅 페이지

    접속 대기실부터 실시간 응원 화면까지, 하루짜리 온라인 행사를 위한 페이지예요.

    이벤트 · 실시간 · 2026준비 중
  • 로고와 브랜딩예시

    모스 커피 브랜딩

    동네 로스터리의 로고, 컵 디자인, 간판을 한 번에 정리한 브랜딩이에요.

    로고 · 브랜딩 · 2026준비 중
  • AI 자동화예시

    사내 보고서 자동화

    매주 반복하던 보고서 만들기를 버튼 한 번으로 줄인 AI 자동화예요.

    AI · 자동화 · 2026준비 중
  • 앱예시

    파일 정리 데스크톱 앱

    흩어진 파일을 규칙대로 정리해 주는 가벼운 데스크톱 앱이에요.

    데스크톱 · 도구 · 2026준비 중
  • 홈페이지예시

    스타트업 소개 홈페이지

    처음 보는 사람도 한 번에 이해하는, 이야기가 있는 소개 홈페이지예요.

    홈페이지 · 소개 · 2026준비 중

카드에 '예시'라고 적힌 작품은 앞으로 만들 작품을 보여 주는 예시예요. 실제 작품이 생기면 하나씩 바꿔요.

한 작품이 나오기까지

어떤 작품이든 이렇게 만들어요.

  1. 듣기

    무엇을 만들고 싶은지, 왜인지부터 천천히 들어요.

  2. 작게 만들어 보여 주기

    말로만 설명하지 않고 작은 시안을 먼저 보여 드려요.

  3. 다듬기

    쓰면서 느낀 점을 바로 고치고, 단단하게 만들어요.

  4. 출시와 그 뒤

    내보내는 날까지 함께하고, 그 뒤에도 곁에 있어요.

이런 도구로 만들어요

작품마다 필요한 도구를 골라 써요.

  • Next.js
  • React
  • TypeScript
  • Supabase
  • Vercel
  • Figma
  • Motion
  • Tailwind
  • Radix UI
  • Playwright
  • Swift
  • Electron

이런 작품 하나, 같이 만들어 볼까요?

문의하기, 문의 페이지 →

고른 게 없어도 괜찮아요. 편하게 말씀해 주세요.

메일로 보내셔도 돼요devs7udio@gmail.com