The project itself :
Project Overview
Swype is a unified platform that enables businesses to manage payments, distribute rewards, and run incentive campaigns seamlessly. The goal was to simplify how businesses engage customers through payments and loyalty systems in one place.
Problem:
Businesses struggle with managing payments and incentives across multiple tools, leading to inefficiency, poor tracking, and limited visibility into performance.
Goal:
The goal was to design a centralized platform that simplifies payment processing, campaign management, and reward distribution while improving visibility and control for businesses.
My role:
Product designer leading the Swype web application and admin system design.
Responsibilities:
conducting research,
storyboarding,
paper and digital wireframing,
usability studies,
iterating on designs,
making high-fidelity prototype
All about the user :
User Research
I explored how businesses manage payments, rewards, and customer engagement. The research revealed that businesses struggle with fragmented tools, making it difficult to track performance and manage incentives efficiently.
Pain Points
Fragmented Systems:
Businesses use multiple tools for payments, rewards, and campaigns, leading to inefficiency.
Lack of Visibility:
Limited access to real-time insights on transactions and campaign performance.
Complex Reward Distribution:
Difficulty managing vouchers, incentives, and value distribution at scale.
User Personas
Personas were developed based on research insights to represent businesses that struggle with managing payments and incentives across multiple tools, leading to inefficiency and lack of visibility.
User Journey Map
It is the series of experiences David has as he achieve a specific goal. It was built on the his experience.
I mapped out the user journey to understand how businesses interact with Swype when managing payments and incentives. This helped identify friction points and opportunities to improve efficiency and clarity.
Goal
Set up and manage a payment or incentive campaign, track performance, and distribute value efficiently.
The project schematically :
Starting the Design
Here I built some schemes and storyboards to clarify and understand information and architecture of the app. After I created paper wireframes and than proceeded with building digital wireframes with a low-fidelity prototype in order to conduct usability studies with stakeholders.
Sitemap
I created the sitemap to define the structure of the platform and organize key features into a clear and scalable system.
This helped ensure that users could easily navigate between campaigns, payments, rewards, and analytics without confusion.
Paper Wireframes
I sketched multiple layout ideas to explore different ways of structuring the dashboard and campaign flows.
I sketched several layout options to explore how the dashboard, campaign flows, and payment features could be structured for clarity and ease of use. After reviewing the different versions, I refined the strongest ideas into a more cohesive direction that better supported business tasks such as managing incentives, tracking payments, and monitoring campaign performance. The goal at this stage was to quickly test multiple structural ideas through wireframes before moving into digital design.
Digital Wireframes
More "clear" version of wireframes in a digital form. Also all the important pages are added
in it.
On this step I used the Figma design tool to create digital wireframes of all the pages. Then I bonded all of them into the clear and smooth structure.
The goal is to show how all the pages and things interact with each other.
Usability Studies
This is an examination of users and their needs, which adds realistic context to the design process.
I initially conducted unmoderated usability studies with a small group of participants, who interacted with the low-fidelity prototype and shared their thoughts while completing key tasks such as navigating the dashboard, setting up campaigns, and reviewing reward flows. After collecting the feedback, I analyzed the responses and grouped them into recurring themes to uncover the most important usability issues. The goal was to identify pain points early in the experience and refine the designs before moving into the final product stage.
Campaign setup complexity:
Users found campaign creation slightly complex and needed clearer steps.
Reward configuration clarity:
Users needed better understanding of reward structures.
Dashboard visibility:
Users wanted clearer insights and simplified data presentation.
The clear version :
Refining Design
At this stage, I translated the refined wireframes into high-fidelity mockups, applying the insights gathered from the usability studies to improve clarity, hierarchy, and overall usability. These designs represented the near-final experience of the platform, showing how businesses would interact with payments, campaigns, rewards, and analytics. After finalizing the mockups, I developed a high-fidelity prototype to simulate the core product flows and validate the overall experience.
Mockups
These are a high fidelity design that represents a final product
I created high-fidelity mockups for the core Swype screens, applying a consistent visual system across typography, color, spacing, iconography, and interface components. Each screen was designed to clearly communicate the product’s payment, campaign, and reward flows while maintaining a polished and scalable experience. The goal was to present the final product direction in enough detail to reflect how the platform would function in a real business environment.
The project schematically :
Outcome
Now, finally, it remained to pay attention to several takeaways and plan some further steps.
Takeways
Designing for business workflows requires clarity, structure, and simplicity.
Impact:
Target users described Swype as clear, intuitive, and easy to navigate, making it simpler for them to manage payments, launch campaigns, monitor performance, and distribute rewards without relying on fragmented tools.
What I learned:
The main thing I learned that even a small change can have a huge impact on the user experience. The most important takeaway for me is to always focus on the real needs of the user.
Next Steps
The series of hand-drawing frames that visually describe and explore a user's experience with a product.
Conduct follow-up usability testing on the new app iteration.
Identify any additional areas of need and ideate on new features.