ТИП ДЛЯ РАБОТЫ
Лого, Айдентика UI/UX, WIX-разработка
FINTRUCK
FINTRUCK
Цель
Fintruck — это финансовая платформа для транспортных компаний.
Основная проблема заключалась в том, что старый сайт не доносил ценность продукта: посетители не понимали, чем именно Fintruck может быть им полезен. Навигация была перегружена, тексты — слишком обобщёнными, а призывы к действию — слабыми. В результате большинство пользователей покидали сайт, не совершив никаких действий.
Целью редизайна было повысить конверсию, упростить структуру и превратить сайт в полноценный инструмент продаж.
РЕШЕНИЕ
Во время редизайна была полностью переработана структура сайта и логика пользовательского пути. На главной странице появился чёткий заголовок с фокусом на выгоды и визуальный пример работы продукта. Все ключевые разделы были усилены сильными призывами к действию, такими как «Начать бесплатно» и «Запросить демонстрацию». Контент стал более лаконичным и ориентированным на результат. Добавлены новые блоки: отзывы клиентов, кейсы и логотипы партнёров. Кроме того, сайт стал быстрее, адаптивным для мобильных устройств и визуально более современным.
Результат
После запуска обновлённого сайта конверсия выросла на 38% без увеличения трафика. Количество заявок на демонстрацию увеличилось на 45%, а показатель отказов снизился на 27%. Пользователи отметили, что сайт стал интуитивно понятным, профессиональным и вызывающим доверие. В результате Fintruck получил не просто новый сайт, а эффективную платформу для привлечения и конверсии клиентов.
Мини-баннер
Мини-баннер (с возможностью закрытия) — Динамическое отображение с помощью Wix Velo
Для привлечения внимания посетителя в верхней части сайта был нужен мини-баннер. Он отображает специальное сообщение или акцию и должен закрываться при нажатии на кнопку “X”.
Элементу баннера был присвоен ID #miniBanner, а кнопке закрытия — #closeButton.
При загрузке сайта баннер автоматически появляется с помощью функции show().
Когда пользователь нажимает на кнопку “X”, вызывается событие onClick, и баннер скрывается через функцию hide().
При необходимости можно использовать sessionStorage, чтобы баннер больше не отображался в текущей сессии.
Пользовательское таб-меню — Интерактивная навигация с помощью Wix Velo
Проблема: Из-за большого объёма контента на сайте Fintruck.io возникла необходимость представить информацию в удобной и структурированной форме. Стандартные компоненты Wix Studio не обеспечивали нужной гибкости — особенно требовалась интерактивная функция переключения вкладок.
Решение: Для решения этой задачи было создано пользовательское таб-меню. При нажатии на вкладки соответствующие блоки контента динамически отображаются, а остальные скрываются. Реализация была выполнена с использованием возможностей Wix Velo (JavaScript API).
Процесс
Каждой вкладке и блоку контента был присвоен уникальный ID (например, #tab1, #content1 и т.д.).
При нажатии на вкладку отображается только соответствующий контент, а остальные скрываются с помощью метода hide().
Чтобы активная вкладка визуально выделялась, изменения в стиле (например, цвет фона) управлялись через JavaScript.
Весь код был написан в редакторе Wix Velo, что позволило полностью контролировать логику и поведение компонентов.
