포트폴리오

커머스·브랜딩 웹사이트 안에서 마우스 커서를 따라다니며 사용자의 의사결정을 돕는 AI 어시스턴트 챗봇. 정체된 신규 서비스의 PM을 맡아 브랜딩 결정을 마무리하고, Cafe24 무료 앱 출시를 첫 검증 단계로 준비했습니다.

서비스가 외부 행사에서 소개된 다음 날, 결제는 두 번 됐지만 멤버십은 열리지 않는 실결제 장애가 발생했습니다. 직접 만든 관리자 도구로 가장 먼저 발견하고, 백엔드를 고치는 대신 프론트엔드에서 결제를 막아 추가 피해를 차단한 뒤 당일 환불·사과로 응대했습니다.

AI 에이전트 SaaS의 메인 웹(voidx.ai)입니다. Next.js로 이관하면서 인증·프로필, 결제·멤버십, 데모·캐스팅 동선을 구현해 정식 운영까지 책임지고 있습니다. 해킹 시도를 계기로 보안 헤더·XSS·입력 검증을 정비했고, 한국어 하드코딩 24개 파일을 한/영으로 일괄 정리했습니다.

고객사 자사몰(Cafe24·React 기반)에 심는 임베드형 AI 에이전트 SDK. 호스트 React와 충돌하던 문제를 배포 방식 전환으로 풀고, 번들·에셋을 줄이고, 푸시 한 번이면 CDN까지 자동 배포되도록 GitHub Actions 워크플로우를 직접 작성했습니다. (운영 중)

반도체 전시회(SEMICON Korea 2026, 코엑스) 부스 체험용 브라우저 앱입니다. GLTF 3D 부스·제품 뷰어, 끊겨도 스스로 복구하는 실시간 AI 채팅(네이티브 WebSocket), 음성 입력, 3개 국어를 직접 구현했고 프론트엔드를 거의 전부 맡았습니다.

학습자 웹·기업 교육담당자·운영 관리자 세 화면으로 구성된 기업 교육용 이러닝 LMS 모노레포의 프론트엔드입니다. 6단계 결제 상태 분기와 결제일 검증, HLS 영상 플레이어(이어보기·기기 제한), 교육담당자 인원수 기반 정산·할인 계산처럼 데이터가 많고 정확성이 중요한 화면을 맡았습니다. 재직 중 가장 규모가 큰 프로젝트입니다(약 6개월·본인 300여 커밋).

생년월일을 등록하면 AI 상담 봇과 대화하고 그 내용을 리포트로 정리해 공유하는 모바일 웹 서비스입니다. 3인 팀에서 프론트엔드 메인으로 라우팅·채팅·입력 폼 같은 코어 화면 구조를 맡았습니다(본인 94/166 커밋).

소아·청소년 진료 특화 한의원의 홈페이지 전면 리뉴얼 SI 프로젝트입니다. AI 검색(GEO)에 강한 구조로 사이트를 새로 짓고, AI 상담 챗봇과 원무팀용 운영 도구를 얹습니다. PM으로 원장님과 정보구조·회원 정책을 직접 협상하면서 프론트엔드 구현을 함께 맡고 있습니다.

부동산 전세안전진단·DSR 계산 서비스에서 프론트엔드 신입으로 지도·대출 계산기·관리자 화면 등 데이터가 많은 화면을 다뤘습니다. React로 공부했지만 사내 스택인 Angular에 적응해 작업하며 기초를 쌓은 시기입니다.

권역별 수영장의 "지금 자유수영 가능 여부 · 요금 · 위치"를 한눈에 보여주는 정보앱입니다. 정적 MVP로 검증한 뒤 백엔드(NestJS + PostgreSQL)를 직접 증설해, 무료 클라우드 서버에서 기획부터 운영까지 혼자 하고 있습니다.

유튜브 플레이리스트(또는 단일 영상) URL을 넣으면 각 곡을 태그·앨범아트가 담긴 MP3로 저장하는 크로스 플랫폼(macOS·Windows·Linux) 데스크톱 앱입니다. 필요해서 직접 만들고, 남들도 한 줄로 설치할 수 있게 다듬었습니다.

신체정보 통계·건강관리, 커뮤니티, 위치 기반 운동시설 안내를 제공하는 헬스 종합 플랫폼입니다. 6인 팀에서 프론트엔드 팀장으로 메인·캘린더·챗봇·할 일 관리 등을 맡았습니다.

스케줄 보드와 달력으로 일정을 관리하는 모바일 애플리케이션입니다. 팀 프로젝트에서 프론트엔드로 참여해 iOS·Android 양 스토어 출시까지 경험했습니다.

친숙한 브랜드 자산은 지키고, 탐색·구매 흐름은 새롭게 정리한 PC·모바일 풀 리디자인 프로젝트입니다. 로그인부터 상품 탐색·상세·장바구니·주문/결제·마이페이지·고객센터까지 전 화면을 케이스 단위로 설계하고, 하나의 디자인 시스템으로 통일했습니다.

패브릭·카펫·바닥재·주방·가구까지 다루는 하이엔드 인테리어 큐레이션 브랜드의 웹사이트 디자인입니다. 제품군이 많아 구조가 흩어지기 쉬워, 카테고리 체계부터 정리하고 여백과 타이포 위계로 '큐레이션'이라는 정체성을 표현했습니다.

2021 시즌 룩북 촬영 현장을 보조하고, 선별한 컷으로 프로모션 페이지를 디자인했습니다.

여러 수입 가방 브랜드를 한 사이트에 통합하면서, 브랜드별로 분산되지 않도록 카테고리와 사이트맵을 먼저 설계한 신규 브랜드 웹사이트입니다. 자체 서버 대신 호스팅 템플릿을 활용해 적은 비용으로 안정적인 운영이 가능하도록 구성했습니다.