Hypay is a payment intermediary for online stores hosted primarily on Instagram and Facebook. Their main goal is to facilitate users interaction with their online stores.
Screens
02
The Challenge
Our challenge in designing the Hypay platform was to identify the main pain points of the users while interacting with their online stores and determine where we should focus our efforts to get the most effective result.
03
The Solution
Research is where it all started, we looked at the competitors digital designs and also looked at how we could solve the issue listed in the challenge above. In 2 months, we researched deeply, iterated quickly, went through several challenges and successfully designed a dashboard that allowed the users to interact and manage their stores with ease.
Screens
04
Low Fidelity Screens
After considering the features involved and the overall functionality, we designed the template of the website. We transformed our data into wireframe structures known as low fidelity screens and further refined the information architecture screen by screen.
Screens
05
Design System
We developed a thoughtful Design System that it is able to replicate elements quickly while keeping consistency across the product. We designed it in an atomic and scalable form, which allowed the entire product team to work and cooperate easily.
1. Typography
2. Colors
3. Iconography
Screens
06
High Fidelity and Prototype
After several rounds of iterations of design and research for the development of the project, we created the prototype version of the HyPay platform, with powerful visuals that communicates the product values and goals.
.png)
.png)
