design Project

CX Portal

macbook mockup Unicage

Responsibilities: Product Design | UX | UI

How can we create a centralized and user-friendly invoice system that meets the needs of the CX team and improves efficiency in managing and processing invoices?

background

Creating a solid
invoice system

Client:
Garten.co, wellness startup based in San Francisco.

Team:
Anna Istomina & Gonçalo Melo, Product Designers at Garten.


Story:
Harmonizing Complexity: Orchestrating Garten's Invoice System. Meticulously refining scattered fragments, we embarked on a symphony of centralization and elegance. Guided by the harmonious notes of the CX team, we composed a refined arrangement, seamlessly uniting diverse data and orchestrating a graceful dance of efficiency.

Every detail curated with finesse, we unveiled a masterpiece, where elegance met functionality, bringing serenity to the realm of invoices.

Previous Dashboard

Invoices scattered, data fragmented, and CX needs unmet, Garten's previous system struggled to provide clarity and efficiency.

Problems of old dashboard

1. Lack of Centralization: The previous invoice system suffered from scattered data, making it challenging to manage and locate relevant information efficiently.

2. Inconsistent Formatting: Different invoice templates and layouts caused confusion and inconsistency, leading to a lack of brand cohesion and professional presentation.

3. Misalignment with CX Requirements: The previous system failed to meet the specific needs and expectations of the CX team, resulting in frustration and a disjointed user experience.

the problem statement

How might we centralize, standardize, and align Garten's invoice system to better meet CX requirements?

Questions

1. How can we centralize invoice data to improve accessibility and efficiency?

2. What are the specific requirements and expectations of the CX team regarding the invoice system?

3. How can we standardize the formatting and layout of invoices for consistency and brand cohesion?

4. How can we ensure data accuracy and minimize errors in the invoicing process?

summary of personas

Driving Workplace Success: Personas Focused on
Productivity, Satisfaction, and Wellbeing

The ideal solution for the personas
‍‍

1. Develop an analytics dashboard that provides real-time insights on employee well-being, satisfaction, and productivity, addressing the needs of facility managers, HR managers, and workplace experience managers.

2. Incorporate features to track and measure employee experience throughout the employee lifecycle, enabling HR managers to identify areas for improvement and provide a positive employee journey.

3. Offer tools and analytics to measure workplace conditions and their impact on employee performance, helping workplace experience managers identify and implement improvements.

4. Provide wellness-focused features and resources that address the concerns of employees, promoting a culture of well-being and enhancing employee satisfaction.

Design process

Goal-Centric Design: Iterative Process and About Face Principles for Solution Refinement

The design process for tinkering the solution followed the guidelines from the book About Face and involved the following steps:

Gathering Inspiration: We explored various invoice system designs to gain inspiration and understand different approaches.

Feedback Collection: We sought feedback from the CX team and other stakeholders to gather insights and perspectives on the existing invoice system. This feedback helped us identify pain points and areas for improvement.

Defining the Design Direction: Our goal was to create a centralized and streamlined invoice system that aligned with the CX team's requirements and preferences. We aimed for a clean and intuitive design that would enhance usability.

Iterative Design Process: We adopted an iterative approach, creating multiple versions of the invoice system, incorporating feedback, and refining the design at each stage. This allowed us to iteratively address the identified problems and refine the user experience.

User-Centric Approach: Throughout the design process, we kept the end-users in mind, focusing on their needs and preferences. User testing and feedback were integral in shaping the design and ensuring it met their requirements effectively.

Collaboration and Iterative Refinement: Collaboration between the design team, stakeholders, and users played a crucial role. Continuous communication and feedback loops enabled ongoing refinement and optimization of the design.

Alignment with About Face Principles: We adhered to the principles outlined in the book About Face, emphasizing usability, user experience, and effective interaction patterns in the design of the invoice system.

By following this design process, incorporating feedback, and aligning with the About Face guidelines, we were able to refine the initial invoice system, establish a user-centric design direction, and create a streamlined and intuitive solution for managing invoices."

Product Refinement

The refinement process of the invoice system involved close collaboration with key stakeholders, including the CX team and other relevant individuals.

Here is an overview of the process and the changes made:

Stakeholder Engagement: We conducted initial meetings with the CX team and other stakeholders to understand their pain points, requirements, and expectations regarding the invoice system.

Feedback Collection: We actively sought feedback from stakeholders on the existing system, focusing on areas that needed improvement. Their insights and perspectives were invaluable in identifying specific issues and gathering ideas for enhancements.

Iterative Design Reviews: We held regular design reviews with stakeholders, presenting them with wireframes and prototypes of the refined invoice system. These sessions allowed stakeholders to provide feedback, suggest modifications, and share their vision for the ideal solution.

Collaborative Decision-Making: We facilitated collaborative decision-making sessions, involving stakeholders in prioritizing features, discussing design trade-offs, and aligning on the direction of the refinement process. This ensured that the final solution met their needs and addressed their pain points effectively.

Iterative Changes: Based on stakeholder feedback, we made iterative changes to the design, incorporating their suggestions and implementing improvements. This involved revising layouts, optimizing workflows, and fine-tuning the user interface to enhance usability and efficiency.

User Testing and Validation: We conducted user testing sessions with representatives from the CX team and other end-users to validate the refined solution. Their feedback and real-world usage insights helped us further refine and validate the design decisions.

Continuous Feedback Loop: Throughout the refinement process, we maintained an open and continuous feedback loop with stakeholders. This allowed for ongoing discussions, clarifications, and adjustments as needed to ensure the solution aligned with their evolving requirements.

By actively involving stakeholders, collecting their feedback, and making iterative changes based on their input, we were able to refine the invoice system to better meet their needs, enhance user experience, and streamline invoice management processes.

final solution presentation

Simplifying Processes for Efficient Financial Operations

CX Portal

Uncover Data Insights, Track Performance, and Make Informed Decisions for Business Success

Invoices to Approve

Introducing our New Mobile Version: Access Data, Insights, and Tools Anywhere, Anytime for Seamless Productivity and Decision-making.

Opening invoice

Tablet Version: Optimize Productivity and Analyze Data with a Rich and Intuitive Interface for Enhanced Decision-making.

the value proposition

What makes our solution unique?

The potential solution aims to provide a centralized and streamlined invoice system that improves accessibility, standardization, and efficiency, ultimately enhancing customer experience and operational effectiveness.

solution

Native app for monitoring and supervision during the date

Onboarding

After the user has seen the various uses that can benefit her in the use of our product we will ask her to identify as a woman to protect the purity of the product and to raise in her a sense of security.

Background Check

To motivate the user to use the app, we will lead her to run a background check on one of the guys she is communicating with. Checking the background can empower the value we offer - a sense of security and control - knowledge is power.

Date Entry

While entering the date data the app gathers all the information needed to provide the user with the protection she needs. The step will be broken down into several steps to reduce the effort required from the user which will also help to focus her at every step.

During the Date

During the date, the app will send alerts according to the settings we set on the "date entry".

Reporting

To collect information that will be useful to our users, at the end of each date the user will be asked to report the date. We will make sure at this point to lower her concerns by security stamp and noting the fact that the information she is providing remains confidential.