P97 Networks wanted to develop a system where their clients would be able to set up ways to reward their regular users with rewards for regular purchases at their retail locations. As the Senior Product Designer, I collaborated with project managers, developers, and stakeholders to design a UI on the existing PetroZone web portal to create a loyalty program.
Challenges
1
Tight Deadline
1 month for UI design along with 2 months for development to launch within 4 months.
2
Multiple Functions
Multiple functions needed to manage loyalty including setting up campaigns and managing users.
3
Approachable
UI needed to be simple enough for the average user to be able to use easily.
Approach
- Collaboration
Regular meetings with Project Managers, Developers (Internal and External), and Stakeholders to be sure all requirements were being met. - Competitive Analysis
Researched and studied other loyalty platforms seeking patterns and trends to follow. - User Flows and Wireframes
Outlined the user journey and designed low-fidelity wireframes to draw out early concepts.
Loyalty Wireframes Solution
Studying similar loyalty-based UIs that had similar levels of complexity, it would be important to provide users with graphic visuals to represent large amounts of data. Data is visualized through graphs and charts on dashboards for quick and easy understanding. To aid in making updates to the app, users were provided with a preview in the UI to view their changes in real-time.
Loyalty Dashboard UI 
Loyalty Campaigns List UI 
Loyalty Rewards Tile UI 
Loyalty Campaigns Details UI 
Loyalty Members List UI 
Loyalty Member Dashboard UI Outcome
A very complex project with a lot of moving parts, this could not have been completed without working together with all stakeholders, talking about requirements and goals. Using my previous experience designing UIs that involved allowing an average user to set up their creation, the step-by-step UI guided people along the process without overwhelming them with data.