Meggalife
July 1, 2019
First Group – RDM Driver Routing Management System
October 9, 2020

Worldpay Shopper Insights Application

Simplify payment acceptance and improve your bottom line by accepting traditional and alternative payment types anywhere, any time, on any device and across channels.

 

About the Project

Worldpay Shopper Insights Application

Simplify payment acceptance and improve your bottom line by accepting traditional and alternative payment types anywhere, any time, on any device and across channels.
 

My Role

Lead UI UX Designer


Project Name: Shopper Insights
Type: Merchant Sales Analytics
Date: February 2020
 

My Responsibilties

  • Visual Design
  • Data Visualzation
  • Wireframes
  • User Research
  • Collaberated with Engineers and Product Manager to define road map and product requirements
  • Design Desktop and Mobile Versions
 

Gathering insights

 
 

I joined the Think Design team as a Senior UX Architect in 2019 which had a team of 3 designers assigned to one of their biggest US clients Worldpay. In December I became the lead UX Designer on the Shopper Insights Project. I worked onsite with 15 engineers and a product manager and I supported the design across every aspect of the project and was responsible for leading UX and UI across key parts of the application side of the platform. My first step was to sit with the product manager and establish a design system to help the Engineering teams understand how and why we choose to implement certain components over others.

  • Creating a user story
  • Research top retail applications
  • Discuss different scenarios for customers and small businesses.
  • List out priorities for the customers.
  • Communicate and share with the engineers
 
 

User Personas

 
 
 
 

Wireframes

 
 
  • Based on the needs and feedback from customers and blockers we had with the engineers I worked towards addressing thesolutions.
  • Minimize the number of pages and only have the core.
  • Which data visualization represents data analytics the best.
  • Establishing clearer visual form hierarchy by grouping related fields
  • I used a standardized styling that matched the branding guidelines.
  • I quickly mocked up some basic wireframes in Adobe XD to gather feedback from the Product Manager and the Engineering team.
 
 

Dashboard Wireframe Option 1

 
 
 

Designs

 
Dashboard Summary of average sale, transactions and total revenue with Bar Graph and Heat Map toggle visual data display. Filtering with timestamps from 1 day to 1 year. Dropdown menu and search businesses.
 
 
Customer insights Bar Graph visual data display to see how many customers have visited your store and made any type of transactinon. Business comparison map and business health analytics. This allowed business owners to compare related businesses in their area or to see other stores if they owned multiple.