← Projects / Brand & Digital Design

Wesmarc

Logo, visual identity, product catalogue, and website design for Wesmarc Doors.

Explore the story ↓
Wesmarc
Inside the project

From an opening gesture to a complete door-brand system.

Identity development Product communication Website design
Type
Professional work · at Idiom
Design contribution
Vasav
Scope
Logo · Identity · Catalogue · Website design
Studio
Idiom Design and Consulting
01 / The brief

A brand at two scales

A door is both an architectural element and a product with specific materials, dimensions and hardware. Wesmarc’s identity and communication work at both scales: the first impression of a room, and the detail needed to understand a product. Logo, catalogue and website share a consistent visual hierarchy.

A door in context: wood grain, hardware and daylight within a bathroom interior visualisation.
A door in context: wood grain, hardware and daylight within a bathroom interior visualisation.
02 / Identity development

Finding the mark in the product

The early studies explore letterforms, repeated verticals and door-like planes. Construction studies narrow those ideas into a compact symbol. The resolved mark uses three upright forms to suggest an opening; the red field gives it a clear presence beside the condensed wordmark.

Early logo studies exploring letterforms, material, and door geometry.
Early logo studies exploring letterforms, material, and door geometry.
Two logo constructions explore the relationship between the letter W and opening planes.
Two logo constructions explore the relationship between the letter W and opening planes.
Final Wesmarc Doors identity: a compact mark of three vertical planes.
Final Wesmarc Doors identity: a compact mark of three vertical planes.
03 / Colour & typography

A practical visual vocabulary

Red acts as the brand’s strongest signal. Slate and neutrals support product photographs and information without competing with them. The type specimens introduce a range of weights and widths, giving catalogue headings, labels and specifications distinct but related voices.

Identity palette: red, slate, neutrals, and supporting colours.
Identity palette: red, slate, neutrals, and supporting colours.
FF DIN type specimens establish a practical hierarchy for brand and product information.
FF DIN type specimens establish a practical hierarchy for brand and product information.
04 / The product catalogue

Inspiration first. Detail close behind.

The catalogue alternates an inviting room view with the information required to compare a door. Finish options, construction diagrams and hardware details sit within a consistent page structure. The paired bathroom spreads show that shift particularly clearly: a product in context, followed by a closer technical reading.

Catalogue design pairs a bathroom application with a row of door and finish options.
Catalogue design pairs a bathroom application with a row of door and finish options.
The companion product spread moves from a room impression to construction and specification detail.
The companion product spread moves from a room impression to construction and specification detail.
Catalogue spread explaining the construction inside a door.
Catalogue spread explaining the construction inside a door.
Catalogue spread organising veneers, finishes, and material choices.
Catalogue spread organising veneers, finishes, and material choices.
05 / Digital experience

The same system, organised for a screen

Website planning connects the brand story to product categories and supporting information. The sitemap makes that structure visible before the product-page design gives it a visual form. Large imagery establishes context, then headings and feature groups bring the visitor closer to the product. These are website design studies.

Website planning: a sitemap connecting brand, products and supporting information.
Website planning: a sitemap connecting brand, products and supporting information.
Website design for a steel-door product page.
Website design for a steel-door product page.

Continue exploring

LivQuik

A fintech identity built to move across touchpoints.

Explore more projects Talk about a collaboration