Acvian. 30+ сторінок за 60 днів: новий сайт на Webflow для глобального HR-партнера

Перший екран виріс з логотипа

Логотип Acvian це маленьке деревце з точок і ліній. На першому екрані воно розгортається в мережу: люди в колах, а між ними послуги, через які працівник проходить дорогою до нової компанії. Під заголовком по черзі друкуються три рядки: знайти таланти, найняти за 24 години, керувати командою і платити їй.

Від аналізу конкурентів до Webflow

Робота йшла в такому порядку: аналіз конкурентів Acvian, дизайн-концепції, усі сторінки для компʼютера на 1440 і телефона на 375, UI-кіт і збірка на Webflow. Увесь проєкт зайняв 60 днів.

Сім концепцій на першому показі

Від мережі з точок до акварельного пейзажу, людини на першому екрані, темної планети і цифрового футуризму. Acvian обрав першу і третю; Згодом клієнт сказав, що з трьох концепцій обирати було б легше, і відтоді ми показуємо щонайбільше три.

Понад 30 сторінок

Сторінка компанії відкривається справжньою командою Acvian, у кожного фото і коротка історія. Калькулятор вартості зарплати за секунди рахує, скільки коштуватиме працівник у 180 країнах, а картки країн показують податки, валюту і відпустки на кожному ринку.

Прототип клієнта став сторінкою

Acvian прийшов із сайтмепом, текстами і прототипами сторінок від попереднього дизайнера. Ми доопрацювали інформаційну архітектуру та ієрархію кожної сторінки і перетворили сірі лінії на готовий дизайн.

Структура для групи компаній

Девʼять розділів верхнього рівня, сторінка для кожного з семи офісів і шість колекцій, які маркетинг наповнює через CMS: команда, вакансії, країни, блог, кейси і FAQ.

Ілюстрації, які розповідають послугу

Наймання через посередника, виплати й релокацію важко уявити, тож кожна сторінка послуги отримала сцену, намальовану у Figma. На сторінці імміграції літачок по черзі запалює кроки; на сторінці виплат чеки падають до працівників у різних країнах; на сторінці PEO люди з чотирьох країн збираються довкола глобуса.

Та сама історія на телефоні

На телефоні спершу йде пропозиція, а ілюстрації за нею; блоки стають одне під одним, частина розділів перетворюється на слайдери, а анімації прокрутки на свайпи.

Статті, які маркетинг збирає сам

Маркетолог відкриває статтю в редакторі Webflow, натискає плюс і обирає блок: заголовок потрібного рівня, галерею, список, таблицю одного з трьох видів, банер із кнопкою, цитату клієнта. Відступи вже задані в дизайні.

Сайт, який показував перший рік компанії

Ліворуч сайт на WordPress у серпні 2024 року: один заголовок і кнопка із запитом пропозиції. Праворуч новий сайт: мережа, логотипи клієнтів, рейтинг і зустріч, яку бронюють в один клік.

104 зі 120 старих адрес досі працюють

Переадресації зі старих адрес WordPress на нові сторінки налаштовували ми. Майже через два роки після переїзду 104 зі 120 адрес, які інтернет-архів бачив на старому сайті, ведуть на сторінку з тим самим або близьким змістом.