preview 

PROJECT 

preepay

UX/UI • mobile app • Prototype • Design Systems • Mockup


a next-generation financial application that utilizes NFC technology for seamless transactions through its Tab to Pay feature, It also offers smart financial planning tools under the concept Plan – Pay – Purchase, empowering users to manage and control their spending effectively.

UX/UI process

Research

Identify target users by researching their pain points and goals.

UX structure

by creating user flows to define the content of each section and feature of the application.

UI system

Develop a design system by establishing typography and color guidelines tailored to the application.

Prototype

Create both low- and high-fidelity prototypes, beginning with component-based design using Auto Layout.

Testing

Conduct prototype testing with team for review and revisions.

UX Thinking





problem

Conceptualized and designed features that address the target audience’s needs, differentiate the brand from competitors, and make users feel that our application provides a better experience than simply scanning a QR code.





solution

Focused on vibrant and futuristic colors and design to appeal to the target audience, using shades of red, orange, green, blue, and purple. The design also emphasized key features such as setting financial goals, sending/receiving money, setting spending limits, currency conversion, deferred payments, and lending services.





result

Most users in the target audience appreciated the prototype, particularly for its bright and vibrant colors, modern and distinctive design compared to other similar platforms or applications, and the easy accessibility of various features.

design system

colors

#E57F20

#BF314B

#6AE084

#953ECB

#3E78E8

#222222

font

ก/A

prompt

SEmibold
24/16/12/8

UX/UI DESIGN GRAPHIC DESIGN WEB DESIGN LOGO DESIGN UX/UI DESIGN GRAPHIC DESIGN WEB DESIGN LOGO DESIGN UX/UI DESIGN GRAPHIC DESIGN WEB DESIGN LOGO DESIGN