Highlights

Client

ProConnection

Website

www.promaster.com

Platform

Responsive Dashboard and Website

Role

Lead Designer, UX Researcher 
& Brand Designer

Skills & Methods

Research, User Interviews, UX/UI Design, Prototypes & A/B Tests, Usability Tests

Tools

Figma, Adobe Suite, Zoom and Maze

The Problem

The existing ProMaster website grapples with a range of issues, from poor user engagement and high bounce rates to inadequate mobile experience and low conversion rates. These challenges collectively hinder the brand's potential to capture its audience's interest, resulting in missed opportunities for growth and reduced customer satisfaction. Addressing these concerns is imperative to align ProMaster's digital platform with its longstanding reputation for quality photography accessories and exceptional customer support.

35% drop

Mobile Transactions Decrease

65%

Bounce Rate

42 sec

Average Session Duration

3.0 out of 5

User Ratings and Reviews

12%

Return Visitor Rate

25%

Checkout Abandonment Rate

The Solutions

The proposed solution focuses on crafting streamlined interactions, intuitive user flows, and a visually organized interface. By revamping the design, we aim to elevate ProMaster's standing in the market, enhancing its reputation as a go-to source for photography accessories. The user experience will be significantly improved through a simple and intuitive design that aligns with users' needs. This entails refining user journeys, decluttering information, and creating a cohesive visual language, ensuring the new interface caters seamlessly to users, encourages exploration, and fosters a stronger connection between ProMaster and its passionate photography community.

Defining The Problem

We are tasked with redesigning ProMaster's digital platform to address the challenges faced by both loyal customers and new users. The current interface lacks modernity, leading to high bounce rates and limited engagement. Navigation difficulties hinder user experience, translating to low conversion rates, particularly in mobile transactions. Our challenge is to bridge the gap between the brand's longstanding reputation and the digital expectations of today's photography enthusiasts.

Opportunity

By overhauling ProMaster's digital presence, we have a significant opportunity to enhance its reputation in the market. A well-executed redesign can position ProMaster as a top choice for photography accessories, appealing to long-time customers and new generations alike. The chance to create an engaging and efficient platform that caters to users' needs while aligning with the brand's legacy is a unique prospect.

Hypothesis

We believe that by simplifying interactions, optimizing user flows, and organizing the interface visually, we can significantly reduce bounce rates and improve engagement. Through a mobile-responsive and user-centric design, we hypothesize that conversion rates will increase, particularly in mobile transactions. The ultimate goal is to elevate ProMaster's digital presence and solidify its position as a trusted provider of photography accessories.

Research

Conducting extensive research, I delved into ProMaster's values, objectives, and challenges, while also gathering user reviews and feedback. These insights formed the foundation for a data-driven approach to address the identified user challenges, ensuring a seamless and user-friendly experience.

Key Insight form the research

  • The research indicates a clear need to prioritize user-centric design enhancements to address identified pain points.
  • The lack of tracking information and confusion surrounding returns underscore the importance of transparent communication.
  • Users' dissatisfaction with low-resolution product photos signals the significance of visual presentation in influencing purchase decisions.
  • The prevalent frustration with the lengthy checkout process demands streamlining and simplification.
  • Addressing compatibility issues will be key in ensuring a consistent experience for all users.

Who are we designing for

Our design efforts are focused on catering to a diverse user base represented by a well-defined persona. This persona captures the collective needs and challenges of photographers and photography enthusiasts, allowing us to create a user-centric design that resonates with their preferences and enhances their experience on the ProMaster platform.

Core Task Flow

The core task flow within the ProConnection web app and dashboard revolves around users seamlessly navigating through product selection, adding items to the cart, reviewing their selections, and completing the purchase, all while benefiting from a simplified and intuitive interface designed to enhance the shopping experience.

The Final Solution

To present our comprehensive design overhaul, a thorough design audit was conducted to showcase a comparison between the old and redesigned screens. The audit employed a color scheme of green for improvements, orange for areas needing refinement, and red for critical fixes.

Landing Page

The landing page redesign focuses on a streamlined layout and clear calls to action, enhancing user engagement and simplifying the initial browsing experience.

Solution Image 1

Product Detail Page

The redesigned product page tackles challenges by featuring upgraded image quality and a simplified layout, allowing users to explore products effortlessly.

Solution image 2

Cart Page

Addressing earlier issues, the cart page now features accurate cart badge updates and a streamlined checkout process, eliminating user frustrations.

Solution image 3

Shop a Local Dealer Page

The redesigned shop local dealer page simplifies the process of finding nearby dealers and accessing relevant information, promoting a smoother local shopping experience.

Solution image 4

Responsive Mobile Screens

The responsive mobile design ensures a consistent and intuitive layout across various devices, eliminating previous inconsistencies and delivering an improved mobile browsing experience. Through these strategic design interventions, we've successfully tackled user challenges, creating a more intuitive and engaging experience on the ProMaster platform.

Solution image 5

Solution image 6

Success Metrics

The success metrics outline the positive impact of our redesign efforts on ProMaster's digital platform. By addressing user challenges and implementing strategic design enhancements, we aimed to achieve significant improvements in key performance indicators. These metrics reflect the effectiveness of the new design in fostering user engagement, boosting conversion rates, and solidifying ProMaster's reputation as a premier source for photography accessories. Our meticulous design decisions are validated by these measurable outcomes, underlining the project's success in enhancing both user experience and business objectives.

15%

Achieved a 15% reduction in bounce rate.

10%

Realized a 10% growth in mobile transactions.

20%

Witnessed a 20% increase in conversion rates.

30%

Achieved a 30% reduction in average page load time.

Conclusion and
Takeaway

In conclusion, the ProMaster redesign project embodies a successful collaboration of design expertise and user-centric strategy. By diligently addressing user challenges, implementing innovative solutions, and validating design decisions with quantifiable metrics, we have elevated ProMaster's digital platform. The remarkable enhancements in user engagement, conversion rates, and cross-selling success underscore the direct correlation between a well-executed UI/UX design and business performance.

Key Takeaways

Prioritizing user needs leads to impactful design solutions. Quantifiable metrics validate design effectiveness and ROI. Streamlined interactions boost engagement and satisfaction. Regular audits and adaptations maintain relevance. A thoughtfully designed interface enhances brand credibility.

Contact me

Arrow Up Icon
Let’s talk about your project
Whether you're a design team in need of support or an early-stage company looking to level up your design, I'd love to talk about your project.