Корпоративный сайт для языковой школы немецкого языка
Школа немецкого языка «DEUTSCH»
Проект
Лендинг для продажи индивидуальных занятий
Клиент
О клиенте и задачах
1/5
Сбор информации через глубинное интервью. Глубинное интервью — это метод исследования, представляющий собой беседу с вопросами для выявления у бизнеса ценностей, мотивации, сильных и слабых сторон и т.д.
Ко мне обратилась школа «DEUTSCH», которая предоставляет свою онлайн-платформу для индивидуальных онлайн-занятий немецким языком.

Работают с учениками любого уровня владения языка:
  • начинающие (A1–A2);
  • средний уровень (B1–B2);
  • продвинутые (C1–C2).
На данный момент в штате школы работает 9 преподавателей. Каждый из них высококвалифицированный специалист с многолетним опытом преподавания. Школа индивидуально подбирает под запрос и уровень знаний ученику программу обучения и преподавателя. Или ученик самостоятельно выбирает преподавателя.

Важным преимуществом школы является наличие своей удобной платформы для обучения: личный кабинет ученика с календарем занятий, графиком отслаивания прогресса, хранением полезных материалов для учебы и сдачей домашних заданий.

Задача
Создать функциональный и привлекательный сайт для всех сегментов целевой аудитории. Основные цели: презентовать услуги по индивидуальным онлайн‑занятиям; обеспечить удобный процесс записи на уроки; организовать безопасный и быстрый приём платежей.

Анализ
С помощью глубинного интервью тезисно были раскрыты ключевые вопросы о школе, которые обязательно надо знать при разработке сайта:
  • Целевая аудитория;
  • Уникальные преимущества;
  • Текущие каналы привлечения клиентов;
  • Цели бизнеса;
  • Философия преподавания.
Концепция
2/6
Концепция сайта — это набор идей, принципов и подходов, определяющих структуру, функциональность и внешний вид веб‑ресурса, включая его цели, целевую аудиторию и стратегию продвижения.
Весь сайт решено было сделать в цветах немецкого флага со светлым фоном. А также использовать современный дизайн с элементами бенто-стиля: простые прямоугольные формы, скругленые углы, плоские декоративные элементы. Для передачи легкого и дружелюбного подхода решили попробовать добавить хаотичные наклоны карточек и фразы, написанные от руки.
Прототип
3/5
Прототип — это первичный вид сайта, целью которого является проработка структуры сайта, навигации, кнопок, заголовков и описаний без дизайна. То есть это черно-белый вид сайта без каких-либо визуальных решений, только текст и структура.
Разработан был эмоциональный и функциональный лендинг с несколькими самыми важными блоками:
  • О платформе школы;
  • Бесплатный урок;
  • Особенности школы;
  • О преподавателях — фотография, о себе и регалии;
  • Отзывы — видео‑отзывы и текстовые отклики;
  • Популярные вопросы;
  • Контакты — форма обратной связи, карта, часы работы, ссылки на соцсети.

Важно было через тексты передать легкий позитивный настрой, но без обещания ошеломительных результатов. Так как результат в изучении языка зависит не только от школы и преподавателя, но и от усердия ученика. Вместо этого хотелось сделать акцент на сильных сторонах школы и показать ее заинтересованность в учебном процессе своих студентов.

Поэтому мы рассказали, как проходит обучение и сделали акцент на индивидуальном подходе: программа подбирается под ваш уровень владения языка и цели, а также добавили отзывы студентов.
Дизайн-макет
4/5
Дизайн-макет — это файл, который имеет вид завершённого сайта со всеми кнопками, текстами, цветами, изображениями и т.д.
На основе ранее утверждённой дизайн-концепции и проработанного прототипа был создан дизайн-макет всего лендинга.

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

Также на сайте была продумана микроанимация для удобного пользования и небольшой интерактив для вовлечения посетителей, снятия баннерной слепы и запоминания, так как у конкурентов подобных «фишек» на сайтах нет.
Верстка
5/5
Верста сайта на Tilda — это создание и оформление сайта с помощью визуального редактора платформы Tilda, без необходимости писать код.
Сайт был полностью сверстан на Тильде. Что было сделано для полной готовности сайта:
  • Создание домена;
  • Онлайн‑запись и оплата: интеграция с платёжной системой для безопасной оплаты занятий; автоматическая отправка подтверждения на email;
  • Принятия заявок на бесплатный урок через Битрикс24.

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