dpectrum · 위시켓(Wishket)

프로젝트 배경

1) 문제점
소상공인 및 신규 매장이 오픈 전에 고객 유입을 확보하거나, 안정적인 초기 운영 자금을 마련하기 위한 방법이 마땅치 않음.

소비자는 매장에 대한 정보가 부족하고, 오픈 전 혜택이나 이벤트 정보를 놓치기 쉬움.

예약형 결제 및 펀딩 참여 방식이 복잡하게 느껴져, 접근성이 낮은 기존 서비스들에 대한 불만이 존재.

2) 프로젝트 목표
신규 매장과 고객을 연결하는 사전계약형 펀딩 플랫폼 개발.

소비자가 지역 기반으로 매장을 탐색하고, 리워드 방식으로 안전하게 결제할 수 있도록 설계.

펀딩 참여부터 결제, 정산까지 전체 흐름을 웹에서 직관적으로 처리할 수 있는 반응형 플랫폼 제공.

3) 주안점
복잡하게 느껴질 수 있는 펀딩 흐름을 단계별 UI/UX로 단순화.

관리자, 펀딩업체, 일반 사용자 3가지 역할을 고려한 다중 사용자 구조 설계.

React 기반의 컴포넌트화된 UI 개발로 확장성과 유지보수성 확보.

디자인 시스템을 구축하여 일관된 UI 적용 및 개발 효율 극대화.

프로젝트 성과

반응형 웹 플랫폼 런칭

웹, 태블릿, 모바일 환경 대응이 가능한 통합 플랫폼 개발

사전계약 펀딩 구조 구현

오픈 전 혜택 예약 결제 + 정산 처리 구조 완성

디자인 시스템 적용

일관된 UI/UX 제공, 디자인-개발간 커뮤니케이션 효율화

사용자 유형별 분리 설계

사용자(구매자), 펀딩업체(판매자), 관리자별 기능 분리 설계

필터 기반 펀딩 탐색 시스템

지역/업종 필터링으로 사용자의 관심 기반 펀딩 노출율 상승

핵심 기능

지역/업종 기반 필터 검색

사용자가 원하는 펀딩을 지역, 업종별로 필터링하여 탐색 가능

단계별 펀딩 등록 구조

펀딩 업체가 단계별로 정보를 입력하며 등록할 수 있는 구조. 자동 저장 기능 포함

리워드 선택 및 예약 결제

사용자가 리워드를 복수 선택 후 카드 정보 등록을 통해 예약 결제 가능

펀딩 상세 정보 제공

펀딩 설명, 리워드 구성, 지도 API 기반 위치 안내, 유의사항 표시 등 통합 뷰 제공

마이페이지 – 펀딩 내역/정산 확인

사용자: 펀딩 참여 이력 확인, 판매자: 관리자 승인 후 정산 금액 확인 가능

진행 단계

Kick-off 및 구조 설계

2020.11.

클라이언트와의 협의를 통해 펀딩 구조, 사용자 흐름, 리워드 방식 등 핵심 비즈니스 로직 정의. 사전결제에 대한 보안성과 사용성 검토 진행.

Design (UX/UI)

2020.11.

펀딩이라는 개념을 쉽게 이해할 수 있도록 단계별 시각 흐름을 설계. 브랜드 컬러를 포인트로 사용하되 서브컬러로 가독성과 집중도를 조정. 반응형에 맞춘 레이아웃 최적화.

Development (Front-End)

2020.12.

React 기반으로 UI를 컴포넌트화하여 유연한 구조로 개발. HTML/CSS, JavaScript를 조합하여 다양한 반응형 화면 대응 및 사용자 흐름을 구현.

Test & Deploy

2021.02.

실제 서비스 시나리오 기반 QA 테스트 수행, 마이페이지 정산 내역 및 관리자 등록/검수 흐름 점검 후 런칭 완료.

프로젝트 상세

- 포트폴리오 소개:
신규 매장 오픈과 홍보를 해야하는 지역 상인들을 위해
O2O 플랫폼을 제작.
매장 오픈 전 펀딩을 통한 고객 유치로 신규 사업에 대한 불안감 감소.
유저는 펀딩을 통해 기존 대비 더 많은 혜택을 누릴 수 있다.

- 작업 범위:
반응형 웹 디자인(React) , 관리자 페이지, 서버

- 주요 기능:
사전 계약 플랫폼 : 뉴플은 신규매장 오픈 정보 및 각종 할인 이벤트를 미리 예약
사용자 : 펀딩 참여 <-> 관리자 : 업체 검수 & 인증 & 정산 <-> 펀딩업체 : 펀딩등록 & 리워드 제공

- 사용 기술:
React, Node.js

<위시켓 이용 약관에 의해 수정된 내용입니다.>