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.
No items found.
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.
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](https://assets-global.website-files.com/5f1dbb8cf60f94676d5eb2ec/62f7f28afd7b9987e13da83b_20220810_event-wouter-biegstraaten-1080x1920.webp)
No items found.
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](https://assets-global.website-files.com/5f241ce93d52eca3fecec7fe/5f96a1770c8d390034b88cac_old-new-mockup.png)
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.
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.
No items found.
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](https://assets-global.website-files.com/5f241ce93d52eca3fecec7fe/5f96a0f633e01c7e4d037285_design-system.png)
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!
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!
No items found.
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](https://assets-global.website-files.com/5f241ce93d52eca3fecec7fe/5f96a1279706a4e89bf04c03_responsive-nav.jpg)
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.
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.
No items found.
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](https://assets-global.website-files.com/5f241ce93d52eca3fecec7fe/5f96a797de7da7bd30feeb13_product-templates-iphone.jpg)
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.
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.
No items found.
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](https://assets-global.website-files.com/5f241ce93d52eca3fecec7fe/5f96a9a8588452ae6f31dc8f_colorpicker.png)
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.
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.
No items found.
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.