Tidewater Design System
01 / 2026사내 도구 6개를 하나의 컴포넌트 라이브러리로 통합했습니다. 버튼 스타일 14개를 1개로 줄이고 React와 Figma에 함께 배포했습니다.
- Design systems
- Front-end
(01)
대표 작업
Moneta Analytics
02 / 2025소상공인이 실제로 여는 현금 흐름 대시보드입니다. 차트는 줄이고 질문은 더 좋게, 예측은 직접 조정할 수 있게 만들었습니다.
- Product design
- Data viz
Sora Transit
03 / 2025잠들지 않는 지하철을 위한 길찾기. 한눈에 보이는 출발 정보, 계단 없는 경로, 피곤한 눈을 위한 야간 모드를 만들었습니다.
- Interaction
- Mobile
Glyphs.fm
04 / 2024가변 폰트를 위한 작고 빠른 타입 테스터입니다. GitHub 스타 9천 개, 폰트 회사 세 곳이 견본 페이지에 쓰고 있습니다.
- Open source
- Front-end
(02)
경력
2024 — 현재 · 서울 · 하이브리드
스태프 프로덕트 디자이너 @ Harbor & Line
디자인 시스템과 배차 담당자 2,000명이 쓰는 운영 콘솔을 이끌고 있습니다.
- 제품팀 6곳이 쓰는 Tidewater 구축
- 사내 도구 UI 코드 41% 감축
2021 — 2024 · 원격
시니어 프로덕트 디자이너 @ Moneta
소상공인 4만 곳이 쓰는 분석 · 예측 경험을 맡았습니다.
- 분석 기능 주간 활성 사용 3배
- 디자이너 2명 채용 · 멘토링
2018 — 2021 · 부산
디자이너 · 프론트엔드 개발자 @ Studio Parallel
30곳 이상의 클라이언트를 위해 마케팅 사이트와 웹 앱을 디자인하고 개발했습니다.
- Awwwards Honorable Mention 2회
2016 — 2018 · 어디서나
웹 디자이너 @ Freelance
카페, 뮤지션, 비영리 단체의 작은 사이트를 만들며 끝까지 완성하는 법을 배웠습니다.
(03)
기술 · 스택
01 — 디자인
- Product design
- Design systems
- Interaction
- Prototyping
- Data visualisation
- Typography
02 — 엔지니어링
- TypeScript
- React
- Astro
- Svelte
- CSS / Tailwind
- Accessibility (WCAG)
03 — 도구
- Figma
- Rive
- Storybook
- Git
- Linear
- Notion
04 — 언어
- Korean — native
- English — professional
- Japanese — basic
(04)
함께한 분들의 말
미라는 티켓 대신 풀 리퀘스트를 여는 드문 디자이너입니다. 우리 시스템은 한 분기 만에 Figma 파일에서 제품이 됐습니다.
Daniel Seo
Harbor & Line 엔지니어링 VP
고객도 몰랐던 좋은 질문을 던지는 사람입니다. 예측 화면은 지금도 모두가 시연하는 화면이에요.
Priya Raman
Moneta 프로덕트 총괄
빠르고 차분하며 트레이드오프에 솔직합니다. 내일이라도 다시 함께하고 싶어요.
Jun Park
Studio Parallel 대표
(05)
글
핸드오프에서 살아남는 토큰
Figma와 코드 사이에서 디자인 토큰이 어긋나지 않게 지켜 준 세 가지 규칙.
1 분 분량
차트는 적게, 질문은 더 좋게
소상공인 18명과의 인터뷰가 대시보드에 대해 알려 준 것.
1 분 분량
주말 동안 이 사이트를 다시 만들며
정적 HTML, 설정 파일 하나, 가변 폰트. 개인 사이트를 작게 유지하는 법.
1 분 분량