Project Overview

Website Redesign and Development

Floorpark is a renowned provider of flooring solutions for both residential and commercial clients, known for its commitment to quality, innovation, and customer satisfaction. Floorpark sought to reconstruct its online presence to better reflect its commitment to excellence and innovation in the flooring industry.

My goal was therefore to create a website that not only showcases Floorpark's diverse flooring offerings and its very own showroom but also provides an intuitive and engaging user experience for its customers.

Role

Design Lead

Web Design, UI, UX, Prototyping, WP Development

Role

Design Lead

Web Design, UI, UX, Prototyping, WP Development

Role

Design Lead

Web Design, UI, UX, Prototyping, WP Development

Team

Hung Tisovsky

Stakeholder

Hong Son Vu

Project Manager

Trinh Ngoc Minh

Photographer

Team

Hung Tisovsky

Stakeholder

Hong Son Vu

Project Manager

Trinh Ngoc Minh

Photographer

Team

Hung Tisovsky

Stakeholder

Hong Son Vu

Project Manager

Trinh Ngoc Minh

Photographer

Client

Floorpark

Josef Halva

Founder & CEO

Client

Floorpark

Josef Halva

Founder & CEO

Client

Floorpark

Josef Halva

Founder & CEO

Timeline

6 weeks, launched October 2023

Timeline

6 weeks, launched October 2023

Timeline

6 weeks, launched October 2023

The Problem

Outdated Design and Lack Of Functionality

Floorpark's existing website lacked visual appeal and functionality, failing to effectively communicate the elegance and diversity of its flooring products. Customers found it challenging to navigate the website and explore the full range of offerings, resulting in lost sales opportunities and a subpar user experience.

The Solution

Modern, Clean and Functional Website

Elevate Visual Interface

By infusing the interface with captivating imagery, sleek design elements, and intuitive navigation, I aimed to transform the user experience into a visually stimulating journey.

Enforce Enhanced User Experience

Through streamlined navigation and intuitive layout design, I attempted to create a seamless browsing experience for visitors.

Drive Engagement and Conversions

Integrating clear calls-to-action (CTAs) and interactive features to guide users towards desired actions and enhance engagement.

Elevate Visual Interface

By infusing the interface with captivating imagery, sleek design elements, and intuitive navigation, I aimed to transform the user experience into a visually stimulating journey.

Enforce Enhanced User Experience

Through streamlined navigation and intuitive layout design, I attempted to create a seamless browsing experience for visitors.

Drive Engagement and Conversions

Integrating clear calls-to-action (CTAs) and interactive features to guide users towards desired actions and enhance engagement.

Elevate Visual Interface

By infusing the interface with captivating imagery, sleek design elements, and intuitive navigation, I aimed to transform the user experience into a visually stimulating journey.

Enforce Enhanced User Experience

Through streamlined navigation and intuitive layout design, I attempted to create a seamless browsing experience for visitors.

Drive Engagement and Conversions

Integrating clear calls-to-action (CTAs) and interactive features to guide users towards desired actions and enhance engagement.

Rapid Ideation & Prototyping

Shaping Floorpark's Digital Direction

During ideation and prototyping, I conceptualized Floorpark's digital presence and crafted initial concepts aligned with the company's vision. I have then transformed these ideas into wireframes and interactive prototypes to better understand the user flows.

Moodboard

Information Architecture

Wireframe & Iterations

Wireframe & Iterations

Prototype

Visual Design

Contemporary & Professional

The proposed design solution features a clean and modern interface that highlights Floorpark's flooring products and its clients’ referrals through high-quality imagery and immersive visuals.

Interface Design Process

Initial Interface Design

Typeface

Aa
Aa
Aa
Aa
Aa

Headings

Helvetica Now Display Medium

Helvetica Now Display Medium

Helvetica Now Display Medium

Helvetica Now Display Medium

Aa
Aa
Aa
Aa
Aa

Body Text

Helvetica Now Display Light

Helvetica Now Display Light

Helvetica Now Display Light

Helvetica Now Display Light

The selected typeface, Helvetica Now Display, resonates with Floorpark's brand identity and evokes the essence of flooring excellence. The chosen typeface embodies a balance of modernity and elegance.

Color Palette

#2F2F2F

#2F2F2F

#2F2F2F

#2F2F2F

#2F2F2F

#2F2F2F

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

#F5F5F0

#F5F5F0

#F5F5F0

#F5F5F0

#A99473

#A99473

#A99473

#A99473

The color palette draws inspiration from nature's palette, with earthy tones and subtle gradients symbolizing durability, elegance, and timeless beauty traits synonymous with Floorpark's flooring solutions.

Final Designs & Dev

A Seamless Journey

After numerous rounds of feedbacks and iterations and the final design has been approved, I moved on to ensuring seamless development of the design, focusing on performance, responsiveness, and accessibility.

Testing between me and the other colleagues was conducted throughout the development process to identify and address any usability issues and optimize the overall user experience.

Interface Design Process

Desktop Design

Mobile Responsive Design

Final Designs

Hero Section: Before & After

Hero Section: Before & After

Hero Section: Before & After

About Us Page: Before & After

About Us Page: Before & After

About Us Page: Before & After

Product Page: Before & After

Product Page: Before & After

Product Page: Before & After

Conclusion

Rewind & Reflect

Overall, although I am very proud of the final outcome of this large-scale redesign project for Floorpark, I believe there is still a lot for me to learn and work on to further improve and grow.

I am committed to learning from these experiences and continuously improving my processes and approach to deliver even greater value to my clients in the future. Some of the things I aspire to improve are:

Execute comprehensive user research

In-depth user research to gain deeper insights into user preferences and behaviours prior to the structuring of the website.

Broaden the scope of user testing

More extensive user testing throughout the development process to gather deeper insights and address potential usability concerns.

Documentation and processes

Enhancing documentation and refining processes could have facilitated smoother project management and execution.

Thank You!

While you are still here, why not have a look at my other projects?

Designed & Built by Nam Bui • Ⓒ 2024

Designed & Built by Nam Bui • Ⓒ 2024

Designed & Built by Nam Bui • Ⓒ 2024

Designed & Built by Nam Bui • Ⓒ 2024

;