Сайт центра изучения иностранных языков Мастер-Класс

Филологи — люди дотошные и ищущие. Сайт языковой школы «Мастер-класс» оказался проектом весьма трудоемким, и потребовавшим много кропотливой работы.

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

Клиент активно участвовал в разработке дизайна — чувствовалось, что общее впечатление для него — краеугольный камень. На старте мы получили объемный гайдлайн, в котором были представлены основные элементы фирменного стиля.

Мы провели целый компекс работ. Огромное внимание было уделено проектированию сайта. ??так, что нам удалось осуществить:

Проектирование сайта:

1. Маркетинговый анализ сайта, разработка пользовательских историй и сценариев
2. Разработка SEO-проекта и контент-плана сайта
3. Разработка интерактивного прототипа

Разработка сайта:

1. Создание дизайн макетов страниц. 3 варианта главной страницы
2. Верстка шаблонов
3. Разработка модуля теста иностранных языков
4. Тестирование и отладка
5. Первичная настройка систем аналитики

C чего начинали:

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

Проектирование

К этапу разработки архитектуры сайта мы подошли серьезно. Проанализировав бизнес заказчика мы составили 3 персонажа — по числу основных сегментов целевой аудитории:

Дальше, разбили сайт на отдельные компоненты (объекты) и построили диаграмму путей по сайту для каждого из персонажей. Эта наглядная схема дала нам и заказчику ориентиры для разработки прототипа сайта.

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

Дизайн и вёрстка

Внешний вид сайта далеко не всегда заслуживает столько внимания, сколько ему уделяют его владельцы. Наш дизайнер изготовил вариант дизайна в соответствии с утвержденным прототипом и техзаданием:

Однако в процессе работы у заказчика появилось множество новых идей, которые не укладывались в прототип. Что ж, слово клиента — закон, если он твердо решил, чего хочет. Мы продолжили эксперименты с дизайном, стараясь учесть многочисленные пожелания и поправки. Заказчик между тем, ввел в игру своего художника, который подготовил оригинальные иллюстрации для слайдера на главной странице. Как получилось — судите сами.

Последние поправки наши верстальщики вносили уже в сверстанный сайт.

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

Разработка языкового теста

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

Результаты тестирования присылаются пользователю на почту. При этом владелец сайта получает контакт потенциального клиента.

Запуск нового сайта

О том, как мы переводили готовый сайт с тестового домена на боевой, можно снять мистический триллер. Внезапно выяснилось, что хостинг заказчика как раз в день переноса сменил настройки и фактически перестал поддерживать CMS, на которой сверстан сайт. Но мы не бросили клиента наедине с этой проблемой!

После бурных переговоров с техподдержкой хостинга мы решили просто сменить хостинг-провайдера на проверенного нами.

Однако и здесь возникли трудности! Письма с сайта не доходили до адресатов, хотя всё было указано правильно. Пришлось опять обращаться в техподдержку и добиваться исправления ситуации на стороне хостера. Что они сделали — для нас загадка, но в итоге всё заработало.

Нелёгкая победа!

Это был непростой проект, но общими усилиями мы всё же сделали солидный красивый сайт, спорящий на равных с конкурентами.