이예린

github.com/annylee0723velog.io/@annylee0723/postsannylee0723@gmail.com

전문 요약

  • 프론트엔드 개발과 UX 설계를 함께 수행하며, 제품의 구조 정의부터 인터랙션 구현까지 주도하는 엔지니어입니다.
  • 의료 AI SaaS와 CRM을 개발하며 상담 현장에서 실제 사용되는 제품의 데이터 시각화, 상담 흐름, 운영 도구를 설계하고 개선해왔습니다. 단순 기능 구현을 넘어 문제를 정의하고 해결 방향을 제안하며 제품의 신뢰도와 운영 효율을 높이는 데 집중합니다.

기술 스택

프론트엔드

TypeScript • React 18/19 • Next.js (App Router, RSC) • React Query • Zustand • Tailwind CSS • REST • WebSockets • StoryBook • SEO • Jest

협업 도구 & UI/UX

Git, GitHub, CI/CD (Vercel, Netlify), Vite, Figma

디자인

Adobe Photoshop, Adobe Illustrator, Adobe After Effect, Procreate

경력

가이아랩스

정규직

서울, 대한민국

2024년 11월 - 현재

DERMA:CODE AI 상담 플랫폼

테이아 클리닉 강남에서 실사용 중인 B2B 서비스

  • AI 피부 분석 결과를 상담·시술 결정으로 연결하는 핵심 화면의 UX 설계와 프론트엔드 개발을 주도했습니다.
  • V1~V3까지 3차례 버전 업데이트를 주도하며, V3에서는 요구사항 명세를 직접 작성하고 제품 로드맵 정의에 기여했습니다.
  • 6개 피부 지표를 통합한 Hexa 시각 모델을 제안·구현하여 결과 화면·상담 UI·리포트 등 전체 화면에 적용하고, 평균 상담 시간 5~10% 단축에 기여했습니다.
  • 일방향 결과 화면을 시술 유형별 4가지 분기 구조로 재설계하여 상담 이탈을 줄이고, 해당 화면이 클리닉 SNS 마케팅 콘텐츠의 주요 소재로 활용되고 있습니다.
  • Progressive Disclosure 전략으로 이중 사용자(상담사/환자) UX를 설계하여, 상담 중 추가 질문 빈도 약 5% 감소(상담진 피드백)에 기여했습니다.
  • React Query 캐싱으로 중복 API 호출 40% 절감하고, 코드 스플리팅·렌더링 최적화로 LCP 17.4s → 5s (71% 개선)를 달성하여 상담 현장에서의 체감 대기 시간을 대폭 단축했습니다.
  • 경쟁 조건·하이드레이션 오류 등 프로덕션 이슈를 분석·해결하여 상담 중 오류 발생률을 0%에 근접하게 개선했습니다.

Aesthe CRM Next — 피부과 EMR 성격의 CRM

테이아 클리닉 강남에서 매일 사용되는 B2B 의료 CRM 플랫폼

  • 피부과 EMR 성격의 CRM에서 환자 관리·상담·동의서·결제 등 핵심 기능을 개발하여 상담 기록 및 결제 프로세스 약 40% 단축에 기여했습니다.
  • V1에서 요구사항 기반 구현을 담당한 후, V2에서는 API 응답 구조 재설계를 제안하여 데이터 흐름의 일관성을 개선했습니다.
  • App Router 전환 및 RSC 도입으로 JS 번들 30% 경량화, 대시보드 LCP 1.2초 단축했습니다.
  • React Query 캐싱 재설계로 불필요한 API 호출 45% 절감하고, 웹소켓 연동으로 멀티 데스크 환경의 데이터 충돌을 해소했습니다.
  • 부가세 반올림 오류를 정수 기반 계산으로 전환하여 정산 오차율 0%를 달성하고, 6개월간 금액 불일치 0건을 유지했습니다.
  • 의료진 인터뷰 기반으로 상담실 UI를 재구성하고 DERMA:CODE 연동 흐름을 개선하여 당일 시술 확인 소요 시간을 단축했습니다.

사내 차트 시각화 라이브러리

사내 공용 컴포넌트 라이브러리

  • Canvas API 기반 커스텀 차트 라이브러리를 설계·개발하여, 7가지 도메인 특화 차트 타입으로 DERMA:CODE 전체 시각화 레이어를 단일 라이브러리로 통합했습니다.
  • 4가지 테마 시스템(light·dark·minimal·colorful)과 디자인 토큰을 설계하여, 신규 화면 추가 시 별도 스타일링 없이 일관된 시각 경험을 제공했습니다.
  • 50개 이상의 Storybook 스토리로 props·테마 변형·인터랙션을 문서화하여 디자인 리뷰와 컴포넌트 도입 시간을 단축했습니다.
  • npm 스코프드 패키지로 배포하여 타 프로젝트에서 독립적으로 재사용 가능한 구조를 구축했습니다.

제일기획

인턴

서울, 대한민국

2021년 5월 - 2022년 8월

  • 삼성전자 글로벌 웹사이트(85개국) 마케팅 콘텐츠 운영을 담당하며 다국어 콘텐츠 관리 프로세스를 경험했습니다.
  • B2B·B2C 페이지 콘텐츠 업데이트 프로젝트 5건에 PM으로 참여하여, 기획자·개발자 등 4개 협력사와의 커뮤니케이션을 주도하며 프로젝트를 완수했습니다.
  • Jira(JQL)·Confluence 기반 티켓 및 보드 관리를 담당하여 팀 간 이슈 트래킹 효율을 개선했습니다.

그래픽 디자인 프리랜서

대한민국, 캐나다

2019 - 2024

  • 로고, 문서, 포스터 등 다양한 매체의 그래픽 디자인을 기획부터 납품까지 독립적으로 수행했습니다.
  • 포스터, 모션 그래픽, 로고를 포함한 홍보 자료를 제작하여 클라이언트의 브랜드 가시성을 높였습니다.
  • 직접 제작한 사막 여우 캐릭터 일러스트레이션으로 LINE Creator Market에서 24개 메신저 스티커 팩을 출시·판매했습니다.

학력

코드잇 스프린트 풀스택 2기

풀스택 개발자 프로그램

온라인, 대한민국

2024년 7월 - 2024년 11월

  • Node.js·Express 기반 RESTful API 구축 및 PostgreSQL, MongoDB를 활용한 데이터 모델링 경험
  • 5인 팀 협업으로 View My Startup 프로젝트를 1개월 내 완성 — Prisma + Express 백엔드 구축 및 Render 배포 담당

Emily Carr University of Art and Design

커뮤니케이션 디자인 학사

GPA 3.5 (3.47) / 4.3

밴쿠버, 캐나다

2018년 9월 - 2023년 5월

  • 시각 디자인(타이포그래피, 에디토리얼)부터 인터랙션 디자인(모션, AR)까지 폭넓은 디자인 교육을 이수하여 현재 UI/UX 설계의 기반을 형성했습니다.

청심국제고등학교

고등학교

가평, 대한민국

2015년 3월 - 2018년 2월

자격증

컴퓨터활용능력 1급

대한상공회의소 (KCCI)

대한민국

2022년 6월 10일

정보처리기사

한국산업인력공단 (HRD Korea)

대한민국

2024년 6월 18일

SQL 개발자 (SQLD)

한국데이터산업진흥원

대한민국

2024년 6월 21일