UX/UI Design • Website Redesign • Responsive Design
XAL Website Redesign
Redesigned XAL's digital experience to better showcase its architectural lighting solutions, improve usability, and create a more engaging, intuitive website.
Led the redesign process from research and wireframing to high-fidelity mockups and responsive layouts, balancing a clean, modern aesthetic with user-centered design principles.
Role
Marketing Graphic Designer / UX/UI Design
Deliverables
Website Redesign, UX Research, Wireframes, High-Fidelity Mockups, Responsive Design, Prototyping
THE CHALLENGE
XAL needed a website experience that better reflected its innovative architectural lighting products while making information easier to discover and explore.
The challenge was balancing a visually compelling, product-focused design with intuitive navigation, clear content organization, and usability across devices.
RESEARCH & DESIGN PROCESS
I led the redesign process from initial research through high-fidelity design, using competitive analysis, user-centered thinking, wireframes, and prototypes to explore improvements to the website experience.
My approach focused on simplifying the presentation of complex product information, establishing a consistent visual hierarchy, and creating responsive layouts that supported both visual storytelling and usability.
VISUAL DIRECTION
Minimal by design. Product-focused by purpose.
The redesign embraced XAL's architectural aesthetic through bold product imagery, high-contrast layouts, clean typography, and generous whitespace.
A refined black-and-white visual system allowed the lighting products to take center stage, while consistent typography and thoughtful content hierarchy created a cohesive experience across pages and devices.
WIREFRAMES & RESPONSIVE DESIGN
Building a thoughtful, user-focused experience.
The website redesign focused on creating a clear, intuitive experience that balanced striking product imagery with essential technical information.
The wireframe layouts illustrate how content was organized across desktop and mobile, with an emphasis on visual hierarchy, navigation, product features, and responsive functionality.
The NOD and HEX-O EVO pages demonstrate a consistent design approach while allowing each product's unique features and applications to stand out.
RESULTS & IMPACT
A stronger digital experience. Measurable results.
The redesigned XAL website delivered a more modern, intuitive, and visually engaging experience, bringing the brand's architectural lighting products to life.
By improving content organization, visual hierarchy, and responsive layouts, the redesign helped visitors navigate product information more effectively while maintaining a cohesive brand experience.
+60% Website Engagement
The redesign contributed to a 60% increase in website engagement, demonstrating the impact of thoughtful, user-centered design.
