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