Logo

Garnering badges like "Top Performer - Multiple Seasons" on G2

ElevateHQ Product design mockup
ElevateHQ Product design mockup
ElevateHQ Product design mockup

Client

CreateBytes

Timeline

1 year

Services

Product Design

Brief

ElevateHQ, a leading sales commission software provider, entrusted me with a year-long product design project. This comprehensive undertaking involved the meticulous development and integration of several key modules, each playing a crucial role in the overall platform. Users & Teams, Plan Designer, Dashboard, Quotas, Payouts, Settings, Inquiries, and Support were meticulously introduced one by one, ensuring a cohesive and user-centered experience. The project's core objective was to craft a seamless user experience by meticulously integrating each module into the comprehensive ElevateHQ platform.

G2 Winter report badges grabbed by ElevateHQ
G2 Winter report badges grabbed by ElevateHQ
G2 Winter report badges grabbed by ElevateHQ

Process Followed

To ensure a cohesive and user-centered experience throughout ElevateHQ's modular releases, I implemented a streamlined product design process for each new feature:


  1. User Research & Understanding: The process began with understanding user needs and workflows. This involved user research techniques to gather insights on how sales teams manage commissions and what functionalities would be most valuable.


  2. Information Architecture & Navigation: Based on user research, a clear information architecture was established for each module. This defined the organization of features and content, ensuring users could easily find the information they needed.


  3. Wireframing & Prototyping: Low-fidelity wireframes were then created to visualize the layout and user flow for each module. These wireframes were iteratively refined and transformed into interactive prototypes for user testing and feedback.


  4. User Testing & Iteration: User testing played a crucial role. By testing prototypes with target users, usability issues were identified and addressed. This iterative process ensured each module offered a smooth and intuitive user experience.


  5. Design System Integration: Each new feature's design adhered to the established design system. This ensured visual consistency across the entire platform, maintaining a familiar and user-friendly experience for ElevateHQ users.

Process followed while designing the Product

Key Takeaways

As a UX/UI generalist on this year-long project, I wore multiple hats, tackling tasks across the design spectrum. This holistic approach yielded impactful results:

1

Business Success

Prioritizing user needs through research and testing led to a 25% increase in user satisfaction with the platform, as measured by internal surveys. This user-centric approach directly translated to business success, with ElevateHQ consistently garnering badges like "Best Product of the Day" and "Top Performer - Multiple Seasons" on G2, a leading software review platform.

2

Modular Design

The modular rollout strategy, planned and designed, ensured a smooth onboarding experience for new users, with a 10% reduction in support tickets related to platform navigation.

3

Design System

Developing and implementing a robust design system streamlined the design and development process, leading to design team efficiency. This system also ensured a consistent and unified user experience across the platform.

Challenge

The project presented a unique challenge: designing a sales commission software that could be built in stages. Here's what I needed to tackle:

1

Seamless Stitches

As new features were introduced, they had to integrate smoothly with the existing platform. Imagine adding a new room to your house – it shouldn't look like it was built later! The user experience (UX) throughout the entire software had to feel connected.

1

Digital Disconnect

Digital Disconnect: Mya & Friends lacked a website entirely. This meant potential customers had no way to discover their brand or purchase their products online.

1

Digital Disconnect

Digital Disconnect: Mya & Friends lacked a website entirely. This meant potential customers had no way to discover their brand or purchase their products online.

2

Easy Navigation Symphony

Unidentified Identity

A well-organized system for finding information (information architecture) and a consistent design style across all features were key. This would make it easy for users to learn the ropes, no matter when they started using ElevateHQ.

Unidentified Identity: The brand lacked a cohesive visual identity across marketing materials, making it difficult for customers to recognize and remember Mya&Friends.

2

Unidentified Identity

Unidentified Identity: The brand lacked a cohesive visual identity across marketing materials, making it difficult for customers to recognize and remember Mya&Friends.

3

Design Consistency

To keep the design looking polished and unified as new features were added, I had to build a design system for product scalibility. This ensured everything worked together in harmony.

3

Branding Blindspot

Branding Blindspot: Without a clear branding strategy, Mya & Friends struggled to present a consistent and unified image to their target audience.

3

Branding Blindspot

Branding Blindspot: Without a clear branding strategy, Mya & Friends struggled to present a consistent and unified image to their target audience.

ElevateHQ Design System
ElevateHQ Design System
ElevateHQ Design System

Process Followed

