Вебсайт ШІ-продукту для бухгалтерського обліку
Індустрія:
AI, Tech, Accounting Services
Клієнт:
Продуктова компанія Soraban
Мета
Іміджевий сайт
Рік реалізації:
2024
Передумови
Клієнт чудово розумів свою вимогливість та високі стандарти, тому шукав підрядника, який би з максимальною увагою та чутливістю поставився до його завдань. Дизайн проєкту був розроблений внутрішньою командою клієнта, а наше завдання полягало у створенні сучасного, швидкого та надійного вебсайту, який би повністю відповідав закладеним у дизайн ідеям.
Побачивши якість наших попередніх робіт, представник клієнта без вагань вирішив довірити реалізацію проєкту саме нам, що стало для нас особливо приємним визнанням нашої експертизи.
Ключові задачі
Development
Інтеграції
Послуги:
Webflow Development
Іструменти і технології:
Webflow, Javascript, GSAP
Задача
Задача полягала у створенні захоплюючого маркетингового лендінгу, який у майбутньому мав трансформуватися у багатосторінковий продуктовий вебсайт.
Особливу увагу клієнт приділяв абсолютній відповідності верстки макету. Це була принципово важлива вимога, адже дизайн був насичений складними для браузерної реалізації елементами. Серед них — велика кількість декоративних деталей, маски, блюри, градієнтні бордери та багатошарові бекграунди.
Кожен із цих елементів вимагав точного відтворення, без компромісів у якості. До того ж, сайт мав виглядати ідеально на будь-яких розширеннях екранів, забезпечуючи бездоганний користувацький досвід як на мобільних пристроях, так і на великих моніторах.
Цей проєкт став справжнім викликом, але водночас і можливістю продемонструвати нашу технічну майстерність та увагу до деталей.
Координація з клієнтом та підготовка до розробки
Клієнт мав власну дизайн-команду, яка брала активну участь у процесі створення сайту.
Ми детально проаналізували макет і виявили низку складнощів, які потребували окремого опрацювання. Серед них — зміна кольорів градієнтних бордерів на кнопках та нестандартна поведінка контейнерів у деяких секціях на широкоформатних екранах.









Розробка
Після формування детального Style Guide ми розпочали роботу.
Особливістю цього проєкту було те, що тестування задач замикалося на дизайн-команді клієнта. Основний акцент робився на ідеальній реалізації візуальної складової, тому на кожному етапі ми передавали проєкт на рев’ю, отримували правки, побажання або рекомендації.
Окремо варто звернути увагу на реалізацію форм зворотного зв’язку, які стали справжнім витвором мистецтва як з естетичної, так і з функціональної точки зору.
- Естетична складова: форми були виконані у повній відповідності до загального дизайну сайту. Вони мали унікальний скрол-контейнер із фіксацією кнопки "Submit", що додавало їм витонченості та зручності.
- Фунціональна складова: форми підтримують міжнародний формат введення номерів телефону, автоматично визначають країну за IP-адресою, застосовують маску номера залежно від країни, забезпечують валідацію всіх полів, а також обробляють стани кнопки "Submit". Крім того, форми були повністю інтегровані з Hubspot, включаючи підтримку полів типу "Multiple Checkboxes" та прихованих інпутів для передачі додаткових параметрів у CRM.
Завершеності проєкту додавала витончена, але стримана анімація, яка відповідає традиції продуктових сайтів.

Робоча область проєкту
Фінал
Завершення проєкту
Реалізація проєкту триває у вигляді його підтримки та масштабування. Наразі ми періодично працюємо над проєктуванням блогу та створенням внутрішніх сторінок.
Ми щиро вдячні клієнту, який допоміг нам ще більше заглибитися у важливість уваги до найменших деталей. Цей проєкт навчив нас помічати буквально кожен зайвий піксель, що зрештою призводить до створення унікальних і досконалих результатів.