Projects

상담 시간을 10% 단축시키는 UX 설계와 LCP를 절반 이하로 줄이는 성능 최적화를 지향합니다. 데이터의 가치를 시각적으로 증명하고 시스템 안정성을 설계합니다.

DERMA:CODE

DERMA:CODE

데이터 과부하를 Hexa 시각 모델로 해결하고, LCP 66% 개선으로 상담 흐름을 개선한 AI SaaS

LCP 16.7s → 5.7s (66% 개선)API 호출 40% 절감테이아 클리닉 강남점 실사용

클리닉 상담 현장에서 사용하는 얼굴 촬영 기반 AI 피부 분석 SaaS로, 피부 상태를 정량화하고 맞춤 시술·제품 추천을 제공합니다. 분석 결과가 실제 시술 결정으로 이어지도록 상담 흐름 전반의 사용자 경험을 설계했습니다.

역할프론트엔드 개발자 UI/UX 설계 제품 구조 정의
기간2024년 11월 - 현재
운영프로덕션 운영 중
View Project
Aesthe CRM Next

Aesthe CRM Next

도메인별 API 분리와 정수 기반 정산 로직으로 데이터 정합성을 확보하고, 접수 프로세스를 40% 단축시킨 의료 CRM

정산 오차율 0% (6개월)결제 프로세스 40% 단축테이아 클리닉 강남점 실사용

피부과 클리닉의 마케팅 분석과 운영 업무를 지원하는 B2B SaaS 플랫폼으로, V1 운영 이후 V2 리빌드 과정에서 기능 개발과 API 구조 개선 논의에 참여했습니다.

역할프론트엔드 개발자 UX 디자이너
기간2025년 1월 - 현재
운영V1 프로덕션 운영 중 V2 개발 중
View Project

DERMA:CODE Chart Library

30개 차트 동시 렌더링에서 76fps를 유지하는 Canvas 기반 의료 특화 시각화 라이브러리

7종 Canvas 차트76fps 렌더링GitHub Packages 배포

DERMA:CODE 플랫폼의 의료 데이터 시각화를 위해 Canvas API를 기반으로 설계한 전용 차트 라이브러리입니다. 플랫폼 디자인 시스템과 긴밀하게 통합되며, GitHub Packages로 배포되어 독립적인 확장성을 갖췄습니다.

역할프론트엔드 개발 & 라이브러리 설계
기간설계 및 초기 구현 2025년 10월 지속 개선 중
운영GitHub Packages 배포 완료
View Project

TheiA Clinic Website

5개 국어 SEO 최적화로 해외 유입을 창출하고, 커스텀 CMS로 콘텐츠 운영 공수를 제로화한 글로벌 클리닉 웹사이트

테이아 클리닉 강남의 공식 웹사이트로, 5개 언어 다국어 지원과 SEO 최적화, 비개발자도 콘텐츠를 직접 관리할 수 있는 어드민 패널까지 프론트엔드 전반을 설계하고 개발했습니다.

역할프론트엔드 개발자
기간2024년 9월 - 현재
운영프로덕션 운영 중
View Project