Web Design Solution
for OneSolution
OneSolution is a leading manufacturing sales company dedicated to providing comprehensive solutions for industrial needs. With a focus on innovation and customer satisfaction, OneSolution offers a diverse range of high-quality products and services tailored to meet the demands of modern industries, ensuring efficiency and excellence in every project.
- Sole UX+UI Designer
- 1-month sprint
- UX Research : UI Design : Protoyping : Interaction Design : Design System
Jump to:
Overview
The primary goal for this research and design project was to enhance user engagement and conversion rates while delivering a visually appealing and intuitive interface. Through extensive user research, iterative design, and usability testing, I successfully revamped the website, resulting in a 41% increase in user engagement and a 36% boost in qualified leads.
- Provide an interactive design refresh aligned with the company's brand guidelines
- Design a user-focused parts catalogue, and resource center for an enhanced user experience
- Develop an atomic design system capable of scaling alongside the website's growth, ensuring consistency and adaptability across all elements.
1
Designer
17
Screen Designs
4
Rounds of Iteration
150+
Design Hours
RESEARCH
The process began with meeting with the marketing department to gain a comprehensive understanding of the company goals.
I hosted a Miro session with the marketing team and users to identify current pain points being faced with the current website flow, aesthetics, and functionality.
approach
I then determined that conducting user interviews, performing a market analysis would be the most effective methods for initial research.
I also analyzed user behavior data from the existing website helped to identify needs, and preferences. I connected with the social media manager to gather quantitative insights on the original site.
After synthesizing all of my research, I was confident I had identified key challenges being faced.
Card Sort
Through three card-sorting sessions, I was able to gain invaluable insights into user preferences and behaviors, informing website structure and content strategy.
As a result, I optimized user engagement, leading to a more user-friendly website, improved customer satisfaction, and increased conversions.
Market Research
During a comparative analysis for an agent or sales rep locator tools on similar websites, I found State Farm’s Agent Tool particularly noteworthy for its ease of use and simplicity. Inspired by its effective design, I pinned this concept, possibly incorporating certain aspects of the tool into my own.
problem
Users needed a more seamless and modern experience with a simplified sales rep locater; while the stakeholders needed to build trust and increase qualified leads through the site.
design
After joining the project post the UX team’s user research and wireframing phases, I seamlessly integrated into the design process. Leveraging their insights, I refined the wireframes into visually compelling UI designs while ensuring alignment with the company’s brand identity and user expectations.
Wireframing
My wireframing process involved a comprehensive analysis of the incumbent website’s layout and content. Subsequently, I meticulously crafted wireframes that preserved the site’s most efficacious components while introducing refinements in a visually streamlined manner.
These low-fidelity mockups underwent iterative refinement cycles, informed by invaluable user feedback, aligning the design harmoniously with the company’s strategic objectives and catering precisely to the nuanced preferences of the end-users.
Design and Iteration
During the usability testing phase, I initiated the process by carefully curating a group of representative users drawn from our core demographic. I then meticulously crafted realistic scenarios that closely emulated typical user interactions with both the ‘Local Rep Search’ functionality and the broader website interface.
'find your rep' locator tool
During the usability testing phase, I initiated the process by carefully curating a group of representative users drawn from our core demographic. I then meticulously crafted realistic scenarios that closely emulated typical user interactions with both the ‘Local Rep Search’ functionality and the broader website interface.
FINAL DESIGN
Conducting guided testing sessions, I closely observed and documented users’ interactions, collecting their feedback, and identifying pain points and areas for improvement. This data-driven approach provided a solid foundation for iterative refinement, a process through which the design and functionality were continually honed to optimally align with user needs and expectations. This phase sets the stage for a detailed elaboration of the wireframes
"We just want to sincerely thank Darnell for his hard-work and dedication he has put into redesigning the company website. We love it, we think it looks great, and he's greatly appreciated."
– CEO of OneSolution
Summary
The culmination of this project marked a resounding success. In the web design refresh, we accomplished the creation of a modern, user-centric website that proficiently conveyed the essence of the company’s brand. Simultaneously, it delivered an intuitive and highly accessible online experience, leading to a notable enhancement in user engagement and a substantial upswing in conversion rates.
The implementation of the ‘Find Your Rep’ functionality not only streamlined users’ capacity to connect with their local representatives but also yielded a substantial surge in user engagement and satisfaction. I firmly believe that my methodological process and execution serve as a testament to my unwavering dedication to user-centered design, successfully bridging the gap between business objectives and the discerning needs of our users
With great satisfaction, I was able to successfully meet and exceed the design needs and goals outlined in the beginning of the project.
- Provide an interactive design refresh aligned with the company's brand guidelines
- Design a user-focused parts catalogue, and resource center for an enhanced user experience
- Develop an atomic design system capable of scaling alongside the website's growth, ensuring consistency and adaptability across all elements.