프로젝트 배경
1) 문제점
• 현대카드 M포인트를 사용할 수 있는 제휴 쇼핑몰 인프라가 부재하여, 포인트 활용을 통한 마케팅 채널이 제한됨
• 기존 B2B 유통 구조에서는 기업이 소비자에게 직접 판매(B2C)할 수 있는 플랫폼이 없어, 직접 판매를 원하는 기업의 입점 수요를 수용할 수 없었음
• 쇼핑몰 홈 화면이 이벤트(타임딜, 특가전 등)에 따라 수시로 바뀌어야 하나, 기존 시스템은 고정형 UI 구조로 관리자 측에서 배너나 섹션을 자유롭게 수정하기 어려웠음
2) 프로젝트 목표
• 현대카드 M포인트 연동 쇼핑몰 구축: 포인트 결제 기능을 탑재해 제휴 마케팅 활성화 기반 마련
• 입점형 구조의 B2C 쇼핑 플랫폼 개발: B2B 유통업체들이 소비자에게 직접 판매할 수 있도록 온라인 진출을 지원
• 이벤트 기반 메인 화면 유연 구성 기능 개발: 관리자 페이지에서 홈 배너, 타임딜, 기획전 등을 자유롭게 설정/변경 가능하게 하여 실시간 콘텐츠 운영이 가능한 쇼핑몰 구현
3) 주안점
• 포인트 결제 전용 모듈(M포인트) 연동을 통해 복합 결제 환경 구축
• 입점 파트너사가 각자의 상품·배송·정산을 개별적으로 관리할 수 있도록 멀티셀러 구조 설계
• 홈 화면의 섹션, 배너, 타임딜 등의 위치와 노출 방식이 드래그앤드롭 또는 설정 기반으로 손쉽게 조작 가능하도록 구현
• 마케팅 상황에 따라 비정형 콘텐츠를 빠르게 배치할 수 있는 관리자용 UI/UX 개발
• 현대카드 M포인트를 사용할 수 있는 제휴 쇼핑몰 인프라가 부재하여, 포인트 활용을 통한 마케팅 채널이 제한됨
• 기존 B2B 유통 구조에서는 기업이 소비자에게 직접 판매(B2C)할 수 있는 플랫폼이 없어, 직접 판매를 원하는 기업의 입점 수요를 수용할 수 없었음
• 쇼핑몰 홈 화면이 이벤트(타임딜, 특가전 등)에 따라 수시로 바뀌어야 하나, 기존 시스템은 고정형 UI 구조로 관리자 측에서 배너나 섹션을 자유롭게 수정하기 어려웠음
2) 프로젝트 목표
• 현대카드 M포인트 연동 쇼핑몰 구축: 포인트 결제 기능을 탑재해 제휴 마케팅 활성화 기반 마련
• 입점형 구조의 B2C 쇼핑 플랫폼 개발: B2B 유통업체들이 소비자에게 직접 판매할 수 있도록 온라인 진출을 지원
• 이벤트 기반 메인 화면 유연 구성 기능 개발: 관리자 페이지에서 홈 배너, 타임딜, 기획전 등을 자유롭게 설정/변경 가능하게 하여 실시간 콘텐츠 운영이 가능한 쇼핑몰 구현
3) 주안점
• 포인트 결제 전용 모듈(M포인트) 연동을 통해 복합 결제 환경 구축
• 입점 파트너사가 각자의 상품·배송·정산을 개별적으로 관리할 수 있도록 멀티셀러 구조 설계
• 홈 화면의 섹션, 배너, 타임딜 등의 위치와 노출 방식이 드래그앤드롭 또는 설정 기반으로 손쉽게 조작 가능하도록 구현
• 마케팅 상황에 따라 비정형 콘텐츠를 빠르게 배치할 수 있는 관리자용 UI/UX 개발
프로젝트 성과
현대카드 M포인트 결제 기능 도입 완료
M포인트 결제 연동 기능을 구현하여, 마케팅 제휴 목적의 포인트 사용 쇼핑몰 기능을 안정적으로 운영 중
핵심 기능
M포인트 결제 연동 기능
결제 API를 연동하여, 사용자 보유 M포인트를 포인트 결제로 사용할 수 있도록 구현
홈 화면 유연 편집 기능
관리자가 이벤트 성격에 따라 타임딜, 특가전, 배너 등을 직접 등록/순서 변경 가능하도록 섹션 템플릿 기반 편집 도구 제공
진행 단계
기능 개발 및 API 연동
2022.05.
포인트 결제 모듈(M포인트) 연동, 입점사 상품 등록/정산 기능, 홈 화면 블록 편집 기능 구현
테스트 및 런칭
2022.07.
주요 기능 QA 및 테스트몰 오픈, 파트너사 대상 운영 시뮬레이션 후 정식 서비스 런칭
프로젝트 상세
실운영중인 현대카드 사용으로 적립된 현대M포인트를 사용하는 m-commerce 쇼핑몰입니다.
B2B / B2C 쇼핑몰로 입점사가 쇼핑몰에 입점 후 상품을 등록해 소비자에게 조회되는 방식의 쇼핑몰입니다.
재고/주문/배송/CS/리뷰 등 쇼핑몰의 기본적인 기능이 모두 구현되어 있고, 이벤트 페이지 등 페이지에 표시될 요소를 선택해 메인 화면을 관리할 수 있는 툴이 있는 것이 특징입니다. 쇼핑몰 페이지와, 쇼핑몰 관리자를 위한 이벤트 관리 페이지 등을 작업하였고, 클라이언트 측의 내부 개발자분들과 협업하였습니다.
개발 범위: 프론트 엔드
적용기술: Next.js
B2B / B2C 쇼핑몰로 입점사가 쇼핑몰에 입점 후 상품을 등록해 소비자에게 조회되는 방식의 쇼핑몰입니다.
재고/주문/배송/CS/리뷰 등 쇼핑몰의 기본적인 기능이 모두 구현되어 있고, 이벤트 페이지 등 페이지에 표시될 요소를 선택해 메인 화면을 관리할 수 있는 툴이 있는 것이 특징입니다. 쇼핑몰 페이지와, 쇼핑몰 관리자를 위한 이벤트 관리 페이지 등을 작업하였고, 클라이언트 측의 내부 개발자분들과 협업하였습니다.
개발 범위: 프론트 엔드
적용기술: Next.js

