Overview
Transforming Coxwell’s online presence was a multifaceted challenge, met with a strategic and innovative approach. With extensive experience in polycarbonate roofing solutions, Coxwell sought a compelling website to educate users about their products. The design phase involved creative processes, employing 3D renders and animations to make polycarbonate visually captivating. Product customizers were integrated, allowing users to tailor specifications. Ensuring mobile responsiveness, we optimized videos and renders for various screens. The result is a user-centric website that seamlessly combines aesthetics and information, enhancing Coxwell’s digital identity and providing an immersive platform for users to explore and customize their building solutions.
Mobile Responsive
Ensuring accessibility across diverse devices was a priority in our development approach. For optimal user experience, we meticulously optimized videos, animations, and renders to seamlessly adapt to different screen sizes. The mobile responsiveness of the Coxwell website guarantees a consistent and engaging experience for users, whether they access the platform from a desktop, tablet, or smartphone. This commitment to responsiveness reflects our dedication to making Coxwell’s offerings accessible to a wide audience, enhancing user interaction and satisfaction.
Optimizing for mobile responsiveness, we replaced the initial animation with a user-friendly dropdown, simplifying the portrayal of how each polycarbonate layer seamlessly combines for enhanced clarity and accessibility.
Preserving site performance, we retained the second animation, ensuring a seamless user experience. This strategic decision maintains the visual engagement without compromising the website’s efficiency and functionality.
Project Timeline:
3 Months
Tools Used:
Services We Provide
Website Design (UX/UI)
Website
Development
Search Engine Optimization
Social Media Marketing
Content Writing
About Coxwell
Coxwell, established in 1994, is a pioneer in polycarbonate roofing solutions. With extensive experience, including collaboration with GE Plastics, Coxwell has completed over 1000 projects in engineering plastics. Specializing in durable, versatile, and aesthetically pleasing polycarbonate sheets and panels, Coxwell’s team of experts offers technical assistance and prompt service. From malls and airports to hospitals, noise barriers, and underpasses, Coxwell’s diverse portfolio showcases their expertise in the industry, reflecting a commitment to quality and innovation.
Challenge
Creating a storytelling website for Coxwell posed several challenges. The task involved showcasing various uses and applications of polycarbonate while simultaneously educating visitors about the material. Effectively conveying this information within the confines of a website presented an additional hurdle. The challenge was to seamlessly integrate a narrative flow that educates users about the benefits and applications of polycarbonate, making it engaging and informative.
Our Approach
Our approach to the Coxwell website involved a meticulous process to ensure a seamless user experience. Beginning with Information Architecture, we strategically planned the structure. The Design System laid the foundation for a consistent visual identity, guiding the subsequent Design and Development Phases. Crafting a mobile-responsive design was integral to our approach, ensuring accessibility across various devices. Each phase contributed to a comprehensive solution, establishing a user-centric platform that effectively communicates Coxwell’s expertise and offerings.
Information Architecture
Design
System
Design
Phase
Development
Phase
Mobile
Responsive
Information Architecture
Design System
Typography
Font : Nunito Sans
Heading 1
Font size: 56px
Line height: 120%
Heading 2
Font size: 48px
Line height: 120%
Heading 3
Font size: 40px
Line height: 120%
Heading 4
Font size: 32px
Line height: 130%
Heading 5
Font size: 24px
Line height: 140%
Heading 6
Font size: 20px
Line height: 140%
Body Text 1
Font size: 20px
Line height: 150%
Body Text 2
Font size: 18px
Line height: 150%
Body Text 3
Font size: 16px
Line height: 150%
Body Text 4
Font size: 14px
Line height: 150%
Spacing:
Color palette
#ffffff
#035B5C
#198A8B
Design Phase
The Design Phase of the Coxwell website was an iterative journey aimed at perfecting the visual representation of polycarbonate sheets. Multiple iterations preceded the execution of the final design, where we leveraged 3D renders, videos, and animations to make polycarbonate visually captivating. Our goal was to present an engaging narrative, educating visitors about the versatility and appeal of the material. The final design seamlessly integrates aesthetics and information, making the Coxwell website an immersive experience for users.
In the initial stage, we conceptualized polycarbonate sheets, creating a visual representation that laid the foundation for subsequent design refinements.
The final iteration culminated in a captivating 3D animation illustrating the seamless merging of polycarbonate layers, showcasing the material’s durability and versatility in various applications. This dynamic visualization enhances user engagement and understanding of Coxwell’s offerings.
Product Customizers
In addressing user needs, we implemented product customizers on the Coxwell website. These sections empower users to input custom data, tailoring their polycarbonate sheet requirements. Offering customization options for products such as Multiwall, Multicell, X-Fix, and static variants, users can further personalize their choices by selecting colors, thickness, size, and area specifications. This interactive feature enhances user engagement, allowing them to visualize and customize their ideal polycarbonate solutions with ease.
Client Testimonial
