Skip to main content
데브파이브
A hand holds a smartphone displaying the In Seoul × Alipay coupon list against a springtime Seoul scene with cherry blossoms.
Screen text: In Seoul / Coupons / Popular shopping districts in Seoul / Area / All / Myeong-dong / Hongdae·Sinchon / Dongdaemun / Gangnam / Insa-dong·Ikseon-dong / Seongsu-dong·Konkuk University / Other / Category / Food / Attractions / Shopping / Cultural Experiences / Cosmetics / MCM (Cheongdam-dong HAUS Store).
ZZAI SEOUL x Alipay Coupon Page

This project is an end-to-end coupon system development initiative created to drive in-store visits by delivering multiple coupon features and a user-friendly redemption experience that anyone can use easily.

The client required a system capable of operating multiple coupon types—such as discounts, free giveaways, and limited-time offers—and needed flexible admin controls to configure coupon categories and benefit details based on evolving marketing strategies.

In addition, the project demanded an intuitive user interface that enables users to check coupon details without complex steps, along with optimized accessibility in mobile environments so users across different age groups and technical skill levels can use the service comfortably.

To meet these requirements, we implemented a full coupon issuance and redemption flow, built coupon management features within an admin page, and delivered responsive web optimization—completing an O2O coupon service designed for both store operators and visitors.

Production Period2021. 12 - 2022. 10
ClientZZAI SEOUL
TechnologiesPHP
Client Requirements
& Project Direction
Through client interviews and consultations we derived the project's core requirements, and based on those insights we designed it around five areas that needed improvement from user experience and brand perspectives.
1.
Build a coupon issuance and usage system supporting types such as discount, free gift, and limited-time
2.
Implement an intuitive coupon UX where visitors download and use coupons easily
3.
Provide coupon creation, editing, expiry settings, and real-time issuance statistics management
4.
Design an O2O flow linking online coupons to physical stores via QR and barcode
5.
Strengthen coupon usage accessibility with responsive web across mobile, tablet, and PC
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Light and dark versions of the ZZAI SEOUL x Alipay Coupon Page typography system.
Typeface: Noto Sans KR. Weights: ExtraBold, Bold, Medium, Regular, Light.
Sizes: h3 32px, Title 24px, Body 16px, Caption 12px.
Sample text: Discover another side of Korea.Light and dark versions of the ZZAI SEOUL x Alipay Coupon Page color system.
Primary #F04D6A, Primary Bg #FBEEEE, Secondary #1F62A4.
Grayscale: #FFFFFF, #8F8F8F, #000000.Light and dark versions of the ZZAI SEOUL x Alipay Coupon Page typography system.
Typeface: Noto Sans KR. Weights: ExtraBold, Bold, Medium, Regular, Light.
Sizes: h3 32px, Title 24px, Body 16px, Caption 12px.
Sample text: Discover another side of Korea.Light and dark versions of the ZZAI SEOUL x Alipay Coupon Page color system.
Primary #F04D6A, Primary Bg #FBEEEE, Secondary #1F62A4.
Grayscale: #FFFFFF, #8F8F8F, #000000.
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Light and dark versions of the ZZAI SEOUL x Alipay Coupon Page typography system.
Typeface: Noto Sans KR. Weights: ExtraBold, Bold, Medium, Regular, Light.
Sizes: h3 32px, Title 24px, Body 16px, Caption 12px.
Sample text: Discover another side of Korea.Light and dark versions of the ZZAI SEOUL x Alipay Coupon Page color system.
Primary #F04D6A, Primary Bg #FBEEEE, Secondary #1F62A4.
Grayscale: #FFFFFF, #8F8F8F, #000000.Light and dark versions of the ZZAI SEOUL x Alipay Coupon Page typography system.
Typeface: Noto Sans KR. Weights: ExtraBold, Bold, Medium, Regular, Light.
Sizes: h3 32px, Title 24px, Body 16px, Caption 12px.
Sample text: Discover another side of Korea.Light and dark versions of the ZZAI SEOUL x Alipay Coupon Page color system.
Primary #F04D6A, Primary Bg #FBEEEE, Secondary #1F62A4.
Grayscale: #FFFFFF, #8F8F8F, #000000.

Take the for your business,

All you need is an idea. From the first consultation to launch, DevFive is by your side.
Contact Us Now
Quick Inquiry