Примеры работ и кейсы по направлению «Лендинги»

Самостоятельно реализовал концепцию лендинга образовательного курса. Задача страницы — последовательно познакомить посетителя с темой обучения, показать содержание программы и помочь сравнить варианты участия. Путь пользователя выстроен от первого экрана с основным предложением к результатам обучения, формату занятий, программе, преподавателю, тарифам и ответам на вопросы. Верхняя навигация позволяет перейти к нужному разделу без просмотра всей страницы. Программа разделена на шесть модулей. У каждого есть краткий список тем и отдельное окно с подробностями уроков: так основной экран остаётся обозримым, а заинтересованный посетитель получает больше информации. В окне предусмотрен переход к тарифам. Для сравнения вариантов участия используется сетка из трёх карточек с составом программы и условиями доступа. Визуальный язык поддерживает тему курса: тёмный космический первый экран, изображения планет, светлые содержательные разделы и контрастные кнопки. По ссылке можно пройти сценарий знакомства с программой и тарифами. Приём обращений и платежей в открытой версии отключён.

Работа выполнена для компании, которая занимается строительным ремонтом. Разработал персонажей на базе одного референса, придумал небольшой юмористический сценарий, создал видео и смонтировал его для заказчика

Лендинг сделан для агентства недвижимости "Новый Адрес" из Ступино. На него приходят люди, которые хотят продать, купить, сдать или снять квартиру в Ступино и Новом Ступино. Сайт должен быстро объяснить, чем агентство поможет, и довести человека до звонка или заявки. Первый экран построен на схеме города, на ней отмечены оба офиса. Рядом кнопки с задачами клиента, у каждой задачи своя вкладка с ответственным специалистом. Отзывы взяты с открытых площадок, у каждого есть ссылка на оригинал. Ниже команда с фотографиями и телефонами, юрист в штате и опрос из трех вопросов для тех, кто пока не готов звонить. Основной зеленый цвет взят из логотипа агентства. Сайт написан на React 19 и TypeScript, стили на Tailwind CSS. Сервер написан на Python, данные хранятся в SQLite. Страница собирается заранее, поэтому поисковики видят текст сразу, а на телефоне сайт открывается быстро. Онлайн-чат и Яндекс.Метрика подключаются позже и первый экран не тормозят. Тексты, фото и состав команды сотрудники агентства меняют сами: кликают по нужному месту на сайте и правят его в админке. Перед публикацией изменения можно посмотреть, а прошлую версию вернуть. Заявки приходят на почту и сохраняются в базе, база копируется каждую ночь. Перед сдачей сайт прогнали автотестами на 13 моделях телефонов и планшетов.

Zapravki.info - независимый веб-сервис для поиска автозаправочных станций, отслеживания цен и наличия топлива по всей России. Проект начинался с идеи собрать информацию о заправках из разных источников и сделать её доступной автомобилистам в удобном интерфейсе. Разработку веду самостоятельно с использованием Claude Code и AI-инструментов. Спроектировал архитектуру, организовал автоматизированный сбор и обработку данных, настроил серверную инфраструктуру и механизмы обновления информации. Проект в цифрах: - 62 000+ АЗС по России. - 1 000+ городов. - 849 000+ записей о ценах из разных источников. - 649 000+ записей текущих цен. - 262 000+ записей в истории изменения цен. Реализованный функционал: интерактивная карта, поиск по городам, фильтрация по видам топлива и ценам, режимы карты, списка и радара, обратная связь от водителей, адаптивная мобильная версия. Стек: Python, JavaScript, HTML/CSS, Linux, Nginx, VPS, Claude Code, Codex. Сервис работает на собственном сервере, данные обновляются автоматически. Архитектура рассчитана на дальнейшее расширение географии и функциональности. Проект некоммерческий, полностью бесплатный для автомобилистов.

Задание: сверстать адаптивный сайт по макету Figma. Так же разработать логотип с использованием цветовой палитры в макете. Разработал логотип. По согласованию, изменил дизайн первого экрана и некоторые текста, для лучшей конверсии. Разработал сайт под ключ на CMS Wordpress.. Произведена базовая SEO оптимизация сайта.

Клиент — производитель профессионального вибро-диагностического стенда для проверки подвески автомобиля. Задача заключалась в создании современного лендинга, который понятно объясняет сложный технический продукт, повышает доверие к компании и генерирует целевые заявки от сервисов и СТО. На основе брифа и глубинного интервью с заказчиком я сформировал маркетинговую стратегию подачи продукта. Провёл анализ конкурентов, выделил ключевые преимущества и разработал удобную структуру сайта. Создал ч/б прототип, ориентированный на конверсию: чёткие триггеры, наглядные блоки, демонстрация технических возможностей стенда и акценты на выгодах для владельцев автосервисов. Затем разработал индивидуальный дизайн, который подчёркивает техническую надежность и инновационность продукта. Настроил корректное поведение всех интерактивных элементов, формы и адаптивные версии. Был запущен полностью готовый лендинг «под ключ» — от маркетинговой концепции до дизайна, верстки и настройки. Сайт стал удобным и убедительным инструментом продаж, помогает клиенту объяснять преимущества оборудования и увеличивает количество целевых обращений. Дополнительно выполнена базовая SEO-оптимизация: корректные метатеги, структура заголовков, оптимизация скорости загрузки и техническое улучшение контента.

Цель создать лендинг по продаже полиэфирных и эпоксидных смол с простым каталогом продукции. После брифа разработал фирменные цвета компании и логотип. На основе анализа конкурентов, брифа с клиентом создал черно-белый прототип сайта. Разработал сайт под ключ с маркетинговой проработкой и индивидуальным дизайном. Так же, была сделана базовая SEO оптимизация.

Концепт сайта для компании срочного выкупа квартир в Кирове. Человек в трудной ситуации с первого экрана видит главное: сделка за 24 часа, до 92% рыночной цены, долги, аресты и ипотеку компания берёт на себя. Фишки: фото квартиры в стрелках-шевронах «вперёд, к сделке», стеклянные плашки с обещаниями прямо на фото. Карточки «любых квартир» плывут по фото на разной глубине при прокрутке. Купленные квартиры въезжают рядами с ценами «рынок – предлагали другие – мы выплатили». Лента реальных фото с просмотром по клику и короткая заявка: имя, телефон, адрес. Подойдёт для выкупа недвижимости, агентств, риелторов, автовыкупа.

Демо-проект: лендинг кондитерской с тортами на заказ: срок 2 дня, натуральные продукты, каталог цен и форма заказа.

Демо-проект: лендинг персонального онлайн-тренера: измеримый результат в заголовке, условия, тарифы и форма заявки. Адаптив под телефоны.