<!-- Canonical: https://88lab.eu/klienti/anchordei-com/ -->

[Всички проекти](https://88lab.eu/portfolio/)

КЛИМАТИЗАЦИЯ И СТРОИТЕЛНИ УСЛУГИ

# ANCHORDEI

Работата си личи. И в сайта.

[Посети сайта](https://anchordei.com/)

Индивидуален дизайн GSAP SEO / GEO / AEO

![Проект ANCHORDEI на 88Lab](https://88lab.eu/media/anchordei-project-20261112-v3.webp)
Реален проект от портфолиото на 88Lab · ANCHORDEI 

01 / КОНТЕКСТ И ЗАДАЧА

## Работата си личи. И в сайта.

Задачата

Задачата беше да обединим четири различни направления на  **ANCHORDEI**  в ясен фирмен сайт: климатизация, къртене и извозване, асфалтиране и павиране. Посетителят трябва бързо да разпознае услугата, да разбере обхвата и да намери конкретна следваща стъпка за своя обект.

Решението

Създадохме индивидуален сайт с осем страници, тъмна графитено-зелена палитра, фина кирилска типография и големи тематични изображения. Климатизацията е водеща в началния екран, а всяка дейност има собствена страница, конкретни обяснения и удобни връзки за контакт.

### Дизайн, свързан с реалната работа

Визуалният език идва от материалите и техниката: климатични системи, асфалт, валяци, павета и строителни повърхности. Разработихме геометричен знак, изчистена навигация, илюстративни изображения и собствени SVG детайли. Отделните страници използват различни кадри, за да показват характера на всяка дейност.

### Анимации, които следват скрола и се връщат естествено

Изградихме обратими  **GSAP**  и  **ScrollTrigger**  анимации. Снимката в hero секцията се разгъва до целия екран и разкрива посланието за климатизацията. Услугите се сменят чрез обща маска върху снимката и текста, с плавно приближаване на кадрите и индикатор за напредък.

При скрол нагоре движението се връща по същата последователност.

### Анимиран работен процес и мобилно движение

Секцията „Първо план. После действие.“ свързва четирите стъпки с линия, която се изчертава последователно заедно със SVG скиците. На телефон композицията става вертикална, а hero и услугите запазват отделно настроени анимации.

Предварително зададените sticky височини и локалните шрифтове поддържат стабилно зареждане. При намалено движение съдържанието остава достъпно без скрол ефектите.

### Интерактивно сравнение, избор на услуга и 45 цени

Добавихме плъзгач „преди/след“ с илюстративна визуализация на настилка и избор на услуга с насоки за подготовка на запитването. Отделната страница за климатици подрежда 45 цени по групи, с ясни мерни единици и условия.

Телефонът е директно кликаем, а формата подготвя текст за копиране според избраната дейност.

### Техническа основа за SEO, GEO и AEO

Подготвихме отделни заглавия, метаописания и canonical адреси за осемте страници, навигационни пътеки и вътрешни връзки между дейностите. Добавихме структурирани данни за организацията, услугите, цените и въпросите, sitemap, robots.txt и llms.txt.

Телефонът и районът на работа са последователно представени, а информацията е достъпна в HTML за търсачки и AI системи.

02 / КАКВО ИЗГРАДИХМЕ

## Детайлите правят
цялото

- 01 

Индивидуален дизайн и геометричен бранд знак

- 02 

Осем страници с отделно представяне на услугите

- 03 

Разгъване на hero снимката до целия екран

- 04 

Обратими  **GSAP**  и ScrollTrigger анимации

- 05 

Смяна на услугите с маски и индикатор за напредък

- 06 

Последователно изчертаване на линия и SVG скици

- 07 

Мобилни композиции и режим с намалено движение

- 08 

Интерактивен плъзгач за сравнение преди/след

- 09 

Ценоразпис за климатици с 45 позиции

- 10 

Избор на услуга, подготовка на запитване и телефонни връзки

- 11 

Локални шрифтове, WebP изображения и стабилно зареждане

- 12 

SEO / GEO / AEO, структурирани данни и sitemap

РЕАЛИЗИРАНОТО РЕШЕНИЕ 

Фирмен сайт, в който ANCHORDEI представя  **четирите си направления**  с общ визуален характер.

Посетителят може да разгледа дейностите, да сравни визуализацията, да провери цените за климатизация и да подготви конкретно запитване или да се обади директно.

## Имате подобен проект?

[Да поговорим](https://88lab.eu/contact/?service=%D0%A3%D0%B5%D0%B1%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2%D0%B5)

СЛЕДВАЩ ПРОЕКТ [## Maison Éline](https://88lab.eu/klienti/maison-eline-3d-boutique/)
