О клиенте
GrowPro - LMS портал для обучения, тренинга и повышения квалификации сотрудников в индустрии гостеприимства и общественного питания.
Задача
Наш бриф заключался в разработке полного брендинга, логотипа и фирменного стиля; разработке структуры и дизайна более 50 страниц портала в сотрудничестве с программистом; разработке дизайна целевой страницы.
Решение
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/644bd9ddfc9e3365387eac4c_63357545b408c4cf93840819_growpro.png)
Мы выбрали синий цвет в качестве основного и серый в качестве второстепенного, чтобы бренд выглядел профессиональным и внушающим доверие.
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/63357a6b73248821843ccf25_2_AdobeExpress%20(1).gif)
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/63357b4ec971b8c3be89c9a0_3__1__AdobeExpress.gif)
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/63357bcb7acae6b6cc12f58f_5_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE_%D0%B3%D0%BE%D1%82%D0%BE%D0%B2%D0%BE_AdobeExpress.gif)
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/63357ba7c971b8aea789cb22_4__1__AdobeExpress.gif)
Для иллюстрации преимуществ портала мы разработали простую анимацию, демонстрирующую основные возможности портала.
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/63358523491694d8dc85588a_shh-courses-growpro.jpg)
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/633586eed60d055365acb3e6_shh-dashboard-growpro.jpg)
Мы создали понятную приборную панель отдельно для менеджеров и сотрудников. Мы разработали простой обзор всех курсов и сложный конструктор курсов для LMS.
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/633585344916944cc18558d5_shh-lesson-growpro.jpg)
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/6335854ee6a911634b7c5582_photo_2019-11-26%2022.57.09.jpeg)
Большая часть страниц находится под защитой NDA, однако перечисленные страницы должны дать базовое представление о проекте.
![](https://uploads-ssl.webflow.com/6162c93b47aeea76e56f4ceb/6335854ba72d766bfbee7e91_shh-growpro-landing.jpg)
Для приземления мы использовали эффект "потока" с синим цветом, чтобы мотивировать посетителя сайта прокрутить страницу до конца.