MET srl — Showcase website
Clear, modern and indexed digital identity
A showcase website built from scratch — design and code — for a company that sells stoves, boilers, and air conditioners. It had to convey reliability and competence: a clear, mobile-first interface and content written to get found on Google.
- Client
- MET srl
- Industry
- Engineering • B2C
- Role
- Product Designer & Frontend Engineer
- Timeline
- 2024
- Services
- UX/UI Design, Frontend Development, SEO On-page
- Stack
- React, TypeScript, SCSS
Context and Idea
The Context and Idea A showcase website built from scratch — design and code — for a company that deals in thermal solutions: boilers, stoves, and air conditioners. It had to convey comfort, reliability, and expertise, with a clear interface, mobile-first, and content written for SEO. The homepage opens with a warm image that immediately feels like home, and a direct claim: "Your expert in thermal solutions", with the contact button always within reach.
Challenges
- Communicate a wide offer without overloading navigation
- Optimize for SEO and performance on mobile devices
- Create a clear, conversion-oriented interface
The Solution
The site is split into simple sections: Home, About Us, Products (Stoves, Boilers, Air Conditioners), Financing & Promotions, Contact, and Gallery. Every page is written with SEO in mind and designed mobile-first. Products are grouped into three categories, with proper descriptions and quality photos. Each category has a short buying guide that points the user in the right direction based on room size and their needs. The gallery collects the work done — stove and boiler installations — with clickable images and short captions: the most direct way to show the quality of the work. The contact form is built in React, with client-side validation and email integration. It has the essential fields (name, email, subject, message) and a privacy checkbox.
Development and Technologies
Optimized semantic structure (coherent H1–H3, meta tags, alt attributes). Texts written from scratch to optimize local keywords ("stoves Turin", "boilers Piedmont"). Mobile-first responsive layout with optimized images and lazy loading. Contact form with dynamic validation and email sending. Interactive gallery with work images. Client-side SEO management with React Helmet.
Results
- A clean site built to bring in leads
- Clear structure and copy that gets to the point
- A complete, working front-end
- A responsive, SEO-ready business showcase
Conclusion
A clean, direct site, made to communicate who the company is and bring in leads. The project stopped before going live by the client's choice, but the front-end is complete and working — still a solid example of a responsive, SEO-ready business showcase.