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

Демонстрационный лендинг вымышленной студии ремонта квартир ТИХО. Задача — понятно представить подход и этапы работ, дать предварительный ориентир стоимости и показать сценарий заявки на консультацию. Что реализовано: • структура и тексты, спокойное оформление в природной палитре; • адаптация для компьютера, планшета и телефона; • калькулятор: площадь квартиры и три варианта ремонта; • пересчёт стоимости и отображение формулы расчёта; • этапы работы, ответы на вопросы и демонстрационная форма. HTML, CSS, JavaScript. Создано с использованием ИИ и проверкой отображения, калькулятора и интерактивных элементов. Приложены полный скриншот страницы и мобильный вид. Это концепция для портфолио, а не оплаченный клиентский кейс. Интерьер создан ИИ и не является выполненным объектом. Ставки вымышлены: расчёт показывает принцип работы и не является сметой. Материалы, мебель и техника в расчёт не входят. Форма не отправляет данные.

Демонстрационный лендинг вымышленного онлайн-курса FRAME по мобильной фотографии. Задача — объяснить содержание курса, показать программу и форматы участия, привести посетителя к выбору тарифа. Что реализовано: • структура и тексты, яркое оформление с синими и лаймовыми акцентами; • адаптация для компьютера, планшета и телефона; • программа из четырёх модулей с раскрывающимися описаниями; • два тарифа с разным составом обучения; • демонстрационная форма с выбранным тарифом; • ответы на частые вопросы. HTML, CSS, JavaScript. Создано с использованием ИИ и проверкой отображения и интерактивных элементов. Приложены полный скриншот страницы и мобильный вид. Это концепция для портфолио, а не оплаченный клиентский кейс. Название, программа и цены вымышлены, иллюстрация создана ИИ. Формы не отправляют данные; оплата, личный кабинет и выдача доступа не подключены.

Демонстрационный лендинг вымышленной студии красоты LUNE. Задача — представить услуги и цены, передать спокойную атмосферу студии и показать удобный сценарий записи. Что реализовано: • структура и тексты, светлое оформление с бордовыми акцентами; • адаптация для компьютера, планшета и телефона; • переключение категорий «Волосы», «Брови», «Уход»; • выбор услуги, дня и времени в демонстрационной форме; • раздел о подходе студии и ответы на вопросы. HTML, CSS, JavaScript. Создано с использованием ИИ и проверкой отображения и интерактивных элементов. Приложены полный скриншот страницы и мобильный вид. Это концепция для портфолио, а не оплаченный клиентский кейс. Название и цены вымышлены, изображение интерьера создано ИИ. Формы не отправляют данные; реальная запись, контакты и аналитика не подключены.

Концепция нового лендинга для визового центра «Мир без границ» (Астрахань). Для этого же клиента я сделал текущий сайт. Задача: современная страница, которая сразу вызывает доверие и ведёт к заявке на консультацию. Что сделано: — первый экран с оффером и карточкой статуса заявки — клиент видит, на каком этапе его виза; — блок подбора визы: тип визы, гражданство, страна и дата поездки; — «Пять шагов до визы» — наглядный процесс, из которого понятно, что в центр нужно прийти один раз; — карточки стран с реальными ценами центра; — блок консультации с телефоном и часами работы; — адаптивная вёрстка: на телефоне блоки перестраиваются в одну колонку. Стиль: тёмно-синий с золотым — спокойно и надёжно, как и должен выглядеть визовый сервис.

Одностраничный сайт-визитка для секции спортивной аэробики. Задача: рассказать родителям о виде спорта, показать программы с ценами и расписание и дать записаться на пробное занятие. Что сделано: — первый экран с оффером и кнопкой «Записаться и оплатить»; — блок с ключевыми цифрами и рассказ о виде спорта с категориями выступлений; — три программы с ценами и кнопками оплаты: пробное занятие, абонемент, индивидуальные тренировки; — расписание групп по возрастам; — строгий тёмно-синий стиль с изящной типографикой, закреплённое меню. Такой сайт подойдёт любой секции, студии или частному тренеру.

