Templates
metotfilter.com
metotfilter.com/filtreler
metotfilter.com/hakkimizda
metotfilter.com/iletisim
metotfilter.com/teklif-al
01 Desktop
Metot Filter
A digital catalogue for Metot Filter, an industrial filter maker since 2016, that explains each product with technical clarity and turns a quote into a single click.
Visit the site 02 Mobile
One-tap quotes, even on the shop floor
Filter cards stack into one column on a phone, and each model's quote link opens the form with that filter already selected.
03 Project file
Metot Filter, up close
Lighthouse Lab test · October 2026
- 87 Performance
- 100 Accessibility
- 100 Best practices
- 100 SEO
- 100 Performance
- 100 Accessibility
- 100 Best practices
- 100 SEO
Colour palette
- Amber #fdb713
- Industrial black #16140f
- Surface #f4f1ea
- Night black #0b0a07
Typeface
Bricolage Grotesque
400–800
In numbers
- 4 filter models
- 3–5µm filtration precision
- 2016 founded
- 2 languages: TR, EN
Brand approach
Black ground, amber signal.
With amber on a black plate, the logo reads as clearly as an industrial sign. The pages follow the same discipline: dark surfaces, a single accent colour and plain type that puts technical data first. A sharper voice from the same family as sister company Metot.
Infrastructure
- Server
ASP.NET Core 8
Layered architecture with CQRS and MediatR
- Data
SQL Server
EF Core 8 and Dapper
- Speed
On-the-fly image resizing
Uploads served as 320–1280 px WebP through srcset
- Content
Product catalogue
Filter cards with size and precision data, gallery
- Conversion
Smart quote form
Quote with the filter pre-selected, reCAPTCHA v3, Brevo e-mail
- Localisation
Multilingual content
TR and EN; hreflang and DeepL translation in the panel
- Speed
Performance
Brotli and gzip, HTML minification, in-memory cache
- Panel
Admin panel
Content, form, language and role management
- Trust
Security & KVKK
HSTS, IP rate limiting, Consent Mode v2
Service
Planning a similar project?
Our service page walks through the approach and process we used on this project, step by step.
Website DevelopmentTouch 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.