Разберём UX/UI-дизайн ещё одного сайта с наградами: цели, создание концепции и сложности разработки.
Изначально требовалось обновить устаревший сайт, но Potion понадобились полный ребрендинг, новая айдентика и свежая подача продукта. Это инструмент повышения конверсии холодных обращений и писем.
Для анимации мы много лет используем GreenSock: библиотека покрывает почти все наши задачи, позволяет быстро описывать движения на временной шкале и связывать их с прокруткой через ScrollTrigger. Плавную прокрутку обеспечивает SmoothScrollbar со специальным плагином интеграции.
Эффект курсора создали с помощью нашей библиотеки Mouse Follower.
Самой сложной задачей стали падающие стикеры с текстом в отзывах: они должны были подчиняться физике и реагировать на курсор. Физические параметры рассчитывал 2D-движок Matter.js, а координаты и углы блоков применялись через HTML/CSS.
