Introduction

Roxer, a Belgian firm that designs and produces affordable and easy-to-install tiles for walls and floors, approached Skinn, a branding and design agency, to create a new website and online store to support their new brand and showcase their products and services. As an experienced UX Designer working freelance for Skinn, my role was to facilitate a workshop with the client, define the user stories, create the sitemap and wireframes for both desktop and mobile, and iterate until we had a final prototype that satisfied the client's needs.

Problem

Roxer needed a new website and online store to support their new brand and showcase their affordable and easy-to-install tiles for walls and floors. The challenge was to create a website that would appeal to the target audience and showcase Roxer's unique patented tiles that look like authentic stone, marble or wood.

Services Rendered

As part of the project, I provided several UX design services, including workshop facilitation, brainstorming with the client and team, information architecture, wireframing, and desktop and mobile prototyping. These services were aimed at ensuring that the website design met the client's needs and satisfied the requirements of the target audience.

Process

We started by holding a workshop with Roxer's management at their offices with Skinn's digital team and myself. During the workshop, we created personas for the target audience, which helped us understand their needs, goals, and pain points. We also created an inventory of all the content, services, and conversion goals that needed to be included on the website.

Next, I created a concrete inventory of User Stories based on the requirements that we had gathered during the workshop. The User Stories helped us to focus on the user's perspective and ensured that the website design was user-centric.

Based on the validated personas and User Stories, I then created a sitemap, which defined the site's hierarchy and navigation. The sitemap helped us to organize the content in a logical manner and ensure that the user could find what they were looking for quickly and easily.

Using the sitemap as a guide, I created clickable wireframe-prototypes for both desktop and mobile using Adobe XD. The wireframes allowed us to visualize the layout and flow of the website and make any necessary changes before moving on to the final design.

After an iterative feedback process, we finalized the wireframes and handed them over to Skinn's graphic designers and developers to build the final site.

Results

The website launched successfully, and both the client and the agency were very satisfied with the results. The website showcased Roxer's affordable and easy-to-install tiles for walls and floors in a visually appealing and user-friendly manner. The online store provided an easy way for customers to purchase the tiles directly from Roxer.

Conclusion

The UX design process played a crucial role in the success of the project. By creating personas, User Stories, and wireframes, we were able to focus on the user's needs and ensure that the website design was user-centric. The sitemap helped us to organize the content in a logical manner, and the clickable wireframe-prototypes allowed us to visualize the layout and flow of the website. The final result was a website that satisfied the client's needs and showcased their unique patented tiles that look like authentic stone, marble or wood in a visually appealing and user-friendly manner.