Website
Belec Servis
Professional website for Belec Servis, an authorized Vaillant service in Đurđevac, Croatia, specializing in heating and air-conditioning installation, repair, and maintenance. Designed and built with Astro for a fast, local-first, conversion-focused presence.
Industry & context
Belec Servis operates in the Croatian HVAC sector as an authorized Vaillant partner based in Đurđevac. Their clients are homeowners and businesses who need installation, repair, and seasonal maintenance of boilers, heat pumps, and air-conditioning systems—often urgently, and almost always locally. The company needed a clear, trustworthy online presence that leads with the Vaillant authorization, makes the phone number impossible to miss, and still covers the broader heating and climate offer plus legal company details for a regulated trade.
Overview
The challenge was to turn a local authorized service into a single, scannable website that feels technical and reliable, then converts on the first screen—especially on mobile. We approached it by defining a clear information hierarchy: a strong hero with the line “Vaillant servis. Grijanje i klima.,” a Vaillant certification band immediately below, four numbered service blocks (Vaillant servis, Grijanje, Klimatizacija, Intervencije), a short about section with local strengths, and a straightforward contact flow built around “Nazovi” plus an inquiry form. The solution balances workshop credibility with a cool, industrial visual language—navy and ice neutrals, cyan drawn from the brand, condensed display type, and hard edges—so the site feels precise without feeling generic or overdesigned.
Research
To align the design and content with the client’s real offer and audience, we reviewed the live site and service mix at belec-servis.hr. That research confirmed the need to lead with authorized Vaillant service, surface four core services, highlight the Đurđevac address and hours, and keep the primary conversion path simple: a persistent “Nazovi XXXXXX” action and a contact form with service-type selection. Phone-first behavior matters more than a long brochure: emergencies and seasonal jobs start with a call. For more detail on the current offering, the live site remains the single source of truth.
Tech & process
The website was designed as a compact one-pager with a full set of components and flows: sticky header with phone CTA, hero, Vaillant band, numbered service grid, about and strengths list, phone band, inquiry form, and legal footer. Visual direction emphasized high contrast, zero-radius geometry, Oswald for display and IBM Plex Sans for body, and a consistent cyan-and-navy palette. The build was done in Astro to keep the site fast and easy to maintain: static HTML where possible, minimal client JS for the form and scroll reveals, semantic Croatian markup, and HVACBusiness structured data for local search. Responsive layout, accessibility (skip link, reduced-motion), and a sitemap were part of the implementation from the start, so the site works well on desktop and mobile and remains straightforward for the client to evolve over time.
Results
Belec Servis launched with a professional, on-brand site that clearly explains their authorized Vaillant offer and local availability. The hero and phone CTAs make calling the obvious next step; the service grid and Vaillant band reinforce trust; and the inquiry form plus company details support non-urgent requests. The site is live at belec-servis.hr, performant, and maintainable, giving the workshop a solid foundation for local search and inbound jobs across Đurđevac and the surrounding area.