Учебная работа для отработки навыков веб-дизайна и вёрстки лендинга. Создание сайта для репетитора английского языка с акцентом на индивидуальный подход и быстрый результат. Задача — передать доверительную атмосферу, профессионализм и мотивацию к обучению через продуманную структуру, цветовую палитру и убедительный контент.
Для работы был выбран формат одностраничного сайта (лендинг) с чёткой структурой и продающими элементами.
Основные этапы работы:
1) Анализ задачи: определила концепцию сайта — персональный сайт репетитора английского языка с акцентом на индивидуальные занятия для взрослых и подростков. Целевая аудитория — люди, которые хотят преодолеть языковой барьер и начать говорить уверенно.
2) Подбор цветовой палитры: выбрала спокойную гамму для передачи доверия и профессионализма:
- бирюзовый/тиффани — свежесть, энергия, доверие
- коралловый/персиковый — теплота, мотивация, призыв к действию
- светло-серый/голубой — спокойствие, стабильность
- белый — чистота, воздух, лёгкость восприятия
3) Проработка структуры лендинга:
- Главный экран: фото преподавателя, заголовок «Заговорите на английском уверенно уже через 2 месяца», описание (индивидуальные уроки для взрослых и подростков), кнопка «Записаться на пробный урок»
- Секция «Знакомо ли вам это?»: блок боли целевой аудитории (понимаю, но не могу сказать; боюсь ошибок; учил, но забыл; нужен для работы; скучно по стандартным учебникам)
- Секция «Как мы будем учиться»: 4 этапа с галочками (диагностика, план обучения, практика 80%, поддержка 24/7)
- Секция «Что говорят ученики»: три отзыва с фото (Наталья — маркетолог, Ольга — мама ученицы, Алексей — студент)
- Секция «Форматы занятий»: два варианта (онлайн — Zoom, 2000₽/урок; офлайн — встреча в центре, 2500₽/урок)
- Секция «Вопрос-ответ»: ответы на частые вопросы (отмена урока, учебники, минимальный курс)
- Финальный CTA «Готовы начать?»: предложение бесплатного пробного урока (30 минут), контакты (телефон, email), социальные сети, кнопка «Записаться бесплатно»
4) Работа с типографикой:
- выбрала читаемые шрифты с засечками для заголовков (элегантность)
- чистые шрифты без засечек для основного текста
- создала визуальную иерархию (заголовки, подзаголовки, списки)
- обеспечила достаточный контраст для удобства чтения
5) Работа с контентом:
- профессиональное фото преподавателя в шапке
- создание убедительных текстов для каждого блока
- проработка болей целевой аудитории
- конкретика в описании форматов и цен
- социальные доказательства (отзывы реальных людей)
6) Создание адаптивной композиции:
- чередование белых, светло-голубых и коралловых секций для визуального ритма
- достаточное количество «воздуха» (отступов) для лёгкости восприятия
- баланс текста и изображений
- чек-маркеры (галочки) для акцента на преимуществах
- круглые фото для отзывов (персонализация)
7) Проверка удобства: навигация интуитивно понятна, есть несколько призывов к действию (кнопки), информация о ценах прозрачная, а общий дизайн мотивирует записаться на урок.
Пожаловаться
