저는 아이디어스에서 고객들을 위한 비즈니스의 끝단,
동료 개발자들을 위한 기술의 끝단을 모두 경험하였습니다.
동료 개발자들을 위한 기술의 끝단을 모두 경험하였습니다.
국내 최대 핸드메이드 이커머스
아이디어스는 대한민국 최대 핸드메이드 마켓플레이스입니다.사이트 보기 ▶
창작자를 위한 온라인 생태계를 만들기 위해, 일하는 기업입니다.
3만명이상의 작가님이 입점하여 있고, 앱다운로드 1500만, 누적 거래액 1조이상인 플랫폼입니다.통계 보기 ▶
창작자를 위한 온라인 생태계를 만들기 위해, 일하는 기업입니다.
3만명이상의 작가님이 입점하여 있고, 앱다운로드 1500만, 누적 거래액 1조이상인 플랫폼입니다.통계 보기 ▶
아이디어스 UI/UX 개선
2021.3 ~ 2022.3
핸드메이드 이커머스 아이디어스에 성장을 위해 여러 웹 기능들을 개발하고, UX를 개선하는 작업을 진행했습니다.
[역할]
저는 구매자웹에 여러 화면들에 유저 경험을 개선 시키기 위해 카테고리, 검색, 홈, PDP, 장바구니 도메인에 컴포넌트와 페이지 개선을 담당하여 진행했습니다.
[성과]
- MAU 500만 이상에 웹 프로덕트 전반 운영
- A/B 테스트와 데이터 드리븐한 업무 진행
- 드라마틱한 사용자 경험 개선 및 구매율 증가
[기술]
- Vue 기반 SPA 개발
- Nuxt 기반 SSR 개발
- PHP HTML, Css, Javascript 기반 개발
- 에자일 프로세스와 Jira, Confluence 등 툴에 대한 이해
[역할]
저는 구매자웹에 여러 화면들에 유저 경험을 개선 시키기 위해 카테고리, 검색, 홈, PDP, 장바구니 도메인에 컴포넌트와 페이지 개선을 담당하여 진행했습니다.
[성과]
- MAU 500만 이상에 웹 프로덕트 전반 운영
- A/B 테스트와 데이터 드리븐한 업무 진행
- 드라마틱한 사용자 경험 개선 및 구매율 증가
[기술]
- Vue 기반 SPA 개발
- Nuxt 기반 SSR 개발
- PHP HTML, Css, Javascript 기반 개발
- 에자일 프로세스와 Jira, Confluence 등 툴에 대한 이해
scroll
아이디어스 프레임워크 전환작업 (Nuxt3)
2023.01~2023.9
아이디어스 구매자 서비스를 신규 프레임워크로 이전하는 작업을 담당했습니다.
기존 PHP, Nuxt2로 코드베이스를 Nuxt3로 컨버팅 하는 작업이었습니다.
이는 더 빠른 비즈니스 개발과 성능 향상을 위한 전환이었습니다.
[역할]
팀내에서 쓸 프로젝트 환경과 아키텍쳐를 설계하는 작업을 담당하였고, 환경 세팅 후에는 로그인, 카테고리, 결제 페이지를 신규 기술로 전환하는 작업을 개발했습니다.
[성과]
- 언터처블 레거시 페이지 90% 개선
- 페이지 로딩 속도 2배 개선
- 2006년에서 2024년 프레임워크로 이전
- Jira Ticket 기준 2배이상 man-day 감소
- 채용 용이성 및 DX 매우 개선
- Epic 단위에 큰 작업을 책임지고 완수
- 최신 기술 선집 도입 담당
[기술]
- Nuxt3 SSR 개발
- Vue3 SPA 개발
- 디자인 시스템(IDS) 적용
기존 PHP, Nuxt2로 코드베이스를 Nuxt3로 컨버팅 하는 작업이었습니다.
이는 더 빠른 비즈니스 개발과 성능 향상을 위한 전환이었습니다.
[역할]
팀내에서 쓸 프로젝트 환경과 아키텍쳐를 설계하는 작업을 담당하였고, 환경 세팅 후에는 로그인, 카테고리, 결제 페이지를 신규 기술로 전환하는 작업을 개발했습니다.
[성과]
- 언터처블 레거시 페이지 90% 개선
- 페이지 로딩 속도 2배 개선
- 2006년에서 2024년 프레임워크로 이전
- Jira Ticket 기준 2배이상 man-day 감소
- 채용 용이성 및 DX 매우 개선
- Epic 단위에 큰 작업을 책임지고 완수
- 최신 기술 선집 도입 담당
[기술]
- Nuxt3 SSR 개발
- Vue3 SPA 개발
- 디자인 시스템(IDS) 적용
A/B 테스트, 유저 로그 파이프라인 개발
아이디어스 웹에 데이터 파이프라인 구축을 담당하였습니다.
AWS Kinesis 로그 파이프라인과 A/B 테스트 환경을 설계 및 개발하였습니다.
이는 데이터분석을 통해 사용자 불편을 알아내고, 이를 해소하기 위한 기본 장치로서 작동하였습니다.
[역할]
구매자웹에 A/B 테스트, 로깅 모듈 개발을 담당하였습니다.
[성과]
- 기존 0 이었던 데이터 분석 환경 구축
- 데이터드리븐 업무 방식 도입
- A/B 테스트를 통한 사용자 경험 향상
[기술]
- Js 빌드 모듈에 대한 이해 (Webpack, ES Module)
- 모듈 캡슐화, 인터페이스 설계 능력
AWS Kinesis 로그 파이프라인과 A/B 테스트 환경을 설계 및 개발하였습니다.
이는 데이터분석을 통해 사용자 불편을 알아내고, 이를 해소하기 위한 기본 장치로서 작동하였습니다.
[역할]
구매자웹에 A/B 테스트, 로깅 모듈 개발을 담당하였습니다.
[성과]
- 기존 0 이었던 데이터 분석 환경 구축
- 데이터드리븐 업무 방식 도입
- A/B 테스트를 통한 사용자 경험 향상
[기술]
- Js 빌드 모듈에 대한 이해 (Webpack, ES Module)
- 모듈 캡슐화, 인터페이스 설계 능력
디자인 시스템 개발
아이디어스 웹에서 사용하는 디자인시스템 개발에 참여하였습니다.
해당 작업은 디자이너와의 협업 용이성 개선과 빠른 서비스 개발을 위한 작업이었습니다.
[역할]
저는 전체 디자인 시스템 중 여러 컴포넌트와 아이콘 모듈 개발을 담당하였습니다.
[성과]
- 디자이너와 협업 용이성 개선
- 컴포넌트 개발 man-day 리소스 2배 개선
- 사용하기 편한 디자인 시스템 구축
[기술]
- Vue3 기반 디자인 시스템 개발
- Storybook 개발
- Vite 빌드 모듈
해당 작업은 디자이너와의 협업 용이성 개선과 빠른 서비스 개발을 위한 작업이었습니다.
[역할]
저는 전체 디자인 시스템 중 여러 컴포넌트와 아이콘 모듈 개발을 담당하였습니다.
[성과]
- 디자이너와 협업 용이성 개선
- 컴포넌트 개발 man-day 리소스 2배 개선
- 사용하기 편한 디자인 시스템 구축
[기술]
- Vue3 기반 디자인 시스템 개발
- Storybook 개발
- Vite 빌드 모듈
마케팅 로그 통합 툴
마케팅 로그 파이프라인을 효율적으로 통합하고 관리하기 위해
GTM(Google Tag Manager)모듈을 개발하는 프로젝트의 오너로 활동했습니다.
이 모듈은 마케팅 데이터의 수집 및 분석을 최적화하는 데 중점을 두었습니다.
[역할]
작업에 전부를 담당하여 마케팅팀과 소통하며, 전략적 방향 설정하고 GTM 모듈을 작업하였습니다.
[성과]
- Google tag manager 도입
- 트래킹 불가능했던 마켓팅 로그 모듈화
- 마케팅팀과 커뮤니케이션 비용 감소
[기술]
- GTM 모듈
- Nuxt Module을 통한 Client 모듈 결합
GTM(Google Tag Manager)모듈을 개발하는 프로젝트의 오너로 활동했습니다.
이 모듈은 마케팅 데이터의 수집 및 분석을 최적화하는 데 중점을 두었습니다.
[역할]
작업에 전부를 담당하여 마케팅팀과 소통하며, 전략적 방향 설정하고 GTM 모듈을 작업하였습니다.
[성과]
- Google tag manager 도입
- 트래킹 불가능했던 마켓팅 로그 모듈화
- 마케팅팀과 커뮤니케이션 비용 감소
[기술]
- GTM 모듈
- Nuxt Module을 통한 Client 모듈 결합
아이디어스 어드민 개발
아이디어스에 이벤트 자동 생성에 필요한 백오피스 작업을 담당하였습니다.
[역할]
운영툴에서 반복적인 이벤트 페이지를 생성하고, 관리 할 수 있는 페이지를 제작하는데 기여했습니다.
저는 이중 이미지, 이미지맵과 컴포넌트 개발에 기여하였습니다.
[성과]
- 백오피스 이벤트 제작툴 개발 기여
- 이벤트 페이지 리소스 90% 개선
- 반복적 이벤트 페이지 작업 100% 개선
[기술]
- React 기반 백오피스 프로젝트 개발 및 설계
- 이미지맵 기술 검토 및 도입
[역할]
운영툴에서 반복적인 이벤트 페이지를 생성하고, 관리 할 수 있는 페이지를 제작하는데 기여했습니다.
저는 이중 이미지, 이미지맵과 컴포넌트 개발에 기여하였습니다.
[성과]
- 백오피스 이벤트 제작툴 개발 기여
- 이벤트 페이지 리소스 90% 개선
- 반복적 이벤트 페이지 작업 100% 개선
[기술]
- React 기반 백오피스 프로젝트 개발 및 설계
- 이미지맵 기술 검토 및 도입
이벤트 페이지 개발
시즌별 이벤트에 맞추어 특별한 앱 내 페이지를 제작하였습니다.
이 페이지는 대량의 트래픽과 구매 유도를 목표로 설계되어 높은 트래픽과 구매 전환율을 달성하였습니다.
[역할]
웹뷰 이벤트 페이지의 개발 및 최적화를 담당하였으며, 이를 통해 주요 판매 시즌 동안 사용자 참여와 구매를 최대화하기 위한 기능을 직접 구현했습니다.
[성과]
- 당시 최대 구매 전환율 달성
- 브랜드 인지도 증가
- 다이나믹한 게이미피케이션 경험 제작
- 웹뷰 플로우 선진 개발
[기술]
- Vue 기반 SPA 이벤트 페이지 제작된
- 네이티브 앱에 웹뷰 페이지 개발
- 웹 애니메이션 처리
이 페이지는 대량의 트래픽과 구매 유도를 목표로 설계되어 높은 트래픽과 구매 전환율을 달성하였습니다.
[역할]
웹뷰 이벤트 페이지의 개발 및 최적화를 담당하였으며, 이를 통해 주요 판매 시즌 동안 사용자 참여와 구매를 최대화하기 위한 기능을 직접 구현했습니다.
[성과]
- 당시 최대 구매 전환율 달성
- 브랜드 인지도 증가
- 다이나믹한 게이미피케이션 경험 제작
- 웹뷰 플로우 선진 개발
[기술]
- Vue 기반 SPA 이벤트 페이지 제작된
- 네이티브 앱에 웹뷰 페이지 개발
- 웹 애니메이션 처리
