оставить заявку
мск
спб
оставить заявку
UX/UI

Редизайн портала Школа экспорта Акционерного общества «Российский экспортный центр»

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

Школа экспорта — площадка, которая обучает владельцев бизнеса правильно экспортировать свои товары в разные страны. Площадка предоставляет обучающие материалы, практические регламенты и ознакомляет с законами в этой области.
Особое внимание
Значительная часть целевой аудитории — лица старше 50. Эти пользователи характеризуются консервативностью, поэтому основные элементы взаимодействия с сайтом и учебными материалами по механике не изменились, но всё-таки приобрели новый внешний вид, соответствующий стилю ребрендинга.

Учитывая это особое свойство сайта мы разделили его на две смысловые части: внешнюю и внутреннюю, с разными задачами.
Внешний сайт
Задача внешней части портала — привлечение новых учеников и партнёров, демонстрация всей доступной информации об обучении.

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

  • дизайн-концепцию;
  • комплексную дизайн-систему;
  • макеты нетиповых страниц (Нетиповые страницы содержат функционал, без которого сайт не будет работать системно, типовые страницы — это страницы, где такой функционал повторяется, либо же страницы, которые отображают статичную информацию).
Проектирование
Прототипом для редизайна внутреннего уровня портала выступил старый сайт. Для внешней части создавались отдельные варфреймы.
Дизайн-система
В проекте не предусматривался комплексный подход к редизайну каждой страницы сайта. Были выбраны основные «нетиповые» страницы, которые содержат особый функционал.

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

Поведение интерактивных элементов на страницах Школы экспорта регламентируется дизайн-системой анимации.
В итоге
  • Мы создали дизайн макетов для десктопа, планшетной и мобильной версий для 20 разделов сайтов.
  • Переосмыслили и внедрили некоторые функциональные решения в сайт.
  • Оставили элементы для ЦА.
  • Составили дизайн-систему, чтобы Школа экспорта и дальше развивала портал под единым стилем.