• /
  • /

Cайт школы немецкого языка

арт-дирекшин, ux/ui дизайн, прототип, верстка на tilda, реклама google
Хочу такой же
адрес сайта: deutsch-zentrum.schule
✋ Руководитель школы изучения немецкого языка «Deutsch-Zentrum» обратилась ко мне, чтобы создать современный сайт для школы, который будет приводить новых учеников в школу как на оффлайн, так и на онлайн обучение.

⚡ Так как ниша высококонкурентная, важно было разработать удобно структурированный, информативный и стильный сайт, который будет вызывать доверие у пользователей и запоминаться.

⏳ На разработку проекта было отведено 30 дней.

Что было сделано

1

UX Анализ

Проведен онлайн опрос среди потенциальных клиентов, по каким критериям они выбирают школу; проанализированы сайты конкурентов
2
Проектирование
На основании данных, полученных на предыдущем этапе, создана карта пути клиента и разработана удобная структура в соответствии с ожиданиями пользователей
3
Прототипирование
Создан кликабельный прототип для предварительной оценки структуры и удобства использования сайта; проведена презентация клиенту
4
Айдентика и стиль
Разработан новый логотип для школы и единый стиль сайта, который в дальнейшем клиент использовал в печатных рекламных материалах
5
Копирайтинг
Вместе с клиентом были оптимизированы тексты для сайта — в максимально кратком объеме разместили всю необходимую информацию
6
Дизайн макет
Создан кликабельный дизайн-макет сайта в Figma, который полностью показывает работу сайта; проведена презентация заказчику
7
Работа с графикой
Разработано техническое задание для фотографа, по которому была сделана фотосессия для сайта; подобраны и куплены недостающие фотографии
8
Разработка на Tilda
Сайт сверстан на Tilda, подключены формы обратной связи и уведомления; проведены базовые SEO настройки, подключена аналитика
9
Реклама
В Google Analytics настроены конверсионные цели для поисковой рекламы; в Google Ads настроены и оптимизированы рекламные кампании

Отзывы клиентов

Главный экран

✨ После брифования клиента и проведенных UX исследований, на основании полученной информации был разработан интерактивный прототип сайта. Этот шаг помог, во-первых, протестировать удобство и работоспособность структуры сайта — пройти по сайту весь путь посетителя.

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

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

Посмотреть интерактивный дизайн-шаблон можно по этой ссылке.
Интерактивный дизайн-макет
Экран сайта, передающий эмоции.

Форма обратной связи

Пример формы обратной связи на сайте
⚡ Была разработана удобная форма для заявок посетителей в отдельном кастомном Pop-up блоке. У пользователя есть возможность либо отправить свои данные, заполнив форму, либо связаться со школой по указанным номерам телефона.
Было довольно сложно разместить все элементы сайта в мобильной версии, чтобы дизайн не оказался нагроможденным. Поэтому, от части незначительных элементов пришлось отказаться. Но смысловая и стилистическая часть дизайна от этого абсолютно не пострадали.
Сайт адаптирован под мобильные устройства и планшеты
Мобильная версия
Шаблон мобильной версии сайта

Дизайн-макет главной страницы

следующий кейс

НАПИШИТЕ МНЕ

НАПИШИТЕ МНЕ

НАПИШИТЕ МНЕ

НАПИШИТЕ МНЕ

НАПИШИТЕ МНЕ

НАПИШИТЕ МНЕ

НАПИШИТЕ МНЕ

НАПИШИТЕ МНЕ

Электронное письмо:
Сообщение в Telegram:
Made on
Tilda