Website: https://www.werner.com/
‍
Tech Stack/Build: Wordpress | DIVI | Javascript, CSS, HTML5

Project Overview:
This project centered around elevating the Werner.com website's user experience through innovative design and technical solutions. My key contributions included designing an adaptive interactive menu navigation system, customizing forms for aesthetic and functional coherence, and developing an engaging interactive wheel feature for desktop users.

Challenges:
The primary challenge was to enhance the website's interactivity and user engagement without compromising its existing structure and brand identity. This required thoughtful design and careful integration of new features. Additionally, ensuring that the new elements were responsive and functioned seamlessly across different devices was crucial.

Solutions:

- Interactive Menu Navigation System: I designed and implemented a new menu navigation system that was not only visually appealing but also adaptive to different pages. This system was crafted to enhance the user experience by providing intuitive and easy access to various sections of the website, improving site navigation significantly.

- Custom Forms Using JotForm and CSS: To maintain consistency in the website’s design, I customized various forms using JotForm and CSS. This customization ensured that the forms not only matched the site's aesthetic but also met the functional requirements, offering a seamless user experience.

- Engaging Interactive Wheel for Desktop Users: A standout feature I developed was an interactive wheel, specifically designed for desktop users. This feature added a dynamic and engaging element to the website, encouraging user interaction and providing a unique way to explore the site's content.

- Cross-Device Responsiveness: In implementing these features, special attention was given to ensuring responsiveness across different devices. The interactive elements were optimized for various screen sizes and platforms, maintaining their functionality and appeal on desktops, tablets, and mobile devices.

Outcome:

The enhancements made to the Werner.com website significantly improved the overall user experience. The interactive menu navigation system was well-received for its user-friendly design and adaptability. The custom forms seamlessly integrated with the site’s design, providing a coherent and efficient user interface. The interactive wheel became a highlight feature for desktop users, adding an innovative touch to the website and increasing user engagement.

This project exemplified my ability to blend creative design with technical expertise. It showcased my skill in enhancing website interactivity and user engagement while maintaining a consistent brand identity and ensuring cross-device compatibility. The success of this project was marked by positive user feedback and an increase in user interaction on the website.