Концепт лендинга для автосервиса: прайс, этапы ремонта, гарантия и запись на свободное время. Что внутри: 🚗 Первый экран с анимацией: стрелка тахометра, по очереди загораются пункты диагностики, едет дорожная разметка 💰 Прайс на работы со временем и ценами 🔧 Этапы ремонта от записи до выдачи машины 🛡 Блок про гарантию 12 месяцев 🗓 Форма записи с выбором свободного времени 📱 Адаптив под телефон Стек: HTML, CSS, JavaScript, без конструкторов и готовых шаблонов. * Демо-проект для портфолио, автосервис и все данные вымышлены.

Контент для соцсетей визового центра «Мир без границ» (Астрахань): карусели для Telegram и Instagram и серия Stories. Для этого же клиента я сделал сайт. Задача: просто объяснить новичкам, как получить шенгенскую визу, познакомить аудиторию с визовым центром и собрать записи на выездную биометрию. Что сделано: — 6 каруселей по 6 слайдов в разных стилях: «Гид для новичков», «Посадочный талон», «Журнал», «Тёплая гостиная», базовая серия и «Открытка из Парижа»; — «Открытка из Парижа» — анонс биометрии на визу во Францию прямо в Астрахани: дата, выгоды, для кого подойдёт, ограниченное число мест и запись; — серия из 6 Stories 9:16; — тексты: что такое шенген, куда проще подать, на какой срок дают визу, когда подавать документы; — инфографика: сроки по странам, правило 90/180, шкала подачи документов; — фото руководителей центра, логотип и контакты в каждой серии; — на последнем слайде — призыв к действию. Делаю карусели для любой ниши: экспертные посты, акции, анонсы событий, презентация товара или услуги.

Концепции новой главной страницы для визового центра «Мир без границ» (Астрахань) — второй этап работы с этим клиентом после запуска сайта. Задача: показать заказчику несколько вариантов стиля, чтобы он выбрал лучший, не меняя структуру сайта. Что сделано: — одна структура главной: шапка с контактами, оффер, кнопка консультации, карточки тарифов; — 6 вариантов оформления: «Индиго», «Навигатор», «Фирменный», «Бирюза», «Терракота», «Небо»; — в каждом свои цвета, шрифты и форма кнопок; — варианты задуманы как темы WordPress: стиль меняется одним полем в админке. Такой формат помогает заказчику быстро выбрать стиль и экономит время на правках.

Сайт для визового центра «Мир без границ» в Астрахани. Работает на реальном домене, клиенты центра пользуются им каждый день. Задача: сделать сайт, на котором клиент за пару минут выбирает страну, видит цену и оставляет заявку на бесплатную консультацию. Что сделано: — структура и тексты сайта; — первый экран со слайдером направлений; — каталог стран с флагами и ценами; — блок «Этапы оформления» и форма заявки на консультацию; — разделы «Авиабилеты», «Страхование», «Виза под ключ», «Приглашение для иностранца», «Наши работы»; — контакты, WhatsApp и Telegram в шапке; — публикация на домене заказчика. Для этого же клиента сделал концепции редизайна главной и карусели для соцсетей (см. другие работы в портфолио).

Демонстрационный проект: англоязычный лендинг школы робототехники для детей 6–10 лет. Задача — понятно представить занятия и предложить родителям записаться на бесплатный пробный урок через WhatsApp. Сделано: • структура и оформление двух основных секций; • английские тексты, блоки программы LEGO WeDo и Arduino, преподавателей, цен и локации; • адаптация для компьютера и телефона; • демонстрация записи: окно с готовым сообщением и его копирование; • подготовка событий для последующего подключения аналитики. Технологии: HTML, CSS, JavaScript. ИИ использован при разработке и создании иллюстративного изображения. Проверены ширины 1440, 390 и 320 px, работа кнопок и окна записи. Горизонтального переполнения и ошибок JavaScript в проверке не обнаружено. Это самостоятельный пример, не оплаченный клиентский кейс. Название школы вымышленное, изображение иллюстративное. Профили преподавателей, цены регулярных занятий, адрес и контакты — заглушки. Реальный WhatsApp и Google Analytics не подключены. Сайт пока не опубликован; показатели заявок и продаж не измерялись.