미리보기

아모트래블의 초기 개발 팀으로 합류하여 프론트엔드 개발을 전담하고 있습니다. 고객 맞춤형 여행 일정을 제공하는 웹사이트와 여행 전반을 지원하는 서비스를 개발하며, 사용자들에게 최상의 서비스를 제공하기 위해 노력하고 있습니다.

• CX 운영 효율화를 위한 내부 어드민 및 견적 시스템 구축:

  • CX 운영 어드민 개발: CX팀이 사용하는 견적서, 가계약금/계약금 처리, 보험 여부, 여권 확인 등의 고객 응대 업무를 효율적으로 관리할 수 있는 어드민 시스템 설계 및 개발

  • 자체 견적 시스템 (트래블러리) 구축: 기존 외부 서비스(트래비파이)를 대체할 자체 견적 발송 시스템 개발, 사용자에게 직접 안내 가능한 견적서 인터페이스 구현을 통해 고객 경험 및 운영 안정성 제고

• 고객 데이터 분석 환경 구축 및 CX 기반 폼 리뉴얼:

  • 고객 분석 시스템 도입: Google Analytics(GA4 + GTM) 와 PostHog 구축을 통해 사용자 행동 데이터 수집 및 분석 기반 마련. 마케팅 팀이 광고 성과를 정밀하게 분석하고 타겟 고객 세분화 전략 수립 가능하도록 지원

  • 아모트래블 웹페이지 UI/UX 리뉴얼: 전체 화면 구조와 인터페이스를 재설계하여 시각적 일관성과 사용성 개선. 주요 페이지 접근성 강화 및 직관적인 사용자 경험 제공

  • 문의하기 폼 리뉴얼 및 고객 응대 흐름 개선: CX팀과 협업하여 멀티스텝 문의 폼을 기획·구현. 상담 우선순위 계산 로직 도입으로 중요 리드 선별이 가능해져 상담 응답 속도 및 전환율 개선에 기여

• 디자인 시스템 도입 및 Tailwind CSS 기반 UI 개발 최적화:

  • 디자인 시스템 도입 및 UI 컴포넌트 기준 정립: 디자이너와 협업하여 공통 UI 구성 요소를 정의하고, 일관된 디자인 언어를 기반으로 화면 설계 체계 구축. 이를 통해 팀 내 디자인·개발 간 기준을 통일하고, 반복적인 UI 수정 작업을 구조적으로 줄임

  • Tailwind CSS 기반 스타일 적용 자동화 시스템 구현: 디자인 시스템을 코드 레벨에 반영할 수 있도록 Tailwind CSS 유틸리티 클래스 구조를 정립하고, 컴포넌트 단위에서 자동 적용되도록 구현. 반복 스타일 적용 및 QA 피드백 대응 시간을 평균 50% 단축하여 개발 효율성과 일정 안정성 확보

• 서비스 구조 개선을 위한 기술 스택 마이그레이션 및 운영 체계 정비:

  • 프레임워크 및 언어 마이그레이션: 기존 Next.js 12 + JavaScript 기반 프로젝트를 Next.js 14 + TypeScript로 마이그레이션하여 코드 안정성과 유지보수성 강화. 타입 안전성 확보 및 개발 효율성 개선

  • 인프라 구조 개선: S3 + CloudFront 기반 정적 배포 구조를 AWS Amplify로 전환하여 SSR 지원 및 기능 확장성 확보. 동적 페이지 처리가 가능한 환경으로 개선

  • 배포 전략 수립 및 코드 관리 체계화: 비정형 배포 환경에서 Git Flow 전략을 도입하여 브랜치 관리 체계 수립. 안정적인 배포 및 협업 효율 향상, 코드 품질 개선에 기여

별장 예약 서비스를 중심으로 공유 플랫폼(밀리언그라운드)과 중개 플랫폼(스테이그라운드)의 프론트엔드 개발을 담당했습니다. 사용자 편의성과 서비스 안정성을 고려하여 예약/결제 플로우, 내부 관리 시스템, 마케팅 데이터 분석, SEO 최적화까지 다양한 영역에서 클라이언트 개발을 주도하며 서비스 품질 향상에 기여했습니다.

• 밀리언그라운드 및 내부 관리 시스템 개발:

  • 밀리언그라운드 개발 및 운영: 별장 구매자와 일반 사용자 모두가 편리하게 사용할 수 있는 예약 시스템을 설계 및 개발. 결제 오류율 및 예약 오류율을 1% 미만으로 유지하며, 2024년 초 오픈한 '어나더 빌라'의 연간 예약을 조기 마감

  • 종합 예약 관리 시스템 구축: 예약, 유저, 오너, 요금, 문자 전송, 대시보드 등 전반 기능을 포함한 내부 시스템 개발 및 운영. 도입 이후 고객 문의 응답 시간 50% 단축, 서비스 응대팀 업무 효율 개선

