HTML5
Семантические секции, доступный FAQ на `<details>`.
Кейс · Landing · Healthcare
Долонит — промо-лендинг
Одностраничный промо-сайт для фарма-бренда: медицинская структура, фирменная палитра Мосфарма, glassmorphism и AVIF-фон. Single-file HTML без фреймворков.
Год
2026
Тип проекта
промо-лендинг
Заказчик
Мосфарма
Ниша
фарма / healthcare
Формат
single-file HTML
Разработчик
Иннокентий Горохов
О проекте
Промо-лендинг для препарата Долонит-Мосфарма — одностраничник, который продаёт не «таблетку», а понятный медицинский сценарий: показания, состав, применение, отзывы и FAQ. Задача была собрать типовую структуру pharma-landing с аккуратной подачей и быстрой загрузкой.
Весь интерфейс — один HTML-файл: семантическая разметка, CSS-переменные, grid/flex и минимальный JS для бургер-меню. Визуально опирались на фирменные красный и синий Мосфарма, шрифт Manrope, полупрозрачные glass-панели поверх AVIF-фона.
Что использовали
Чистый фронтенд — быстрая отдача статики и полный контроль над каждым блоком.
CSS3
Переменные палитры, grid/flex, glassmorphism, media queries.
JavaScript
Бургер-меню и раскрытие навигации на мобильных.
AVIF / WebP
Фоновое видео-AVIF, оптимизированные фото секций.
Что реализовано
- Sticky header с glass-эффектом и зелёным SVG-логотипом
- Hero: pill-badge, список преимуществ, двойной CTA, float-card
- Fixed AVIF-фон страницы с полупрозрачным оверлеем
- Trust-strip и сетка из 5 glass-карточек показаний
- Тёмная glass-секция «Формула 3-в-1» с карточками активных веществ
- Два split-блока с glass-панелями и фото-сценами
- Блок преимуществ, отзывы, FAQ и красный CTA-баннер
- Адаптивная вёрстка и медицинский дисклеймер в футере
Над проектом работали
Иннокентий Горохов
Веб-студия ЛУМД
Дизайн, вёрстка и интерактив — Иннокентий Горохов. Структура лендинга, glassmorphism, адаптив и single-file сборка.