En
Наш каналFlomni: сайт
В рамках проекта мы создали единую дизайн-систему, которая упростила масштабирование сайта и ускорила запуск новых страниц. Также разработали интерактивные прототипы для передачи в разработку и обновили фирменный стиль компании.
Задачи
— Сделать редизайн основного сайта
— Заложить основу для дальнейшего ребрендинга компании
Особенности
— Упор на мобильную версию
— 40+ страниц
— Учет SEO-рекомендаций
Реализация
UI-kit для быстрого масштабирования
Завели цвета, шрифты, кнопки, иконки, поля ввода, формы и другие повторяющиеся элементы со всеми возможными состояниями.
Навигация для разных устройств
Сделали подзаголовок к пунктам меню, чтобы вероятность осознанного захода пользователя на страницу была выше.
В мобильной версии способы связи вынесены вниз экрана, чтобы было можно было большим пальцем нажать на кнопку и совершить целевое действие.
20 переиспользуемых блоков
Создали базу из элементов, которые позволяют быстро создавать новые страницы — продуктовые, статьи и кейсы.
Интерактивные элементы
В мобильной версии расположили их так, чтобы основная информация находилась в зоне видимости, а CTA был под рукой.
Калькулятор стоимости
Отобразили всю тарифную сетку с гибкими расчетами, чтобы пользователь мог узнать стоимость до обращения в компанию.
Результаты
— Сформировали UI-kit для дальнейшего развития сайта, быстрого дизайна и верстки страниц через Figma API
— Передали в разработку макеты и прототипы, которые наглядно демонстрируют все интерактивные элементы
— Разработали новый корпоративный стиль, прописали в отдельном документе Guideline, рекомендации по использованию шрифтов и графики.