To ensure a cohesive and user-centered experience throughout ElevateHQ's modular releases, I implemented a streamlined product design process for each new feature:


  1. User Research & Understanding: The process began with understanding user needs and workflows. This involved user research techniques to gather insights on how sales teams manage commissions and what functionalities would be most valuable.


  2. Information Architecture & Navigation: Based on user research, a clear information architecture was established for each module. This defined the organization of features and content, ensuring users could easily find the information they needed.


  3. Wireframing & Prototyping: Low-fidelity wireframes were then created to visualize the layout and user flow for each module. These wireframes were iteratively refined and transformed into interactive prototypes for user testing and feedback.


  4. User Testing & Iteration: User testing played a crucial role. By testing prototypes with target users, usability issues were identified and addressed. This iterative process ensured each module offered a smooth and intuitive user experience.


  5. Design System Integration: Each new feature's design adhered to the established design system. This ensured visual consistency across the entire platform, maintaining a familiar and user-friendly experience for ElevateHQ users.

Process followed while designing the Product
Process followed while designing the Product

Ideation which took place

UX Design all about teamwork! For each new feature, like Users & Teams or Payouts, I'd brainstorm with stakeholders – to understand their vision and goals. Then came the user focus: interviews and feedback helped me design features that fit into real-world sales team workflows. Here's where things got creative. I sketched wireframes, basically like itrations/ solutions, to show how users would navigate and interact with the features. These wireframes were constantly being tweaked based on user feedback and discussions with developers. We even did card sorting exercises, where users categorize information, to figure out the most user-friendly way to organize everything within each feature. Through this collaborative process, each part of ElevateHQ transformed into a user-friendly and efficient experience, ready to slot perfectly into the bigger sales commission platform.

Sketching and ideation phase
Sketching and ideation phase
Sketching and ideation phase

Project Outcome

ElevateHQ's year-long journey was a triumph of user-centered design. By rolling out features like Users & Teams and Payouts one by one, we ensured a smooth learning curve for US-based sales teams. The focus on user research throughout the design process resulted in a platform that's not only powerful but also incredibly easy to use. A consistent design language, maintained through a central design system, ensured a unified experience across all features, regardless of rollout date. This user-centric approach not only satisfied our client but also resonated with the US market, leading to a positive response and a surge in new users onboarding the ElevateHQ platform.

  • Mobile responsive login screens
  • Emailer Templates redesigned
  • Product web mockups
  • Standee design for an event
  • Mobile responsive login screens
  • Emailer Templates redesigned
  • Product web mockups
  • Standee design for an event
  • Mobile responsive login screens
  • Emailer Templates redesigned
  • Product web mockups
  • Standee design for an event

Key Takeaways

As a UX/UI generalist on this year-long project, I wore multiple hats, tackling tasks across the design spectrum. This holistic approach yielded impactful results:

1

Business Success

Prioritizing user needs through research and testing led to a 25% increase in user satisfaction with the platform, as measured by internal surveys. This user-centric approach directly translated to business success, with ElevateHQ consistently garnering badges like "Best Product of the Day" and "Top Performer - Multiple Seasons" on G2, a leading software review platform.

1

Integrated Expertise

Mya & Friends showcases the synergy between branding and UX design. Here, I wielded both skillsets to craft a captivating brand identity that resonated with the target audience, resulting in a 25% increase in website traffic within the first 3 months. Simultaneously, I designed a user-friendly website, leading to a conversion rate jump of 18%.

2

Modular Design

Cohesive Brand Experience

The modular rollout strategy, planned and designed, ensured a smooth onboarding experience for new users, with a 10% reduction in support tickets related to platform navigation.

The project's success underscored the critical role of a cohesive brand experience. Mya & Friends' newfound brand consistency, evident across the website, logo, and packaging, fostered a 10% rise in brand awareness as measured by social media engagement.

3

Design System

Developing and implementing a robust design system streamlined the design and development process, leading to design team efficiency. This system also ensured a consistent and unified user experience across the platform.

3

Design Passion Reinforced

Working on Mya & Friends solidified my passion for projects that leverage branding and UX design expertise. This combined approach is key to creating impactful digital experiences that look great and function flawlessly, demonstrably driving business growth.

Other Projects

Other Projects

Other Projects

Elevate HQ

Product Design

1 year

ElevateHQ Product design mockup

Elevate HQ

Product Design

1 year

ElevateHQ Product design mockup

Elevate HQ

Product Design

1 year

ElevateHQ Product design mockup

Scanner Go

UI/UX Design

3 Weeks

ScannerGo document tool

Scanner Go

UI/UX Design

3 Weeks

ScannerGo document tool

Scanner Go

UI/UX Design

3 Weeks

ScannerGo document tool
ChefinUX Primary Logo

© MADE WITH LOVE ❤️ | CHEFINUX 2023

ChefinUX Primary Logo

© MADE WITH LOVE ❤️
CHEFINUX 2023

ChefinUX Primary Logo

© MADE WITH LOVE ❤️
CHEFINUX 2023

ChefinUX Primary Logo

© MADE WITH LOVE ❤️ | CHEFINUX 2023

ChefinUX Primary Logo

© MADE WITH LOVE ❤️
CHEFINUX 2023