Сайт ИИ-продукта для бухгалтерского учета
Индустрия:
AI, Tech, Accounting Services
Клиент:
Продуктовая компания Soraban
Цель:
Имиджевый сайт
Год:
2024
Предпосылки
Клиент прекрасно понимал свою требовательность и высокие стандарты, поэтому он искал подрядчика, который с максимальным вниманием и чуткостью подошел бы к его задаче. Дизайн проекта был разработан внутренней командой клиента, и наша задача состояла в том, чтобы создать современный, быстрый и надежный веб-сайт, полностью соответствующий идеям, заложенным в дизайн.
Увидев качество наших предыдущих работ, представитель клиента без колебаний решил доверить реализацию проекта нам, что стало особенно приятным признанием нашего опыта.
Ключевые задачи
Development
Интеграции
Услуги:
Webflow Development
Инструменты и технологии:
Webflow, Javascript, GSAP
Задание
Задача состояла в том, чтобы создать привлекательный маркетинговый лендинг, который в будущем должен был превратиться в многостраничный продуктовый сайт.
Особое внимание заказчик уделил pixel perfect верстке. Это было принципиально важным требованием, поскольку дизайн был насыщен сложными для браузерной реализации элементами. Среди них большое количество декоративных деталей, масок, блюров, градиентных бордеров и многослойных фонов.
Каждый из этих элементов требовал точного воспроизведения без ущерба для качества. Кроме того, сайт должен был идеально выглядеть на любых расширениях экрана, обеспечивая безупречный пользовательский опыт как на мобильных устройствах, так и на больших мониторах.
Этот проект был настоящим вызовом, но в то же время давал возможность продемонстрировать наше техническое мастерство и внимание к деталям.
Координация с клиентом и подготовка к разработке
У клиента была своя команда дизайнеров, которая принимала активное участие в процессе создания сайта.
Мы детально проанализировали макет и обнаружили ряд сложностей, требующих отдельной проработки. Среди них изменение цвета градиентных границ кнопок и нестандартное поведение контейнеров в некоторых разделах на широкоэкранных экранах.









Разработка
После составления подробного style guide, мы приступили к работе.
Особенность этого проекта заключалась в том, что тестирование задач, замыкалось на дизайн команде клиента. Основной упор был сделан на идеальную реализацию визуальной составляющей, поэтому на каждом этапе мы отправляли проект на проверку, получали правки, пожелания или рекомендации.
Отдельно стоит обратить внимание на реализацию форм обратной связи, которые стали настоящим произведением искусства как с эстетической, так и с функциональной точки зрения.
- Эстетическая составляющая: формы были выполнены в полном соответствии с общим дизайном сайта. Они имели уникальный контейнер для прокрутки с фиксацией кнопки «Отправить», что придавало им изысканности и удобства.
- Функциональный компонент: формы поддерживают международный формат ввода телефонных номеров, автоматически определяют страну по IP-адресу, применяют числовую маску в зависимости от страны, обеспечивают валидацию всех полей и обрабатывают статус кнопки «Отправить». Кроме того, формы полностью интегрированы с Hubspot, включая поддержку полей типа Multiple Checkboxes и скрытых инпутов, для передачи дополнительных параметров в CRM.
Завершению проекта дополнила элегантная, но сдержанная анимация, соответствующая традициям продуктовых сайтов.

Рабочее пространство проекта
Финал
Завершение проекта
Реализация проекта продолжается и в 2025 году, в виде его поддержки и масштабирования. В настоящее время мы периодически работаем над дизайном блога и созданием внутренних страниц.
Мы искренне благодарны клиенту, который помог нам еще больше понять важность внимания к мельчайшим деталям. Этот проект научил нас замечать буквально каждый лишний пиксель, что в конечном итоге приводит к уникальным и безупречным результатам.