Zengram

О проекте:

Zengram — это автоматический сервис для безопасной раскрутки в Instagram.

Заказчику необходимо было прорисовать макет адаптивного дизайна и сверстать его под десктопные и мобильные устройства.

Задачи:

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

Функционал:

По требованию заказчика основой проекта стал Bootstrap 4. Также использовался подход Mobile FIrst.

В качестве css-препроцессора мы использовали PostCSS, а в качестве HTML-шаблонизатора применялся Pug (ex-Jade).

Верстку мы делали компонентно, так как заказчик в дальнейшей работе будет использовать React.

Проект собирался таск-раннером Gulp.

Формы и другое:

В наши задачи входило отрисовать дизайн нового внутреннего кабинета сервиса Zengram в формате PSD на основе прототипа.

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