01 Desktop

Metot

A digital showcase that puts engineering on stage for Metot, which designs and builds plastic, sheet metal and metal moulds to suit each process.

Sector
Mould making
Web
metot.com.tr
Visit the site
Desktop view of the Metot homepage

02 Mobile

From the workshop to your pocket

On a phone the work areas, gallery and quote form flow in one column, with the WhatsApp button always one tap away.

Mobile view of the Metot homepage

03 Project file

Metot, up close

Templates

metot.com.tr

Desktop view of the Metot homepage

Lighthouse Lab test · October 2026

  • 97 Performance
  • 100 Accessibility
  • 100 Best practices
  • 100 SEO
Metot logo

Colour palette

  • Metot burgundy #741b1f
  • Metot blue #0083d9
  • Surface #f4f0ef
  • Ink #1e1214

Typeface

Bricolage Grotesque

400–800

In numbers

  • 3 mould types: plastic, sheet, metal
  • 8 reference brands
  • 16 live pages
  • 2 languages: TR, EN

Brand approach

A showcase that makes engineering visible.

Burgundy stands for a long manufacturing tradition, blue for precise engineering. Animated SVG drawings walk through the injection cycle step by step, while Bricolage Grotesque gives industry a contemporary voice. Same family as sister company Metot Filter, a different craft.

Infrastructure

  • Server

    ASP.NET Core 8

    Layered architecture with CQRS and MediatR

  • Data

    SQL Server

    EF Core 8 and Dapper

  • Panel

    Admin panel

    Pages composed from 24 template types, content and form management

  • Localisation

    Multilingual content

    TR and EN; translated from the panel with DeepL

  • Conversion

    Quote form

    Mould type picker, reCAPTCHA v3, Brevo e-mail

  • Storytelling

    Animated SVG

    Drawings with a part counter that explain the injection cycle

  • Speed

    Performance

    WebP, Brotli and gzip pre-compression, HTML minification

  • Speed

    Caching

    In-memory cache and 300-second response caching

  • Trust

    Security & KVKK

    HSTS, IP rate limiting, Consent Mode v2, cookie policy

Service

Planning a similar project?

Our service page walks through the approach and process we used on this project, step by step.

Website Development

Touch the Future

Want to be part of what's next?

Join a growing network of visionary brands shaping the future through collaboration, innovation and trust.

Chat on WhatsApp