Примеры сайтов
Примеры лендингов — шесть разных идей
Я сделал эти демо-лендинги, чтобы показать, как работаю с вёрсткой и интерфейсами. У каждого своя концепция, типографика и интерактив — от газетной вёрстки до сторителлинга, где небо меняется при прокрутке. Всё написано на чистом HTML, CSS и JavaScript, без конструкторов и шаблонов.
01Открыть лендинг →«Зерно и Пар» Лендинг кофейни
Идея: сайт свёрстан как выпуск городской газеты: крупная газетная шапка, колонки с буквицей, меню в виде оглавления и раздел «Письма в редакцию».
Калькулятор заваривания (V60, аэропресс, френч-пресс), вкладки меню с клавиатурной навигацией, бегущая строка и предзаказ с проверкой полей.
02Открыть лендинг →ПЛАН/Б Лендинг ремонта квартир
Идея: всё выглядит как рабочий чертёж: миллиметровка, размерные линии, жёсткие рамки и кислотный жёлтый.
В центре — конфигуратор сметы: схема квартиры перестраивается под тип жилья, цена и график работ считаются сразу. Есть слайдер «до/после», аккордеон и маска телефона.
03Открыть лендинг →«Белая линия» Лендинг стоматологии
Идея: сайт для тех, кто боится стоматологов: много воздуха, мягкие цвета и честный вопрос «насколько вам тревожно?».
Шкала тревоги с меняющимся лицом, интерактивная карта зубов, путь пациента с горизонтальным скроллом, поиск по прайсу и запись на свободный слот.
04Открыть лендинг →ПУЛЬС Лендинг фитнес-студии
Идея: студия, где всё строится вокруг пульса: огромный шрифт, линия ЭКГ в первом экране и цвета пульсовых зон по всему сайту.
Калькулятор пульсовых зон по формуле Карвонена, расписание с фильтром по интенсивности, свой курсор, портреты тренеров при наведении и переключатель цен.
05Открыть лендинг →«Клякса» Лендинг онлайн-школы рисования
Идея: страница как скетчбук: наклейки можно перетаскивать, подписи сделаны от руки, а рисовать можно прямо на сайте.
Холст с кистями и таймером «нарисуй кота за 20 секунд», квиз из трёх вопросов для подбора курса, стикеры-перевёртыши вместо FAQ и конфетти после заявки.
06Открыть лендинг →«Северный залив» Лендинг жилого комплекса
Идея: история одного дня у воды: при прокрутке небо проходит путь от утра до звёздной ночи.
Параллакс в первом экране, выбор этажа прямо на фасаде дома, планировка выбранной квартиры, ипотечный калькулятор и карта окрестностей с маршрутами.
Ваш проект
Нужен сайт с характером?
Сделаю лендинг или сайт под вашу задачу: на чистом коде или на CMS, с формами, интеграциями и аналитикой. А ещё разрабатываю ботов для Telegram и MAX и парсеры и автоматизацию.