Key Features:

Dashboard Overview: Provides users with a snapshot of their earnings, performance metrics, and upcoming goals.

Earnings and Performance Tracking: Allows users to track their performance over different periods and compare it with their targets.

Compensation Insights: Offers detailed insights into compensation components and how users can optimize their earnings.

User-Friendly Design: Utilizes UPS’s color palette and Google Material Design principles for a consistent and intuitive interface.

Interactive Data Visualization: Integrates Chart.js for dynamic graphs, enhancing data visualization on the dashboard.

Outcome: The Pay Estimator project resulted in a user-friendly, visually appealing tool that significantly improved user engagement and satisfaction. By leveraging user feedback and conducting thorough testing, we were able to create a tool that meets the needs of our diverse user base and aligns with The UPS Store’s branding and business goals.

Research and Requirement Gathering:

Collaborated with the business analytics team and stakeholders to gather detailed requirements. Conducted user research, including interviews and surveys with B2B and B2C clients, to understand their needs and pain points.

Ideation and Concept Development:

We led the brainstorming sessions with our design team to generate ideas and create initial wireframes. Shared these concepts with stakeholders to gather feedback and refine our approach.

Wireframing and Prototyping:

Developed detailed wireframes and clickable prototypes using Figma. Created user flows and journey maps to visualize how users would interact with the Pay Estimator. Iterated on the designs based on feedback from stakeholders and user testing.

Collaboration with Teams:

Worked closely with the operations team and the Salesforce team to ensure our design was technically feasible. Addressed potential limitations early on to streamline the development process.

Design and User Interface:

Followed UPS’s color palette and incorporated Google Material Design components to create a modern, intuitive interface. Ensured brand consistency and visual appeal while making the tool easy to use.

Development and Implementation:

Used React to build a dynamic, responsive interface and Redux to manage the application’s state. Integrated Chart.js for creating interactive graphs, adding a rich layer of data visualization to the dashboard.

User Testing and Feedback:

Conducted thorough user testing with both B2B and B2C clients to validate our designs.Gathered valuable feedback and made several improvements, such as enhancing the manual entry for opportunities and refining the product tracker.

A/B Testing and Optimization:

Performed A/B testing on different versions of the dashboard to understand what resonated best with our users. Used the results to make data-driven decisions and optimize the user experience.

Launch and Post-Launch Evaluation:

Monitored user interactions using analytics tools post-launch. Tracked engagement metrics, gathered feedback, and made further adjustments to enhance user satisfaction and engagement.

Tools Used in the Pay Estimator Project

Figma
Google Material Design
React Redux
Chart.js
Google Analytics A/B Testing Tools
Adobe Creative Suite
Collaborative Tools (Jira)