Клиент поставил задачу создать англоязычный B2B-лендинг для Techwizzard - сервиса глобальных платежей и интеллектуальной маршрутизации транзакций, ориентированного на растущие европейские компании.
Цель проекта - понятно представить сложный финтех-продукт, сформировать доверие к сервису и привести посетителя к целевому действию: заявке на подключение или запросу индивидуального предложения.
Нужно было выстроить последовательную структуру страницы, показать процесс подключения в три шага, раскрыть преимущества платформы и обеспечить удобную работу сайта на компьютерах и мобильных устройствах.
Разработали адаптивный одностраничный сайт на Next.js, React и TypeScript. Выстроили страницу как последовательный пользовательский сценарий: основной оффер и маркеры доверия, три шага подключения, преимущества продукта, повторный призыв к действию и юридическая информация.
Для выразительного визуального образа использовали контрастную фиолетово-кремовую палитру, современную типографику, адаптивные иллюстрации и собственную Canvas-анимацию потока частиц. Анимация движется по заданным графическим маскам, подстраивает качество под возможности устройства, приостанавливается вне области просмотра и учитывает пользовательскую настройку reduced motion.
Реализовали две лид-формы: запрос доступа и получение индивидуального предложения. Добавил серверную валидацию, отправку заявок и автоматических подтверждений через SMTP, состояния успеха и ошибки, honeypot-защиту от ботов, ограничение частоты запросов и проверку источника обращения.
Также настроили техническое SEO: метаданные, canonical, Open Graph, JSON-LD, robots.txt, sitemap и web manifest. Подготовил проект к production-развёртыванию за Nginx с HTTPS, кешированием статики и security-заголовками.
В результате получился готовый и опубликованный лендинг, который переводит сложное предложение платёжного сервиса в понятный сценарий: знакомство с продуктом → объяснение процесса подключения → преимущества → заявка.
Сайт адаптирован для компьютеров и мобильных устройств, а обращения обрабатываются на сервере без раскрытия почтовых данных в браузере. Интерфейс учитывает ограничение анимации, подготовлен к индексации и корректному отображению ссылок в социальных сетях.
Проект покрыт автоматическими тестами и успешно проходит линтинг, проверку типов и production-сборку.
