Painting the future of user-centered eCommerce

Verfbestelsite is a very successful eCommerce venture with a rich history. Their previous webshop has served them well over the years, but due to the legacy of Magento 1, it was time for a complete rebuild.

Client

Verfbestelsite

Services

The Challenge

Painting the future of user-centered eCommerce

For over 14 years, Verfbestelsite has been the place to go for ordering paint, stain and varnish. Besides offering all the major brand products, they also offer their own unique products, which are often more attractively priced. Over the years, Verfbestelsite learned more and more about their customers. Multiple types of audiences which span from professionals to regular consumers who purchase their products. Each type of user has their own specific information need and shopping behavior. Besides creating a modern and simple-to-use design system, we redesigned the navigation structure to a mobile-first oriented solution. The design system empowers our clients to extend their digital products in a consistent matter with superb usability.

Everyone can paint

Verfbestelsite has multiple buyer personas: From professionals to (one-time) consumer buyers. Every persona has its very own information needs and shopping behavior. We could deduct the information alignment that both of these personas require and create multiple product page templates. But before we deep-dive into details, we needed to address the visual design.
[VERFBESTELSITE] Everyone can paint
Dealing with multiple buyer personas

Everyone can paint

Verfbestelsite has multiple buyer personas: From professionals to (one-time) consumer buyers. Every persona has its very own information needs and shopping behavior. We could deduct the information alignment that both of these personas require and create multiple product page templates. But before we deep-dive into details, we needed to address the visual design.
Dealing with multiple buyer personas

Everyone can paint

Verfbestelsite has multiple buyer personas: From professionals to (one-time) consumer buyers. Every persona has its very own information needs and shopping behavior. We could deduct the information alignment that both of these personas require and create multiple product page templates. But before we deep-dive into details, we needed to address the visual design.
[VERFBESTELSITE] Everyone can paint
Dealing with multiple buyer personas

Everyone can paint

Verfbestelsite has multiple buyer personas: From professionals to (one-time) consumer buyers. Every persona has its very own information needs and shopping behavior. We could deduct the information alignment that both of these personas require and create multiple product page templates. But before we deep-dive into details, we needed to address the visual design.
[VERFBESTELSITE] Everyone can paint

A fresh coat of paint

Being in business for over 14 years is a tremendous achievement. One side-effect sadly is that the previous design looked quite dated. It was very functional, but the biggest downside was the usability of other devices besides desktop.
[VERFBESTELSITE] A fresh coat of paint
Visual Design

A fresh coat of paint

Being in business for over 14 years is a tremendous achievement. One side-effect sadly is that the previous design looked quite dated. It was very functional, but the biggest downside was the usability of other devices besides desktop.
Visual Design

A fresh coat of paint

Being in business for over 14 years is a tremendous achievement. One side-effect sadly is that the previous design looked quite dated. It was very functional, but the biggest downside was the usability of other devices besides desktop.
[VERFBESTELSITE] A fresh coat of paint
Visual Design

A fresh coat of paint

Being in business for over 14 years is a tremendous achievement. One side-effect sadly is that the previous design looked quite dated. It was very functional, but the biggest downside was the usability of other devices besides desktop.
[VERFBESTELSITE] A fresh coat of paint

Adding buckets of value with a Design System

Having uniformity and consistency, even in the smallest web elements, make a significant impact on usability. The design system covers typography, buttons, colors, form fields, components such as headers and footers and much more!
[VERFBESTELSITE] Adding buckets of value with a Design System
Design System

Adding buckets of value with a Design System

Having uniformity and consistency, even in the smallest web elements, make a significant impact on usability. The design system covers typography, buttons, colors, form fields, components such as headers and footers and much more!
Design System

Adding buckets of value with a Design System

Having uniformity and consistency, even in the smallest web elements, make a significant impact on usability. The design system covers typography, buttons, colors, form fields, components such as headers and footers and much more!
[VERFBESTELSITE] Adding buckets of value with a Design System
Design System

Adding buckets of value with a Design System

Having uniformity and consistency, even in the smallest web elements, make a significant impact on usability. The design system covers typography, buttons, colors, form fields, components such as headers and footers and much more!
[VERFBESTELSITE] Adding buckets of value with a Design System

Creating an accessible digital shopping experience

Having a responsive website is an absolute no-brainer. Improving the usability of mobile devices delivers a HUGE improvement in your SEO. With a mobile-first approach, the new navigation pattern translates easily across multiple devices.
[VERFBESTELSITE] Creating an accessible digital shopping experience
Responsive Design

Creating an accessible digital shopping experience

Having a responsive website is an absolute no-brainer. Improving the usability of mobile devices delivers a HUGE improvement in your SEO. With a mobile-first approach, the new navigation pattern translates easily across multiple devices.
Responsive Design

Creating an accessible digital shopping experience

Having a responsive website is an absolute no-brainer. Improving the usability of mobile devices delivers a HUGE improvement in your SEO. With a mobile-first approach, the new navigation pattern translates easily across multiple devices.
[VERFBESTELSITE] Creating an accessible digital shopping experience
Responsive Design

Creating an accessible digital shopping experience

Having a responsive website is an absolute no-brainer. Improving the usability of mobile devices delivers a HUGE improvement in your SEO. With a mobile-first approach, the new navigation pattern translates easily across multiple devices.
[VERFBESTELSITE] Creating an accessible digital shopping experience

Dynamic Product Page Templates

Since the products of Verfbestelsite are available in multiple quantities and volumes and have numerous attributes, we created multiple responsive product templates.
[VERFBESTELSITE] Dynamic Product Page Templates

Dynamic Product Page Templates

Since the products of Verfbestelsite are available in multiple quantities and volumes and have numerous attributes, we created multiple responsive product templates.

Dynamic Product Page Templates

Since the products of Verfbestelsite are available in multiple quantities and volumes and have numerous attributes, we created multiple responsive product templates.
[VERFBESTELSITE] Dynamic Product Page Templates

Dynamic Product Page Templates

Since the products of Verfbestelsite are available in multiple quantities and volumes and have numerous attributes, we created multiple responsive product templates.
[VERFBESTELSITE] Dynamic Product Page Templates

Responsive Paint Color Library

Talk about a challenge! When your client explains that some products are available in +20.000 colors. It took a couple of iterations to finalize our user-friendly design that works on all devices.
[VERFBESTELSITE] Responsive Paint Color Library
Handling +20.000 colors

Responsive Paint Color Library

Talk about a challenge! When your client explains that some products are available in +20.000 colors. It took a couple of iterations to finalize our user-friendly design that works on all devices.
Handling +20.000 colors

Responsive Paint Color Library

Talk about a challenge! When your client explains that some products are available in +20.000 colors. It took a couple of iterations to finalize our user-friendly design that works on all devices.
[VERFBESTELSITE] Responsive Paint Color Library
Handling +20.000 colors

Responsive Paint Color Library

Talk about a challenge! When your client explains that some products are available in +20.000 colors. It took a couple of iterations to finalize our user-friendly design that works on all devices.
[VERFBESTELSITE] Responsive Paint Color Library
Impact

How to measure success beyond conversion

The new eCommerce platform is currently still in development by an external party. The metrics we keep an eye on when measuring the transition of an eCommerce site are quite extensive. Bounce Rate, Time on Site, Pages viewed and, of course, Conversion Rate. The improvement of these statistics is proof of an improved user experience, which will positively impact SEO.