Cайт для Павловской гимназии

Разработали корпоративный сайт для частной школы в Москве.

Перейти на сайт

Клиент

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

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

Задача

Сделать новый сайт на основе контента уже существующего. При этом нужно:

  • разработать простую и понятную навигацию;
  • упростить структуру, сократить количество страниц;
  • разработать современный дизайн;
  • улучшить пользовательские поведенческие показатели на сайте; 
  • объединить существующие посадочные страницы на одном ресурсе.

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

Ольга Рагожина
Директор гимназии

Решение

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

Аналитика

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

Затем описали типичные пути пользователя с помощью Customer Journey Map. Из семи групп целевой аудитории мы выделили три основные: родители, которые ищут школу для детей, ученики и преподаватели. Оставшиеся четыре группы тесно с ними переплетаются. Составили CJM для этих трёх групп.

Каждая CJM содержит:

  • цели пользователя; 
  • действия пользователя на пути к цели; 
  • источники, которые будут использованы при поиске информации; 
  • точки касания на сайте, через которые может проходить пользователь, чтобы получить информацию.

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

Дизайн-концепция

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

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

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

Цветовое кодирование помогло развить наши идеи. Внутренние страницы смотрятся интересно, не однотипно. Итог — простой, понятный, минималистичный дизайн.

Иван Черный
Дизайнер

Сложной задачей стал перенос контента со старого сайта и промо-сайтов на новый. Для некоторых новых и модифицированных разделов не было текстов — либо не все они подходили под новую структуру страниц. Так как сайт по объёму информации очень большой, работа по подготовке контента и переносу заняла много времени.

Например, был полностью переработан раздел с коллективом школы, который насчитывал 210 педагогов. Обе стороны провели огромную работу по его подготовке и публикации.

Дополнительный функционал

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

Технологии

Сайт работает на «1С-Битрикс: Управление сайтом». Мы сделали для клиента динамические области — так контент-менеджеры «Павловской гимназии» могут редактировать содержимое сайта без привлечения разработчиков.

Фронтенд написан на JavaScript и React, бэкенд — на PHP.

Результаты

Сайт соответствует ожиданиям клиента, быстро загружается и выполняет свои задачи. Мы продолжаем работать с Павловской гимназией в рамках техподдержки.

Стек технологий

React
Bitrix Framework
PHP
JavaScript

Проект в цифрах

240  
часов аналитики и проектирования
263  
часа дизайна
1000+  
часов верстки и программирования