MIA LIU

Floor Source Website Redesign with AR Integration
Streamlining Navigation and Integrating Innovative Technologies for Enhanced Customer Engagement
Client
Team
1 PM, 1 Copywriter, 1 UI/UX Designer (Developer)
My Role
Lead in UX/UI design,
User Research, Design Systems
Front-end Development
Tool
Figma, Photoshop, HTML, CSS, JavaScript
Background
Established in 2009, Floor Source is a flooring company known for its high-quality, durable products. As the market evolved, their outdated digital presence began to undermine the brand's reputation.
Floor Source planned a comprehensive website redesign to enhance user engagement and incorporate cutting-edge features like AR technology, aligning their online experience with their premium offerings.
previous website

Current Challenges
1 / Complex Navigation
Over 40 cluttered subpages caused user confusion and frustration, negatively impacting the navigation experience.
2 / Content Redundancy
Repetitive content across pages diluted important information and hindered effective communication.

Stakeholder
To stay at the forefront of the industry, we need a website that delivers a premium experience. It's time for a rebuild.
3 / Technical Performance
Slow load times and lack of mobile optimization created barriers for users, particularly on mobile devices, affecting overall accessibility and user satisfaction.
4/ Outdated Design
The site’s outdated aesthetics and functionality did not reflect the company's high-quality products, potentially deterring modern consumers.
Our Goal
Modernize the interface, streamline navigation, and enhance the overall user experience with AR integration to better reflect the brand's premium offerings.

We went through a variety of phrases from research to the final design.


We streamlined the information architecture to enhance clarity and ease of navigation.
Before

repeatedly appeared 5X

repeatedly appeared 14X

repeatedly appeared 5X

repeatedly appeared 5X
After

button moved to nav bar

consolidated into 8 pages

only appears 2x as needed

only appears where it is needed

We developed a comprehensive design system that improved the website's aesthetics and coherence.

Content blocks

We optimized the website for seamless responsiveness across desktop and mobile platforms.


Reflection
As we conclude the Floor Source website redesign, it's essential to reflect on the impact and achievements of this project. This endeavor was not just about enhancing aesthetics but also about significantly improving the user experience and functionality of the site.
Through meticulous planning and execution, we successfully addressed key user pain points and implemented solutions that will drive the company's digital presence forward.
12.5%
Conversion rate for individual customers
11.7%
New visitor's bounce rate
after 3 months
25%
Page load times on first visits
16%
Post-launch customer satisfaction


