본문 바로가기
데브파이브
좌측 폰 — 매장 지도 화면
상단 배너: 구매하고 바로 쓰는 8% 돌려받는 페이팡!
지도 (내 위치 중심 주변 매장):
- 다이소 고양원당점
- CU 주교계일점
- 세븐일레븐 주교스타점
- GS25 고양시청점
- 피자스쿨 고양주교점
- 내 위치 (핀)
- CU 고양시청점
- CU 원당대로점
- GS25 고양원당점
더 많은 브랜드 찾아보기
우측 폰 — PayPang 페이머니 화면
상단: PayPang (로고) · LTE
페이머니: 0/50 · 0원 · 돌려받기
상품 구매하고 페이팡 받기 — 0원
항목	값
캐시백 적립금	0원 / 0원 (팡 1,000P, 강+비 1,300P)
총 캐시백	0원 (강+비 1)
카테고리 아이콘:
- 카페 · 치킨 · 편의·마트 · 팝콘·문화
- 패스트푸드 · 베이커리 · 분식 · 피자
- 디저트 · 뷰티샵 · (외식) · (기타)
강원랜드 강원팡 찾아보기 · 5
하단 내비게이션: 홈 · (아이콘들)
포인트파크 페이팡

본 프로젝트는 분산되어 있는 다양한 포인트 시스템을 하나의 통합 관리 체계로 구축하여 사용자의 리워드 소비를 효과적으로 유도하고 활성화하는 종합 플랫폼 개발을 핵심 목표로 진행되었습니다. 주요 핵심 기능으로는 기프티콘 결제 시 즉시 적용되는 자동 페이백 시스템과 다양한 포인트 서비스 간의 원활한 연동 기능을 구현하여 사용자가 별도의 복잡한 절차나 추가적인 인증 단계 없이 끊김 없는 매끄러운 사용자 경험을 제공할 수 있도록 하였으며, 추가적으로 복권 자동 응모 기능을 도입하여 단순한 포인트 사용을 넘어선 게임화된 인터랙티브한 소비 환경을 조성함으로써 사용자 참여도와 플랫폼 활용도를 극대화하여 지속적인 서비스 이용을 유도하는 선순환 구조를 완성하였습니다. 특히 사용자 접근성 향상을 위해 디지털 네이티브 세대부터 시니어 세대까지 전 연령층이 학습 비용과 적응 부담 없이 직관적으로 사용할 수 있는 사용자 중심의 UI/UX를 설계하였으며, 플랫폼의 안정적이고 지속가능한 운영을 위한 체계적인 업데이트 프로세스 및 예방적 유지보수 체계를 구축하여 장기적인 서비스 품질 관리와 사용자 만족도 유지를 위한 종합적인 운영 방안을 마련함으로써 포인트 리워드 생태계 전반의 효율성 증대와 사용자 편의성 극대화를 동시에 실현하는 통합 솔루션을 제공합니다.

