Заказчик БИОР «Умней»

Всероссийский центр дистанционного образования

Цель и задачи проекта

Цель

Разработать сайт для регионального набора на дистанционное обучение в Умней

Задачи

  • Разработать концепцию нового сайта для регионов в соответствии с фирменным стилем Умней
  • Подготовить баннеры для каждого региона набора

С чем работаем

В декабре 2022 года к нам обратились из Библиотеки информационно-образовательных ресурсов «Умней» с задачей на разработку сайтов «Умней» в регионах/городах РФ. Сайты «Умней» в регионах должны были представлять из себя лендинги для сбора заявок в регионах/городах России: Ртищево, Лиман, Барнаул, Екатеринбург, Сочи, Краснодар, Тюмень, Волгоград, Казань, Ейск, Фряново, Прокопьевск, Новоузенск, Петровск, Нижний Новгород и Луховицы. 

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

 

Логотип

Разработка концепции и полной версии лендинга

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

Guideline

Сборка концептов

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

Концепт сайта

В качестве основного был выбран первый вариант концепции, в который забрали меню из второго варианта, а также внесли незначительные изменения:

  1. В шапку добавилась кнопка перехода в «Личный кабинет» вместо выбора региона. 
  2. Упразднили слайдер и добавили в него форму заявки
  3. Уменьшили количество программ и сделали их крупнее. 
Конечный лендинг

Доработка оставшихся блоков лендинга

Полученный вариант концепции утвердили и продолжили сборку оставшихся блоков. Конечный вариант главной страницы обрел следующий вид:

Блоки лендинга
Мокап ноутбук

Чтобы не перегружать сайт количеством страниц, часть блоков с большим количеством контента перенесли в модальные окна, например «Специальности» в блоке программ показали в окне. Аналогично показали политику конфиденциальности в модальном окошке.

Модальные окна

Стайлгайд и графические материалы сайта

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

Стайлгайд

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

Walnut Team
Начать проект