[All projects](https://88lab.eu/en/portfolio/) AIR CONDITIONING AND CONSTRUCTION SERVICES # ANCHORDEI The work speaks for itself. So does the website. [Visit site](https://anchordei.com/) Custom design GSAP SEO / GEO / AEO  A real project from the 88Lab portfolio · ANCHORDEI 01 / CONTEXT AND GOAL ## The work speaks for itself. So does the website. The task The task was to bring **ANCHORDEI** ’s four service areas together in one clear business website: air conditioning, demolition and waste removal, asphalt laying and paving. Visitors needed to identify the right service, understand its scope and find a practical next step for their property. The solution We created a custom eight-page website with a dark graphite-green palette, fine Cyrillic typography and large thematic images. Air conditioning leads the opening screen, while each service has its own page, practical explanations and convenient contact links. ### Design rooted in the work The visual language draws on materials and equipment: air-conditioning systems, asphalt, rollers, paving stones and construction surfaces. We developed a geometric mark, clear navigation, illustrative imagery and custom SVG details. Different images across the pages give each service its own character. ### Scroll-driven animation that reverses naturally We built reversible **GSAP** and **ScrollTrigger** animations. The hero image expands to fill the screen and reveals the air-conditioning message. Services change through a shared mask over the image and text, with subtle image movement and a progress indicator. Scrolling upward reverses the same sequence. ### Animated workflow and mobile motion The “Plan first. Then act.” section connects four steps with a line drawn in sequence alongside SVG sketches. On phones, the composition becomes vertical, while the hero and services retain separately tuned animations. Predefined sticky heights and local fonts support stable loading. Reduced-motion mode keeps the content accessible without the scroll effects. ### Interactive comparison, service selection and 45 prices We added a before-and-after slider using an illustrative road-surface visualisation, plus a service selector with guidance for preparing an enquiry. A dedicated air-conditioning page organises 45 prices into groups with clear units and conditions. The phone number is directly clickable, and the form prepares text to copy for the selected service. ### Technical foundations for SEO, GEO and AEO We prepared distinct titles, meta descriptions and canonical URLs for all eight pages, breadcrumbs and internal links between services. We added structured data for the organisation, services, prices and questions, together with a sitemap, robots.txt and llms.txt. The phone number and service area are consistent, and the information is available in HTML for search engines and AI systems. 02 / WHAT WE BUILT ## Details make the whole - 01 Custom design and geometric brand mark - 02 Eight pages with dedicated service presentations - 03 Hero image expanding to fill the screen - 04 Reversible **GSAP** and ScrollTrigger animations - 05 Masked service transitions and progress indicator - 06 Sequential line drawing and SVG sketches - 07 Mobile compositions and reduced-motion support - 08 Interactive before-and-after comparison slider - 09 Air-conditioning price list with 45 entries - 10 Service selection, enquiry preparation and phone links - 11 Local fonts, WebP images and stable loading - 12 SEO / GEO / AEO, structured data and sitemap DELIVERED SOLUTION A business website presenting ANCHORDEI’s **four service areas** with one coherent visual identity. Visitors can explore the services, compare the visualisation, check air-conditioning prices and prepare a specific enquiry or call directly. ## Have a similar project? [Let's talk](https://88lab.eu/en/contact/?service=Websites) NEXT PROJECT [## Maison Éline](https://88lab.eu/en/klienti/maison-eline-3d-boutique/)