문제를 구조로 정의하고
구현까지 연결하는
0 × 64디자이너
14년간 다양한 도메인에서 UI·UX 디자인을 해왔습니다. 개발을 배우며 재사용 가능한 컴포넌트와 데이터 흐름을 이해하게 됐고, 디자인이 어떻게 구현되는지를 알고 설계하는 디자이너가 됐습니다.
Award
2012
&Award이런 디자이너입니다
1
구현을 이해하고 설계합니다
2025-26 코드잇 프론트엔드 부트캠프 수료. 본 사이트와 나래봇을 React/Next.js로 직접 빌드했고, 디자인이 코드로 이어지는 흐름을 이해합니다.
2
데이터로 문제를 정의합니다
스몰스 리뷰 941건을 분석해 기록 전환율을 15%에서 32%로 끌어올렸고, 큐리에서는 사용자 패턴을 바탕으로 질문 단계를 4단계에서 2단계로 압축했습니다.
3
계속 확장하고 있습니다
진저나인·플랫비에서 색·타이포·간격 규칙을 정리해왔고, 이 사이트는 그 규칙을 Tailwind로 옮겨 디자인과 코드가 어긋나지 않도록 설계했습니다.
경력 타임라인
다양한 도메인에서 UX를 설계하며 구조와 흐름 중심으로 확장해왔습니다.
Education
- 2006세화 여자고등학교 (서울)
- 2012계원예술대학교 멀티미디어디자인과 졸업
Experience
- 2012-2015
디자이너로서의 출발
- 2012-2013오리진나인, 그래픽·캐릭터·웹 구축을 폭넓게 경험한 시기
- 2013프리랜서, 스타트업 로고와 브랜딩 프로젝트 수행
- 2014페타비전, 글로벌 iOS 앱 3종 디자인 (Gridplay·Vinema·Hardcover)
- 2015요쿠스, 오디션 영상 플랫폼의 앱·웹 UX 설계
- 2016-2024
UX · 프로덕트 확장
- 2016-2019엠터치, 리테일·BI·POS 중심의 복잡한 업무 도구 UX 재정립
- 2019페이지크루, QR 기반 서비스의 사용자 흐름, 경험 전반을 최적화
- 2020-2022플랫비, CURI UX 개편과 스카이탭 신규 출시
- 2022-2024진저나인, 스몰스 UI·UX 개편과 브랜드 톤 가이드 구축
- 2025-
구현까지 연결하는 디자이너
- 2025-2026코드잇 프론트엔드 부트캠프 수료, UI 컴포넌트 개발·배포·API 연동
디자인하고, 만들고, 증명합니다. 코드·데이터·AI로 설계의 폭을 넓혀갑니다.
기술 스택
UI 구조 이해를 기반으로 설계와 구현을 연결하는 기술을 사용합니다.
Design
서비스 UX 설계 및 인터랙션 설계 경험
figmaphotoshopillustratorprinciple
Frontend
UI 구조 이해 기반의 컴포넌트 및 API, 배포 구현 경험
reactnext.jstailwind
Workflow
Git 기반 협업 및 핸드오프, 컴포넌트 관리 경험
githubstorybook
잔디 불러오는 중...
🤖 나래봇 포트폴리오 AI 어시스턴트
방문자가 나래님의 작업과 커리어에 대해 직접 대화할 수 있는 AI 어시스턴트입니다. Claude API와 Next.js를 활용해 직접 구현했습니다.
Claude API
AI 답변 생성 엔진Next.js API Route
서버 통신 직접 구현Streaming
실시간 타이핑 효과지식베이스
포트폴리오 내용을 AI에 학습