제작 기간2024. 11 - 2025. 05
고객사포인트파크
사용 기술React.js
서비스
미리보기
POINTPARK(포인트파크) 앱 홈 화면 (모바일)
상태바: 10:01
상단 바: POINTPARK (로고) · (알림)
페이백머니 카드
- 보유 페이백머니 ⓘ
- 1,368,300 원 · 계좌로 받기
- 파크포인트 12,500 POINT +
페이백 뽑기: 50/50 · 지금 뽑기 × 4 (PAY BACK)
카테고리
- 치킨 · 카페·디저트 · 외식 · 피자
- 햄버거 · 영화·문화 · 생활·편의 · 베이커리·샐러드
프로모션 배너
퀴즈 찾아 도전하면 사이즈업 가능!
스벅 별 대신 페이백? (1/3)
매일마다 포인트 무한 적립
- 포인트 제일 쉽게 얻기 — 재밌게 즐기고 머니박스 채우자
- 포인트부자 상식왕 — 매일퀴즈
- 두근두근 심리게임 — UP&DOWN
오늘 밤 10시 대한민국 축구와 함께!
상품 카드:
1. 맘스터치 후라이드치킨(한마리) — 16,900원 · +최대 1,352원
2. 맘스터치 싸이버거 세트 — 6,900원 · +최대 552원
3. 맘스터치 케이준떡강정S — 4,200원 · +최대 336원
아직 선택을 못했다면
탭: 🌶 당 떨어질 땐 | 🍗 초복엔 요거닭 | 🍗 초복엔 요거닭
상품 목록:
- 맘스터치 싸이버거 세트 — 6,900원 · +최대 552원 (4개 반복)
화면에 마우스를 올려보세요!
고객 요구사항
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
React Native와 WebView 기반의 확장 가능한 UI 컴포넌트 아키텍처 구축
2.
슬라이드·탭·리스트 등 핵심 화면의 반응형 UI와 애니메이션 성능 최적화
3.
터치 제스처·화면 전환의 렌더링을 개선해 끊김 없는 인터랙션 제공
4.
또또복권 로또 자동 응모 기능과 실시간 당첨 알림 시스템 구현
5.
응모 내역 히스토리 관리 기능으로 사용자 편의성과 접근성 강화
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.섹션: typo
폰트: SUITE
웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular | Light
샘플: Aa
타이포그래피 스케일
스타일	크기	샘플 텍스트
h1	30px	매일마다 포인트 무한 적립
Title	18px	매일마다 포인트 무한 적립
Body	16px	매일마다 포인트 무한 적립
Caption	13px	매일마다 포인트 무한 적립섹션: color
메인 컬러
구분	HEX	색상
Primary	#7661FB	보라
Primary Bg	#EFF3FE	연한 블루그레이
Secondary	#C1ECD1	연한 민트
그레이스케일 (7단계)
단계	HEX
1	#FFFFFF
2	·
3	·
4	#B4B4B4
5	·
6	·
7	#2C2C35섹션: typo
폰트: SUITE
웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular | Light
샘플: Aa
타이포그래피 스케일
스타일	크기	샘플 텍스트
h1	30px	매일마다 포인트 무한 적립
Title	18px	매일마다 포인트 무한 적립
Body	16px	매일마다 포인트 무한 적립
Caption	13px	매일마다 포인트 무한 적립섹션: color
메인 컬러
구분	HEX	색상
Primary	#7661FB	보라
Primary Bg	#EFF3FE	연한 블루그레이
Secondary	#C1ECD1	연한 민트
그레이스케일 (7단계)
단계	HEX
1	#FFFFFF
2	·
3	·
4	#B4B4B4
5	·
6	·
7	#2C2C35
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.섹션: typo
폰트: SUITE
웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular | Light
샘플: Aa
타이포그래피 스케일
스타일	크기	샘플 텍스트
h1	30px	매일마다 포인트 무한 적립
Title	18px	매일마다 포인트 무한 적립
Body	16px	매일마다 포인트 무한 적립
Caption	13px	매일마다 포인트 무한 적립섹션: color
메인 컬러
구분	HEX	색상
Primary	#7661FB	보라
Primary Bg	#EFF3FE	연한 블루그레이
Secondary	#C1ECD1	연한 민트
그레이스케일 (7단계)
단계	HEX
1	#FFFFFF
2	·
3	·
4	#B4B4B4
5	·
6	·
7	#2C2C35섹션: typo
폰트: SUITE
웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular | Light
샘플: Aa
타이포그래피 스케일
스타일	크기	샘플 텍스트
h1	30px	매일마다 포인트 무한 적립
Title	18px	매일마다 포인트 무한 적립
Body	16px	매일마다 포인트 무한 적립
Caption	13px	매일마다 포인트 무한 적립섹션: color
메인 컬러
구분	HEX	색상
Primary	#7661FB	보라
Primary Bg	#EFF3FE	연한 블루그레이
Secondary	#C1ECD1	연한 민트
그레이스케일 (7단계)
단계	HEX
1	#FFFFFF
2	·
3	·
4	#B4B4B4
5	·
6	·
7	#2C2C35

비즈니스의 다음 단계퀀텀 점프마스터키파트너, 데브파이브와 함께 도약하세요.

아이디어만 있어도 됩니다. 첫 상담부터 출시까지, 데브파이브가 함께합니다.
지금 문의하기
빠른 문의하기