Архив: UI/UX дизайн сайта образовательного агентства.

Описание

Добрый день!



Задача:

Разработать UI/UX дизайн сайта образовательного агентства. Навигация сайта должна быть удобная и простая. Сочный дизайн, который соответствует данной тематике.



Сайт, который нам нравится по дизайну и компоновке: https://i-study.ua/

Цветовые схема: фиолетовый, розовый, белый



При разработке дизайна сайта понадобятся макеты таких страниц (в варианте дэск-топ):



- Главная

- Страница основных категорий (типовая)

- Страница учебного заведения (типовая)

- Главная стр. Блога

- Страница поста Блога (типовая)



Далее детальное описание этих страниц:



1) Главная

Лейаут, который нам нравится: https://i-study.ua/

Содержит такие блоки:

- Хэдерное меню (имеет вид https://prnt.sc/kztqwy) с контактными данными и блоком ссылок на социальные сети с такими кнопками меню/ субменю:

Страны:

Австрия

Германия

Швейцария

США

Программы (или “Виды образования” ?):

Высшее образование

Среднее образование

Языковые курсы

Программы Au-Pair

Work and Travel USA

Каникулы

Стажировка

Статьи

О нас

Отзывы

For partners



- “Цепляющие” вопросы, ответы на которые ищут посетители (первый баннер)

- Удобную навигацию (селектор сортировки) для выбора интересующего вида образования и целевой страны

- Актуальные акции и действующие спец. предложения

- Снятие основных вопросов “почему выбрать нас?” (блок с иконографикой)

- Текущие достижения компании (блок с инфографикой)

- Отзывы клиентов/ партнеров о работе компании

- Лид-форма (форма заявки на оказание услуг)

- Заказ обратного звонка от менеджера компании

- Систему поиска текста на сайте



2) Страницы основных категорий:



Предусматриваются 3 категории, страницы которых будут построены по единому принципу:

- Страна

- Вид образования

- Страна + вид образования



Дизайн нужно сделать для категории “Страна + вид образования”

Лейаут, который нам нравится: https://i-study.ua/schools/_any/usa/higher/_any



Страница содержит:

- Описание категории (ОПЦИОНАЛЬНО; можно так же предусмотреть разворачивающихся текст по нажатию кнопки “прочитать больше”)

- Список местных учебных заведений с ключевыми характеристиками (релевантных к выбранной категории)

- Лид-форма (форма заявки на оказание услуг)

- Заказ обратного звонка от менеджера компании

- Систему поиска текста на сайте



3) Страницы конкретных учебных заведений

Лейаут, который нам нравится: https://i-study.ua/school/hult-boston



Страница содержит такие блоки:

- Описание учебного заведения, его сильных и слабых сторон. Описание ключевых характеристик (ЕСЛИ их можно выписать отдельно)

- Видео учебного заведения

-“Лицевое фото” учебного заведения

- Описание ценового диапазона заведения (ОПЦИОНАЛЬНО)

- Список услуг, которые можно заказать у компании в отношении данного учебного заведения и вида обучения (возможно с расценкой)

- Список необходимых действий/ документов для поступления (ОПЦИОНАЛЬНО; возможно в отдельном выпадающем списке)

- Карта с расположением

- Отзывы клиентов об обучении в данном заведе

Категория

Дизайн сайтов