Ищете крутые кейсы в digital? Посмотрите на номинантов Workspace Digital Awards 2026!
Enter Agency
KARCHER. Интерфейс портала по обучению и тестированию.
Enter Agency
#Дизайн сайта#HTML - верстка сайта

KARCHER. Интерфейс портала по обучению и тестированию.

16 
Enter Agency Россия, Нижний Новгород
Поделиться: 0 0 0
KARCHER. Интерфейс портала по обучению и тестированию.
Клиент

ООО «Керхер»

Бюджет

400 000

Сфера

Услуги

Регион

Россия

Сдано

Март 2019

Задача

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

Решение

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

1Структура портала

Портал представляет из себя внутрений сайт компании, состоящий из открытой и закрытой частей.

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

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

2Дизайн интерфейса открытой части

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

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

3Интерфейс закрытой части

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

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

4Панель управления

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

Результат

Проект был выполнен обозначенные сроки и передан на внедрение, проводимое заказчиком собственными силами с привлечением компании-интегратора.

https://enteragency.ru/digital/interfejs-i-front-end-portala/

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

  • HTML HTML Язык программирования
  • Figma Figma Графический редактор
  • Adobe Indesign Adobe Indesign Графический редактор

Над проектом работали:


Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Enter Agency с удовольствием обсудит вашу задачу

Оставить заявку