Лендинг / Личный бренд / Адаптивная вёрстка

Репетитор Анастасия — лендинг преподавателя английского

Одностраничный сайт репетитора для 2–6 классов: обо мне, достижения, подход к занятиям, прайс и запись. Собран по слайдам-визиткам клиента — нежная палитра, ветки сакуры и рукописные акценты.

Открыть сайт ↗
Репетитор Анастасия — главная

Задача проекта

Проблема

Начинающему репетитору нужен сайт, на который можно вести родителей из соцсетей. Вся информация была только в четырёх картинках-слайдах: о себе, достижения, услуги и прайс — их неудобно читать с телефона и нельзя записаться в один клик.

Решение

Перенёс содержание слайдов в живой лендинг и сохранил их стиль: сливочный фон, пудрово-розовые акценты, волнистая «звезда» под прайсом. Каждая кнопка ведёт сразу в Telegram, а акция для первых учеников вынесена на первый экран.

Что умеет

Фото в арке с ветками сакуры
Падающие лепестки на фоне
Блок «Обо мне» и достижения
Рисованная SVG-тетрадь «English»
5 аспектов языка на уроке
Волнистый прайс как на слайде
Акция для первых 5 учеников
Запись в Telegram и ВК в один клик
Плавные анимации при прокрутке
Поддержка reduced motion

Скриншоты проекта

Мобильная версия

Мобильная версия

Большинство родителей открывают ссылку из мессенджера, поэтому сайт в первую очередь сделан под телефон.

На узких экранах фото встаёт под заголовок, кнопки растягиваются во всю ширину, а волнистый прайс превращается в аккуратную карточку, чтобы текст не упирался в края.

Результат работы

7

блоков: первый экран, обо мне, занятия, прайс, как начать, контакты, футер

0

картинок-декораций: цветы, тетрадь и линии нарисованы в SVG

1 клик

от любой кнопки до диалога с репетитором в Telegram

Mobile

отдельная раскладка для телефонов без горизонтального скролла

Хочешь такой же проект?

Обсудить проект ↗ Открыть сайт ↗