• 스테이그라운드 클라이언트 개발:

  • 프론트엔드 전반 개발 주도: 별장을 보유한 오너와 예약을 원하는 일반 사용자를 연결하는 중개 플랫폼의 프론트엔드 전체를 설계 및 개발. 디자인 시스템 구성부터 클라이언트 기능 구현, UI 구성 및 컴포넌트 아키텍처까지 전반에 직접 참여

  • 예약 및 결제 플로우 구현: 예약 생성, 달력 연동, 요금 계산, 결제 연동까지 사용자 흐름을 자연스럽게 설계하여 서비스 안정성과 사용자 경험을 강화

• 광고 효율 및 검색 최적화를 위한 프론트엔드 성능 개선:

  • 이벤트 기반 광고 추적 시스템 구축: GA4 및 광고 이벤트 트래킹 시스템 구현을 통해 마케팅 성과 가시화. 예약률 52% 증가 및 광고 효율 120% 개선에 기여

  • 검색엔진 최적화(SEO) 개선: 동적 Sitemap 및 robots.txt 구성, Lighthouse 최적화 등을 통해 검색 노출 향상. 평균 SEO 점수 95점, Google 검색 결과 평균 순위 8위 유지

• 업무 자동화 백오피스 개발: 단순 업무를 자동화하는 백오피스를 기획 및 개발하여 서비스팀의 주당 업무 시간을 30시간 이상 절감했습니다.

• UI/UX 개선 디자인 개선: 각종 페이지의 UI/UX 디자인을 개선하여 사용자 경험을 크게 향상시켰습니다.

예비 신랑·신부에게 감성적인 모바일 청첩장을 무료로 제공하기 위해 기획 및 개발한 웹 서비스로, 프론트엔드부터 백엔드까지 1인 개발로 완성한 프로젝트.

• 1인 개발로 기획부터 배포까지 완료, 사용자에게 무료 제공되는 제품으로 실질적 가치를 제공

• PostHog를 이용하여 세션 리플레이와 A/B 테스트 실험을 진행, 사용자 행동 데이터를 기반으로 제품 구조와 콘텐츠 구성 지속 개선

• 기술 스택: TypeScript, Next.js, Tailwind CSS, React-query, Motion, Supabase

• 아름 서비스 바로가기

• 아름 모바일 청첩장 샘플 바로가기

• 연인과 친구들이 서로를 더 잘 이해하고 재미있게 소통할 수 있도록 도와주는 서비스

• 템플릿 리스트 및 질문 작성 페이지 구현, 질문 답변 결과 및 SNS 공유 기능 구현

• 동적 메타데이터와 사이트맵 설정 등 테크니컬 SEO 최적화 작업

• 웹 서비스 캐시 설정을 통해 데이터베이스 부하를 감소시키고, LCP 성능을 기존 1.5초에서 0.6초로 개선

• 기술 스택: TypeScript, Next.js, Tailwind CSS, React-query

• 위픽 서비스 바로가기

• 위픽 서비스 깃허브

• 제주 청년들을 위한 정책 정보를 한눈에 볼 수 있도록 설계된 통합 플랫폼

• 카카오와 구름에서 주최한 해커톤 6개 팀 중 대상 수상

• 기술 스택: TypeScript, Next.js, Tailwind CSS, React-query

• 뿌리 서비스 소개

• 뿌리 서비스 바로가기

• 친형의 결혼식을 위해 짧은 기간동안 만든 모바일 청첩장

• 모바일 청첩장에 필요한 기본정보, 사진첩, 공유 기능 구현

• 기술 스택: JavaScript, React, Gatsby, styled-components

• 모바일 청첩장 템플릿 바로가기

• 모바일 청첩장 깃허브

• 구글 Material 디자인 시스템을 사용하여 관리자 화면 디자인 일관성과 생산성 향상

• 실시간 보호구 착용 및 낙상 여부 대시보드 구현

• 작업자 휴대폰 GPS 정보를 이용하여 실시간 위치 추적 구현

• 기술 스택: JavaScript, React, MUI, Chart.js

• 대구테크노파크 휴스타추진단에서 주관한 대회 12개 팀 중 장려상 수상

• 안전 모두 서비스 깃허브