> Для AI-агентів: це Markdown-версія сторінки https://figmatica.com/uk/cases/acvian. Повний індекс сайту Figmatica для LLM: https://figmatica.com/llms.txt # Acvian: 30+ сторінок за 60 днів: новий сайт на Webflow для глобального HR-партнера - Рік: 2024 - Галузь: AI та B2B - Послуги: Веб-дизайн, Ілюстрації й анімація, Розробка на Webflow - Результат: Запуск, Переїзд з WordPress - Стадія: Масштабування ## Задача Acvian допомагає компаніям наймати людей у будь-якій країні: бере на себе договори, виплату зарплат і документи, які захищають і роботодавця, і працівника. За кілька років компанія виросла з однієї дочірньої фірми в Україні до групи майже з десяти компаній з офісами в семи країнах. Її сайту на WordPress було понад три роки, він виглядав слабшим за компанію, і кожна нова стаття коштувала маркетологам зайвого часу. ## Рішення Технічне завдання ставило поруч дві дороги: новий дизайн на тому самому WordPress або переїзд на Webflow, де маркетинг сам збирає сторінки. Ми прорахували обидві, виграли закритий тендер, і Acvian обрав переїзд. До дослідження клієнта ми додали аналіз конкурентів і показали сім концепцій першого екрана. Фінальний дизайн поєднав кольори однієї з мережевою ілюстрацією іншої, що виросла з логотипа Acvian. ## Результати Новий сайт на Webflow з понад 30 сторінками: сторінки послуг з анімованими ілюстраціями, сторінки країн, калькулятор вартості зарплати, розділ ресурсів і набір CMS-блоків, з яких маркетинг сам збирає статті. Проєкт зайняв 60 днів, і восени 2024 року сайт запрацював. Майже через два роки 104 зі 120 адрес старого сайту досі ведуть на сторінку з тим самим або близьким змістом. > Нам потрібен був погляд збоку і дизайнерський підхід. Ми отримали кілька варіантів, порівнювали їх, а команда прислухалась до наших правок і пропонувала свої ідеї. Завдяки цьому все вийшло дуже добре. > Mykyta Semenov, COO, Acvian ## Коментарі арт-директора - **Перший екран виріс з логотипа.** Логотип Acvian це маленьке деревце з точок і ліній. На першому екрані воно розгортається в мережу: люди в колах, а між ними послуги, через які працівник проходить дорогою до нової компанії. Під заголовком по черзі друкуються три рядки: знайти таланти, найняти за 24 години, керувати командою і платити їй. - **Від аналізу конкурентів до Webflow.** Робота йшла в такому порядку: аналіз конкурентів Acvian, дизайн-концепції, усі сторінки для компʼютера на 1440 і телефона на 375, UI-кіт і збірка на Webflow. Увесь проєкт зайняв 60 днів. - **Сім концепцій на першому показі.** Від мережі з точок до акварельного пейзажу, людини на першому екрані, темної планети і цифрового футуризму. Acvian обрав першу і третю; Згодом клієнт сказав, що з трьох концепцій обирати було б легше, і відтоді ми показуємо щонайбільше три. - **Понад 30 сторінок.** Сторінка компанії відкривається справжньою командою Acvian, у кожного фото і коротка історія. Калькулятор вартості зарплати за секунди рахує, скільки коштуватиме працівник у 180 країнах, а картки країн показують податки, валюту і відпустки на кожному ринку. - **Прототип клієнта став сторінкою.** Acvian прийшов із сайтмепом, текстами і прототипами сторінок від попереднього дизайнера. Ми доопрацювали інформаційну архітектуру та ієрархію кожної сторінки і перетворили сірі лінії на готовий дизайн. - **Структура для групи компаній.** Девʼять розділів верхнього рівня, сторінка для кожного з семи офісів і шість колекцій, які маркетинг наповнює через CMS: команда, вакансії, країни, блог, кейси і FAQ. - **Hagrid для заголовків.** Roboto з брендбука ми відклали ще на першому показі: сайт мав лишатися сучасним роками. Заголовки набрані шрифтом Hagrid Text, текст шрифтом GT Walsheim Pro. - **Ілюстрації, які розповідають послугу.** Наймання через посередника, виплати й релокацію важко уявити, тож кожна сторінка послуги отримала сцену, намальовану у Figma. На сторінці імміграції літачок по черзі запалює кроки; на сторінці виплат чеки падають до працівників у різних країнах; на сторінці PEO люди з чотирьох країн збираються довкола глобуса. - **Та сама історія на телефоні.** На телефоні спершу йде пропозиція, а ілюстрації за нею; блоки стають одне під одним, частина розділів перетворюється на слайдери, а анімації прокрутки на свайпи. - **Статті, які маркетинг збирає сам.** Маркетолог відкриває статтю в редакторі Webflow, натискає плюс і обирає блок: заголовок потрібного рівня, галерею, список, таблицю одного з трьох видів, банер із кнопкою, цитату клієнта. Відступи вже задані в дизайні. - **Сайт, який показував перший рік компанії.** Ліворуч сайт на WordPress у серпні 2024 року: один заголовок і кнопка із запитом пропозиції. Праворуч новий сайт: мережа, логотипи клієнтів, рейтинг і зустріч, яку бронюють в один клік. - **104 зі 120 старих адрес досі працюють.** Переадресації зі старих адрес WordPress на нові сторінки налаштовували ми. Майже через два роки після переїзду 104 зі 120 адрес, які інтернет-архів бачив на старому сайті, ведуть на сторінку з тим самим або близьким змістом. ## Посилання - [Сайт](https://www.acvian.com/) - [Як ми це зробили](https://figmatica.com/compare/redesign-vs-new-website) - [Відео](https://www.youtube.com/watch?v=fuK0Ygt_HjA) ## Часті питання ### Як зробити сайт для компанії, що надає послуги EOR та HR? Почати з того, що покупець перевіряє насамперед: у яких країнах ви працюєте, що берете на себе і докази, що вам довіряють інші. Для Acvian це сторінки країн, сцена для кожної послуги, логотипи клієнтів і рейтинг на першому екрані та калькулятор вартості зарплати, який дає цифру ще до першого дзвінка. ### Як переїхати з WordPress на Webflow і зберегти позиції в Google? Зібрати всі старі адреси, знайти для кожної сторінку з тим самим змістом і налаштувати постійні переадресації 301 ще до запуску. Через місяць пройти старі адреси ще раз. В Acvian 104 зі 120 старих адрес ведуть на потрібну сторінку майже через два роки після переїзду. ### Скільки дизайн-концепцій показувати клієнту? Щонайбільше три. Для Acvian ми показали сім на першому показі, і клієнт сказав, що з трьох, у кожну з яких вкладено трохи більше часу, обирати було б легше. Відтоді ми показуємо три. ### Як дати маркетингу самому публікувати на корпоративному сайті? Спроєктувати статтю як набір блоків і підключити їх до CMS. На сайті Acvian у Webflow маркетолог натискає плюс у редакторі й обирає заголовок, галерею, таблицю, банер чи цитату клієнта; відступи задані в дизайні. ### Скільки триває новий корпоративний сайт? Сайт Acvian зайняв 60 днів, бо клієнт приніс сайтмеп, тексти для кожної сторінки, прототипи, опис ідеального клієнта і брендбук. Якщо все це ще треба зробити, додайте на початку час на цю роботу.