Фронтенд

Фронтенд (frontend) — всё, что пользователь видит и трогает на сайте: кнопки, формы, анимации, меню. Фронтенд отвечает за первое впечатление и удобство — а значит, напрямую влияет на конверсию.

Из чего состоит фронтенд:

• HTML — структура страницы (заголовки, абзацы, таблицы)
• CSS — внешний вид (цвета, шрифты, отступы, анимации)
• JavaScript — интерактивность (клик по кнопке, слайдеры, валидация форм)

Почему фронтенд влияет на деньги:

• Скорость загрузки: фронтенд на 70% определяет PageSpeed. Задержка на 1 секунду = -7% конверсии (исследование Akamai)
• Адаптивность: 65-75% трафика с мобильных. Кривой мобильный фронтенд = потеря большинства клиентов
• UX-детали: понятные кнопки и формы повышают конверсию на 20-35%

Признаки качественного фронтенда:

• Загрузка <2 сек (PageSpeed >80)
• Работает в 5+ браузерах (Chrome, Safari, Firefox, Edge)
• Адаптивность под 5 типов устройств
• Семантическая вёрстка (понятна поисковикам)

Кейс WEBVISUAL: Клиент — автосервис. Было: сайт без мобильной версии, конверсия на мобильных 0.3%. Сделали адаптивный фронтенд: конверсия выросла до 2.1% (в 7 раз), заявки с мобильных +340% за 2 месяца. Бюджет фронтенда: 60 000 ₽.