>

>

Van Dijk Metaaldesign

Van Dijk Metaaldesign

Van Dijk Metaaldesign

A Dutch company that creates exclusive handcrafted steel products — doors, partitions, staircases, and furniture. Each project represents a unique blend of strength, aesthetics, and craftsmanship.

A Dutch company that creates exclusive handcrafted steel products — doors, partitions, staircases, and furniture. Each project represents a unique blend of strength, aesthetics, and craftsmanship.

A Dutch company that creates exclusive handcrafted steel products — doors, partitions, staircases, and furniture. Each project represents a unique blend of strength, aesthetics, and craftsmanship.

Industry

Industry

Design & Architecture · Metal Craft · Manufacturing

Design & Architecture · Metal Craft · Manufacturing

Industry

Design & Architecture · Metal Craft · Manufacturing

Category

eCommerce website

Category

eCommerce website

Tools

Figma · IIlustrator · Photoshop · After Effects · InDesign

Tools

Figma · IIlustrator · Photoshop · After Effects · InDesign

Client

Client

Year

2024

Year

2024

Challenge
Challenge

The main challenge was to create a modern website that reflects the brand’s premium character, showcases the diversity of steel products, and simplifies communication between the company and its clients. Users often struggled to understand the differences between product types and to visualize the final result before ordering. The goal was to combine inspiration, practicality, and functionality in one digital experience — clearly presenting the product range, highlighting craftsmanship, and engaging users through a step-by-step configurator that guides them from product selection to order placement. It was equally important to introduce the company, enable appointment booking, communicate the brand’s key strengths, and carefully design the entire user journey.

The main challenge was to create a modern website that reflects the brand’s premium character, showcases the diversity of steel products, and simplifies communication between the company and its clients. Users often struggled to understand the differences between product types and to visualize the final result before ordering. The goal was to combine inspiration, practicality, and functionality in one digital experience — clearly presenting the product range, highlighting craftsmanship, and engaging users through a step-by-step configurator that guides them from product selection to order placement. It was equally important to introduce the company, enable appointment booking, communicate the brand’s key strengths, and carefully design the entire user journey.

Challenge

The main challenge was to create a modern website that reflects the brand’s premium character, showcases the diversity of steel products, and simplifies communication between the company and its clients. Users often struggled to understand the differences between product types and to visualize the final result before ordering. The goal was to combine inspiration, practicality, and functionality in one digital experience — clearly presenting the product range, highlighting craftsmanship, and engaging users through a step-by-step configurator that guides them from product selection to order placement. It was equally important to introduce the company, enable appointment booking, communicate the brand’s key strengths, and carefully design the entire user journey.

Solution
Solution

I designed a new visual system and website structure, with the online configurator as the key element. It not only simplified the selection and ordering process but also became a marketing advantage — customers felt truly engaged while creating their own custom steel product. The design is built on a clean grid, a black-and-white aesthetic, and subtle accents of metal and light, emphasizing quality and attention to detail. Special focus was given to UX logic: • Clear navigation and visual filters by product type, • Pages showcasing real projects for inspiration, • CTA sections for booking consultations and appointments, • Smooth transitions and interactions that convey a premium brand experience.

I designed a new visual system and website structure, with the online configurator as the key element. It not only simplified the selection and ordering process but also became a marketing advantage — customers felt truly engaged while creating their own custom steel product. The design is built on a clean grid, a black-and-white aesthetic, and subtle accents of metal and light, emphasizing quality and attention to detail. Special focus was given to UX logic: • Clear navigation and visual filters by product type, • Pages showcasing real projects for inspiration, • CTA sections for booking consultations and appointments, • Smooth transitions and interactions that convey a premium brand experience.

Solution

I designed a new visual system and website structure, with the online configurator as the key element. It not only simplified the selection and ordering process but also became a marketing advantage — customers felt truly engaged while creating their own custom steel product. The design is built on a clean grid, a black-and-white aesthetic, and subtle accents of metal and light, emphasizing quality and attention to detail. Special focus was given to UX logic: • Clear navigation and visual filters by product type, • Pages showcasing real projects for inspiration, • CTA sections for booking consultations and appointments, • Smooth transitions and interactions that convey a premium brand experience.

Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.

The configurator turned the ordering process into an engaging, personalized experience.

The configurator turned the ordering process into an engaging, personalized experience.

The configurator turned the ordering process into an engaging, personalized experience.

Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Results
Results

The updated website became both a sales and inspiration tool. • Customers can easily explore collections, create their own designs, and place orders directly. • The configurator increased user engagement and conversion rates. • The brand gained a visually strong, modern presence that reflects its values and craftsmanship.

The updated website became both a sales and inspiration tool. • Customers can easily explore collections, create their own designs, and place orders directly. • The configurator increased user engagement and conversion rates. • The brand gained a visually strong, modern presence that reflects its values and craftsmanship.

Results

The updated website became both a sales and inspiration tool. • Customers can easily explore collections, create their own designs, and place orders directly. • The configurator increased user engagement and conversion rates. • The brand gained a visually strong, modern presence that reflects its values and craftsmanship.

Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.

Each steel piece is handcrafted in-house, making every project truly unique.

Each steel piece is handcrafted in-house, making every project truly unique.

Each steel piece is handcrafted in-house, making every project truly unique.

VVIIEEWW  LLIIVVEE
VVIIEEWW  LLIIVVEE
VVIIEEWW  LLIIVVEE

Start small today. Make it big tomorrow.

Start small today. Make it big tomorrow.

Start small today.
Make it big tomorrow.

Create a free website with Framer, the website builder loved by startups, designers and agencies.