얇은 커튼 너머로 비친 사람의 옆모습 그림자. 오전 빛이 천을 통과하며 만든 부드러운 실루엣
hero.webp 2400×1350 · 16:9 · 히어로 풀블리드 Soft silhouette of a person cast on a sheer linen curtain by morning light, wide negative space to the left, muted off-white and pale indigo #3F31B9 tint in the shadow, 50mm lens, fine grain, quiet minimal atmosphere

Product Designer · Seoul

만들기 전에
왜 만드는지
먼저 씁니다

B2B SaaS와 커머스에서 8년. 화면을 그리기 전에 지표와 인터뷰로 문제를 정의하는 방식으로 일해 왔습니다.

2018 — 2026SaaS · 커머스 · 핀테크정규직 / 프로젝트 병행

실무 경력
8
출시한 제품
11
담당 제품 최대 MAU
42
디자인 시스템 컴포넌트
168

01 — Now

요즘 하는 일

/ 01

물류 SaaS 콘솔 리디자인

  • 주문·재고·정산 3개 모듈 통합
  • 화면당 평균 클릭 7.4 → 4.1회
  • 2025.11 — 진행 중

/ 02

디자인 시스템 v3

  • 토큰 체계 재정의, 다크 테마 대응
  • 컴포넌트 168개 · 문서 페이지 54개
  • 프론트엔드 2명과 격주 싱크

/ 03

주니어 멘토링

  • 월 2회 포트폴리오 리뷰
  • 2024년부터 누적 31명
  • 취업 전환 19명

02 — Selected

대표 작업
세 가지

전체 목록과 과정 기록은 작업 페이지에 있습니다.

작업 전체 보기
  • 사선으로 떨어진 빛이 계단의 단마다 밝은 띠를 만든 모습
    gallery-01.webp1600×900 · 16:9 · 대표 작업 1 Hard diagonal sunlight striping a set of stone steps, strong graphic contrast between light and deep shadow, cool indigo #3F31B9 shadow tone, 35mm lens, architectural minimalism
    01

    물류 SaaS 콘솔 통합 리디자인

    흩어져 있던 주문·재고·정산 화면을 한 콘솔로 합쳤습니다. 운영자 12명 섀도잉으로 실제 업무 흐름을 다시 그렸고, 주문 처리 1건당 클릭 수를 7.4회에서 4.1회로 줄였습니다.

    • B2B SaaS
    • 정보구조
    • 리서치
    • 2025
  • 노출 콘크리트 벽과 벽돌이 만나는 실내 통로. 창으로 들어온 빛이 바닥에 놓임
    gallery-02.webp1600×900 · 16:9 · 대표 작업 2 Raw concrete corridor meeting exposed brick, daylight pooling on the polished floor, restrained grey palette with a faint indigo #3F31B9 cast, 28mm lens, calm structural composition
    02

    디자인 시스템 v2 구축

    제품 4개가 각자 다른 버튼을 쓰고 있었습니다. 토큰부터 다시 정의해 168개 컴포넌트로 정리했고, 신규 화면 퍼블리싱 시간이 평균 3일에서 하루로 줄었습니다.

    • 디자인 시스템
    • 토큰
    • 문서화
    • 2024
  • 밝은 벽면에 드리운 나뭇잎 그림자와 그 위로 뻗은 실제 가지
    gallery-03.webp1600×900 · 16:9 · 대표 작업 3 Foliage shadow falling across a pale plaster wall, real branches entering from the top edge, generous empty space at the lower left, soft indigo #3F31B9 shadow tint, 50mm lens, serene minimal mood
    03

    커머스 앱 온보딩 재설계

    가입 3일 내 이탈률이 61%였습니다. 첫 구매까지의 단계를 9개에서 5개로 줄이고 개인화 질문을 뒤로 미뤘습니다. 3일 잔존율 39% → 58%.

    • 커머스
    • 온보딩
    • A/B 테스트
    • 2023
맑은 하늘을 배경으로 흰 건물의 모서리가 사선으로 화면을 가르는 장면
about-01.webp1920×1080 · 16:9 · 섹션 풀블리드 배경 Minimal white building edge slicing the frame diagonally against a clear sky, large flat areas of colour, indigo #3F31B9 shifted sky, 24mm lens, graphic architectural minimalism, no signage

03 — Method

화면보다
문장이 먼저입니다

첫 주에는 파일을 열지 않습니다. 문제 정의 한 장을 먼저 쓰고 팀과 합의한 뒤에 그리기 시작합니다. 그래야 되돌리는 일이 줄어듭니다.

  • 1주차 지표 확인 · 사용자 인터뷰 4~6명 · 문제 정의서 1장
  • 2~3주차 흐름 설계 · 로파이 검증 · 개발 난이도 사전 확인
  • 4~6주차 화면 설계 · 컴포넌트 정리 · QA 시나리오 작성
  • 출시 후 2주 · 6주 지표 리뷰 · 회고 문서 공유

04 — Resume

이력 요약

상세 경력과 프로젝트별 성과는 소개 페이지에 정리했습니다.

2023.03 — 재직 중

시니어 프로덕트 디자이너

물류 SaaS · 디자인 챕터

  • 운영자 콘솔 통합 리디자인 총괄, 주문 처리 클릭 수 45% 감소
  • 디자인 시스템 v2·v3 오너, 컴포넌트 168개 운영
  • 디자이너 3명 리드 및 채용 인터뷰 참여

2020.06 — 2023.02

프로덕트 디자이너

패션 커머스 앱 · 그로스팀

  • 온보딩 재설계로 3일 잔존율 39% → 58%
  • A/B 테스트 27건 설계·분석, 유의미 개선 11건
  • 검색 필터 개편으로 상세 진입률 22% 상승

2018.01 — 2020.05

UI 디자이너

디지털 에이전시 · 인터랙션팀

  • 금융·공공 웹서비스 14건 화면 설계 및 퍼블리싱 가이드
  • 접근성 진단 대응 경험(웹 접근성 품질인증 2건)
도구 및 역량 숙련도
영역도구 · 방법활용 정도
설계Figma · 오토레이아웃 · 배리언트매일 사용
리서치사용자 인터뷰 · 사용성 테스트 · 설문분기 2~3회 진행
데이터Amplitude · SQL 기본 쿼리직접 조회 가능
구현HTML · CSS · 컴포넌트 스펙 작성퍼블리싱 검수 가능
협업제품 요구사항 문서 · 회고 운영주도 경험 다수

“서린님이 정리한 문제 정의 한 장 덕분에
개발팀이 두 달 걸릴 일을 3주에 끝냈습니다.”

정하윤 · 함께 일한 프로덕트 매니저

Contact

지금은 새 팀을
찾고 있습니다

정규직 제안과 3개월 이상 프로젝트를 함께 검토하고 있습니다. 이력서 PDF와 상세 포트폴리오는 요청하시면 보내드립니다.