Website for a rubber coating manufacturer

Understanding the user

• User research
• Personas
• Problem statements
• Competitive audit

‍

‍

User research: summary

User research provided essential insights that shaped the website's design. Through interviews, surveys, and testing, we understood user preferences and pain points. This guided our design, enhancing user experience and visual appeal. The result is a website that resonates with users and exceeds expectations.

‍

User research: pain points

1. Complex Navigation: Users struggled to find specific products due to a convoluted navigation structure, resulting in frustration and prolonged search times.
2. Tedious Order Process: Users found the order placement process to be cumbersome and time-consuming, discouraging repeat purchases.
3. Slow Loading Times: Users encountered slow loading times, leading to frustration and potential abandonment of the site.

‍

Persona: Alex Turner

Problem statement: Alex Turner, a project manager with an industrial engineering  background, requires a streamlined solution for sourcing rubber coatings. The existing challenges of complex navigation and limited information on supplier websites hinder prompt decision-making, impacting project timelines. Alex seeks an intuitive platform with accessible product details and efficient order placement to enhance project management and material choices.

User story: As a busy project manager with an industrial engineering background, I need an intuitive platform to quickly access detailed product information and streamline the process of sourcing rubber coatings for my projects. This solution will empower me to make informed decisions efficiently, manage projects effectively, and ensure optimal material choices.

‍

‍

Starting the design

• Paper wireframes
• Digital wireframes
• Usability studies

‍

‍

Paper wireframes

By meticulously crafting successive versions of each web page on paper, we strategically ensured that the digital wireframes incorporated elements that directly addressed user challenges. For the homepage, our focus was on creating a seamless and user-friendly navigation to help users effortlessly explore our range of rubber coatings, thus enhancing their experience and simplifying their search process.

Digital wireframes

‍

Usability study: parameters

‍

Refining the design

• Selecting a font
• Choose a color scheme
• Mockups
• Accessibility

‍

‍

Typography

The choice of the "Montserrat" sans-serif font is an excellent fit for this project due to its clear readability and compatibility with the project's objectives. Sans-serif fonts, like "Montserrat," are known for their simplicity, making them easy to read on digital platforms.

For a rubber coating website that emphasizes technical details, "Montserrat"'s clean design helps convey information effectively, even in small font sizes. Its modern appearance also aligns well with the project's professional image, evoking precision and reliability.

By opting for "Montserrat," the project ensures readability and a contemporary feel, essential for user-friendly navigation and establishing trust. The font's straightforward elegance complements both the visual appeal and the functional essence of the website.

Color

Color plays a significant role in the website's design, with a predominant use of light shades. Accentuating the design is a vibrant bright yellow, thoughtfully chosen as an accent color. This choice not only adds visual interest but also aligns seamlessly with the branding, as the yellow color is consistent with the logo's palette. This design approach ensures a harmonious and attention-catching visual experience throughout the website.

Mockups

‍

Accessibility considerations

Going forward

• Takeaways
• Nextsteps

‍

Takeaways

‍

Impact:

As a direct outcome of the design enhancements, the rubber coating website has experienced a positive transformation in user experience. The implementation of streamlined navigation, comprehensive product details, and an efficient order process has notably simplified the user journey. This positive change is substantiated by the constructive feedback received from project stakeholders and users who participated in usability testing. The incorporation of clear visuals, comprehensive specifications, and user-friendly icons has effectively empowered users to comprehend the website's layout and make well-informed decisions regarding rubber coatings. These enhancements have likely led to heightened user satisfaction and increased engagement with the platform.

‍

What I learned:

Throughout this project, I gained a profound understanding of the principles of user-centered design, the significance of rigorous user research and testing, and the strategic utilization of design elements to heighten user experience and cater to user demands. This journey also equipped me with skills in prototyping and the art of deciphering user feedback. Furthermore, I gained a comprehensive grasp of the pivotal role accessibility and security play in web design. This real-world project provided a platform to practically apply design theories, fostering invaluable hands-on experience in the realm of UX design.

‍

Next Steps:

1. Collect User Feedback: Initiate a structured process to gather feedback from website users. Implement user feedback mechanisms, such as surveys, feedback forms, or user interviews, to understand how they interact with and perceive the website.
2. Thorough Analysis: Scrutinize collected feedback to identify recurring patterns, trends, and specific pain points. Categorize feedback into usability issues, content concerns, navigation challenges, and any emerging user preferences.
3. Iterative Design Enhancement: Based on the analysis, prioritize the identified issues and opportunities for improvement. Iterate on the website's design, incorporating actionable insights from user feedback. Focus on addressing pain points and enhancing user satisfaction.

These steps emphasize a user-centric approach, where the collection and analysis of user feedback serve as crucial inputs for refining the website's design. This iterative process ensures that the website consistently evolves to align with user expectations and preferences.