Redesign De Banier

As part of a multidisciplinary team project, we redesigned the e-commerce experience for De Banier, a Belgian retailer specializing in creative and artistic supplies. The objective was to create a future-proof webshop that combines strong brand identity with a seamless shopping experience.

Working from a detailed project brief and a newly developed brand identity, we designed a complete e-commerce platform focused on usability, conversion, scalability, and customer engagement.

The challenge

The goal was to design a webshop that functions as more than just an online store.

The platform needed to:

  • Reflect the brand's personality and values.
  • Guide users efficiently from discovery to checkout.
  • Provide a consistent experience across desktop, tablet, and mobile devices.
  • Support future growth through a scalable structure and content management system.
Special attention was given to balancing product discoverability with inspiration, helping customers navigate a large assortment of creative products without feeling overwhelmed.
Visuals website De Banier

Design process

Research & brand analysis

Before designing, we analyzed the provided branding and project requirements to understand the target audience, the company's product offering, user needs and expectations, e-commerce best practices

Typography & colors

Headlines

Quicksand

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789(@.!?-)

'Black'

#101C26

Body

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789(@.!?-)

'White'

#F5F7FA

Primary
(Orange-red)

#E9582F

Neutral base
(anthracite)

#2E4556

Neutral base
(Light grey/blue)

#C7D3E0

Accent
(sunny yellow)

#FACC15

Catchy Extra
(teal)

#007A80

Catchy Extra
(soft pink)

#F3C5E6

Information architecture

Website information architecture
De Banier website visuals

Outcome

The result was a complete e-commerce redesign that combines brand storytelling, product discovery, and conversion-focused design. The project strengthened my understanding of e-commerce UX, responsive design, information architecture, and designing for both business goals and user needs.

De Banier website visuals

Skills & tools

  • Figma
  • Craft CMS
  • UX / UI Design
  • E-commerce design
  • Design Systems
  • Wireframing
  • HTML
  • CSS / SCSS
  • Javascript
  • Information architecture
De Banier website visuals