UXPUB 🇺🇦 Дизайн-спільнота: Revend Group

Business Group Logistics — UX/UI-редизайн для національного 3PL-оператора

Анастасія Мусієнко — Tue, 17 Mar 2026 22:57:10 +0000

UX/UI редизайн логістичної компанії Business Group Logistics був реалізований з метою покращення користувацького досвіду, навігації та візуальної подачі послуг 3PL-оператора.

Business Group Logistics — провідний 3PL-оператор України з 30-річним досвідом, що надає повний цикл послуг: від міжнародного експедирування до фулфілменту та митного оформлення.

Проєкт UX/UI редизайну, реалізований у синергії маркетологів (WHY NOT GROUP), дизайнерів (Revend Group) та розробників (FamilyLab), мав на меті створити сучасну технологічну платформу. Оновлений сайт став візуальним підтвердженням масштабу компанії, спростивши комунікацію з клієнтами та підкресливши експертність бренду в агросекторі, FMCG та e-commerce.

Ключові особливості Business Group Logistics:

Географія: національне та міжнародне покриття.
Гнучкість: адаптація під галузь клієнта.
Технологічність: інтеграція ERP, телематика, автоматизація складу.
Сильна експертиза: 30 років на ринку, стабільні партнерські відносини.

Редизайн сайту став необхідним кроком, щоб донести ці переваги до широкої аудиторії у зручній та сучасній формі.

Початкові завдання проєкту

Зробити сайт центром комунікації з клієнтами, де легко знайти потрібну послугу.
Показати всі напрями роботи (FMCG, агросектор, промисловість, e-commerce, міжнародна логістика).
Оновити візуальний стиль відповідно до позиціонування компанії як надійного та інноваційного партнера.

Хід роботи та рішення

Аудит старої версії сайту виявив три основні проблеми: текстову перевантаженість, заплутану навігацію та відсутність чітких закликів до дії (CTA). Ці фактори ускладнювали сприйняття інформації та перешкоджали конверсії відвідувачів у клієнтів.

На основі аудиту ми розробили UX-стратегію, орієнтовану на швидкий доступ до інформації. Головна сторінка стала стратегічним хабом, а розділи послуг отримали систему інтерактивних карток для зручного вивчення. Ми підкріпили блок «Про компанію» реальними цифрами для зростання довіри та максимально спростили шлях до зв’язку через лаконічні форми та інтерактивну карту.

Дизайн-концепція

Поєднує принципи чіткості та довіри, що реалізовано через строгу сітку, лаконічні форми та виразну типографіку. Динамічність інтерфейсу підкреслюється продуманими анімаціями при скролі для метрик та карток послуг, а інтегрований дашборд «BGL 2025» наочно візуалізує актуальні показники, роблячи платформу максимально інформативною та сучасною.

UI Kit та візуальна мова

Ми інтегрували дизайн сайту в загальну систему візуальної ідентифікації бренду, взявши за основу напрацювання партнерів — від презентаційних матеріалів до схем складської логістики. Це дозволило нам не лише зберегти впізнаваність, а й посилити її в цифровому середовищі за допомогою фірмової типографіки та стратегічної палітри кольорів: глибокий синій транслює надійність 3PL-оператора, яскравий зелений акцентує на постійному розвитку, а нейтральний сірий підкреслює технологічність процесів.

Функціональні рішення

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

Візуальний стиль та естетика

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

Результати проєкту

Запуск нової версії сайту став потужним поштовхом для розвитку бренду: завдяки впровадженню інтуїтивної навігації та чітких візуальних акцентів середній час перебування користувачів на ресурсі зріс на 42%. Оновлена платформа не лише зміцнила позиціонування компанії як сучасного та технологічного лідера, що транслює свої цінності через кожну деталь інтерфейсу, а й перетворилася на ефективний інструмент для маркетингу. Повна інтеграція з CRM-системою, а також поява розділів для блогу та кейсів відкрили нові можливості для залучення клієнтів і масштабування бізнесу в цифровому середовищі.

Висновок

Редизайн Business Group Logistics став не просто оновленням зовнішнього вигляду — це інструмент продажів та комунікації, який відображає лідерство компанії в галузі. Сучасний UX/UI допоміг компанії підкреслити свої конкурентні переваги та зробити взаємодію з клієнтами простою та ефективною.

1-800-D2C: від сотень рішень до однієї досконалої платформи

Анастасія Мусієнко — Tue, 06 Jan 2026 19:24:36 +0000

Що таке no-code і чому це не просто «про швидкість»

Revend Group українська веб-дизайн-агенція, яка допомагає бізнесам масштабуватися завдяки системному підходу до дизайну. Che IT Group — прогресивна українська IT-компанія, що спеціалізується на технічній розробці та впровадженні сучасних рішень. Разом ми об’єднали експертизу дизайну та технологій, щоб реалізувати масштабний міжнародний проєкт.

Клієнт, 1-800-D2C – провідна світова платформа для D2C-брендів. Їхня мета була амбітною: упорядкувати хаотичний ринок інструментів і агенцій, створивши каталог з преміум-контентом, який би допомагав брендам знаходити, порівнювати та підключати перевірені рішення. І все це – у максимально стислі терміни.

Як платформа змінювалася зсередини!

Уяви собі Дикий Захід світу D2C-інструментів: сотні агенцій, тисячі SaaS-продуктів і безліч обіцянок — але жодного «шерифа», який відрізняв би надійне від сумнівного. Саме з цим і стикалися власники D2C-брендів, доки 1-800-D2C не вирішили навести лад у цьому хаосі.

Їхнє бачення? Створити ідеальну каталог-платформу, де D2C-бренди могли б знаходити, порівнювати й підключатися до перевірених інструментів та агенцій. Але є нюанс: усе це мало бути реалізовано швидко, масштабовано та достатньо витончено, щоб підтримувати преміум-контент, доступний лише зареєстрованим користувачам.

Занадто багато інструментів – і жодного чіткого орієнтира

Створення платформи, яка вирішує реальні бізнес-проблеми, вимагало розуміння унікальних викликів, з якими стикаються D2C-бренди:

Проблема «аналізу паралічу». Підприємці в D2C витрачали тижні на дослідження інструментів замість того, щоб розвивати бізнес. Щодня з’являлися нові «обов’язкові» рішення, і вибір правильного технічного стеку ставав складнішим, ніж саме будівництво бізнесу. Вони потребували надійного провідника, а не ще одного довідника.

Виклик преміум-контенту. Найцінніші інсайти — детальні огляди, аналітика ефективності та внутрішні рекомендації — мають бути ексклюзивними. Але як створити систему членства, яка сприймається як цінність, а не обмеження? Платформа мала знайти баланс між відкритим доступом і глибиною преміум-досвіду.

Гонка швидкого виходу на ринок. У динамічному світі D2C очікувати місяцями на кастомну платформу було неможливо. Потрібно було щось, що можна швидко запустити, але при цьому розумно масштабувати. Іншими словами, вони хотіли «і рибку з’їсти, і на гачок не сісти» (а хто ж ні? 🍰).

Наш no-code підхід: розумне будівництво без зайвої складності

Ми створили витончену платформу, яка виглядає як кастомна, але працює з ефективністю no-code:

Основа на Webflow

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

Магія Memberstack

Тут почалося найцікавіше: ми інтегрували Memberstack, щоб забезпечити плавний досвід користувача та захист преміум-контенту без роздратування відвідувачів. Користувачі можуть вільно переглядати базовий каталог, але справжній «золотий фонд» — детальна аналітика та ексклюзивні відгуки — відкривається тим, хто приєднується до спільноти.

Інтеграція з Airtable

Керувати понад 500 сервісами — непросто. Ми підключили Airtable як бекенд-рушій, що дозволяє команді оновлювати інформацію про сервіси, керувати категоріями та модерувати відгуки без жодного рядка коду. Це як мати персонального асистента, який ніколи не спить і ніколи не помиляється.

Стратегія обмеженого доступу

Ми не просто поставили стіни реєстрації всюди. Натомість створили розумну систему: користувачі спершу отримують достатньо цінності, щоб захотіти більше, а після приєднання до спільноти — безперешкодний доступ до преміум-інсайтів. Це цифровий еквівалент ідеального першого побачення — настільки інтригуючого, що хочеться другого.

Як ідея перетворилася на новий стандарт у галузі

Результати доводять силу правильного вибору інструментів:

Успішний запуск

Те, що в умовах кастомної розробки могло б тривати 6–12 місяців, було реалізовано за 6 тижнів. Платформа 1-800-D2C запустилася з повним функціоналом, адаптивним дизайном і CMS, якою команда могла користуватися самостійно з першого дня.

Залучення користувачів

Стратегія закритого контенту спрацювала блискуче. Користувачів не дратували вимоги до реєстрації — вони раділи можливості отримати ексклюзивні інсайти. Конверсія в преміум-підписку перевищила очікування, адже цінність була очевидною.

Масштабування без проблем

У міру зростання платформи нові сервіси, категорії та типи контенту додавалися простими оновленнями в CMS, а не через виснажливі спринти розробки. Команда отримала свободу реагувати на потреби ринку в реальному часі 📈.

Це ще не кінець!

Платформа продовжує розвиватися з новими захопливими покращеннями:

Розширений пошук і фільтрація
Персоналізовані рекомендації на основі поведінки користувачів
Інтеграція з додатковими BI-інструментами
Розширена аналітика для постачальників сервісів
Розробка мобільного застосунку для зручного доступу на ходу

Цей проєкт доводить:

Іноді найрозумніше технічне рішення — не найскладніше. Використавши правильні no-code інструменти та впровадивши їх продумано, ми створили платформу, що поєднує функціонал рівня enterprise з гнучкістю стартапу. Наш клієнт отримав не просто сайт — він отримав бізнес-перевагу, яка з кожним днем стає лише сильнішою ✨»

Розробка

Instagram / Youtube / Linkedin / Clutch / Memberstack / Website

Дизайн

Instagram / Linkedin / Clutch / Website

Дизайн-система як інструмент прискорення бізнесу: кейс Che IT Group

Анастасія Мусієнко — Mon, 30 Jun 2025 08:54:16 +0000

Що таке дизайн-система і чому це не просто «про дизайн»

Revend Group – українська веб-дизайн-агенція, яка допомагає бізнесу масштабуватися, створюючи структуровані дизайн-рішення. Ми розробляємо інтерфейси для веб-сайтів, мобільних застосунків, SaaS-продуктів, CRM і ERP-систем. Одне з наших ключових завдань – оптимізація роботи продуктових команд за рахунок системного підходу до дизайну і розробки.

До нас звернувся постійний клієнт Che IT Group, , прогресивна українська IT-компанія, із завданням впровадження дизайн-системи для їхнього офіційного сайту. Вони вже мали окремі елементи дизайну, але відсутність єдиної структури сповільнювала роботу команди та створювала складнощі під час оновлення сайту.

Чому це важливо для бізнесу?

Дизайн-система – це не просто набір UI-компонентів. Це потужний інструмент, який:

Прискорює процес розробки нових сторінок і функцій.
Забезпечує візуальну та функціональну однаковість.
Знижує витрати на підтримку і масштабування проекту.

Біль бізнесу: хаос без системи

До впровадження дизайн-системи Che IT Group стикалися з низкою проблем:

Неузгодженість елементів. Один і той самий блок на різних сторінках мав різний вигляд.
Повільна імплементація. Розробка нових розділів вимагала створення інтерфейсів з нуля.
Складнощі в масштабуванні. Зі зростанням бізнесу збільшувалися витрати на підтримку дизайну і верстки.

Кожне оновлення перетворювалося на довгий процес узгоджень і виправлень. У підсумку команда витрачала ресурси не на розвиток продукту, а на усунення нестикувань.

Наше рішення: створення дизайн-системи

Ми підійшли до завдання стратегічно. Мета – не просто зібрати компоненти, а створити інструмент для зростання бізнесу.

Етапи роботи:

Аналіз і аудит. Оцінили поточний дизайн, виділили ключові елементи.
Систематизація. Зібрали розрізнені компоненти в єдину структуру.
Розробка стилів. Прописали типографіку, кольорову палітру, анімації.
Створення гайдлайну. Підготували інструкції з використання елементів.

Що увійшло до дизайн-системи:

Типографіка — стилі для заголовків, параграфів, кнопок.
Кнопки, посилання, форми, списки, що випадають.
Іконки та ілюстрації.
Колірна палітра з кодами HEX, CMYK, RGB.
Анімації для пожвавлення інтерфейсу.
Гайдлайн з інструкціями щодо застосування.
Ми зробили систему зручною не тільки для дизайнерів, а й для розробників, щоб прискорити їхню роботу.

Результати та вигоди для клієнта

Після впровадження дизайн-системи команда Che IT Group відразу відчула різницю:

У 2-3 рази прискорилася розробка нових сторінок.
Усі розділи стали виглядати однаково, що підвищило довіру користувачів.
Розробники отримали чіткі інструкції, що спростило їхню роботу.
Процес оновлення тепер займає дні, а не тижні. Наприклад, раніше на додавання нового розділу йшов тиждень, а тепер – лише два дні. Оновлення стали простішими і швидшими, що дало компанії конкурентну перевагу.

Відгук

Розробка нових сторінок стала швидшою, оскільки всі стилі та компоненти вже уніфіковані, що зменшує час на узгодження та внесення правок. Дизайн-система допомогла спростити комунікацію між PM і розробником, зробила процес більш зрозумілим і структурованим. Так, наприклад, при додаванні нових секцій на сайт ми використовували готові компоненти, що зекономило час і зменшило кількість правок. Так, розширення дизайн-системи може бути корисним, особливо якщо сайт буде доповнюватися новими сторінками чи функціональністю. Anna (Manager)

Висновки: як дизайн-система допомагає бізнесу
Кейс Che IT Group показав, що дизайн-система – це не просто візуальне поліпшення, а інвестиція в зростання бізнесу. Вона економить час, гроші та робить команду продуктивнішою.

Якщо ваш бізнес стикається з хаосом у дизайні та розробці, система може стати рішенням. В Revend Group ми знаємо, як створити ефективний інструмент для зростання вашої компанії. Давайте посилимо вашу команду разом.

UX/UI дизайн для мережі магазинів у форматі convenience store (магазин біля дому) — Сімі

Анастасія Мусієнко — Wed, 22 Jan 2025 17:56:06 +0000

До нас звернувся наш постійний партнер — агентство SeoEvolution, з проханням допомогти з редизайном сайту для їхнього клієнта Сім23. Оскільки агентство спеціалізується на просуванні та розробці сайтів, вони доручили нам створення нової візуальної концепції, аби покращити показники користувацького досвіду.

Сім23, тепер відома як Сімі, — це стильні та сучасні магазини у форматі «convenience store», найзручнішого й найпопулярнішого типу роздрібної торгівлі у світі. Заснована у 2012 році, мережа швидко розширювала свою присутність по всій Україні, пропонуючи широкий асортимент готових страв, свіжо завареної кави та закусок. Хот-доги, бургери та свіжа випічка стали справжньою візитівкою бренду, яка вже давно підкорила серця покупців.

Мережа продовжує активно зростати, відкриваючи нові магазини, зокрема в таких містах, як Теребовля та Рівне. Сьогодні в Україні працює близько 150 магазинів мережі у п'яти регіонах: Луцьк, Львів, Рівне, Тернопіль та Івано-Франківськ. Крім цього, Сім23 співпрацює з місцевими громадами, організовуючи благодійні заходи та акції.

Етапи дизайну

Щоб досягти максимальної результативності, ми розділили процес розробки сайту на чотири основні етапи. Кожен із них був тісно пов’язаний із наступним, а правильна послідовність стала запорукою успіху та високої ефективності роботи над проєктом.

Першим етапом стали масштабні дослідження, завдяки яким ми виділили найкращі рішення в ніші e-commerce, вивчили поведінку користувачів і проаналізували помилки конкурентів, щоб уникнути їх у нашому проєкті.

На другому етапі ми розробили sitemap, де разом із клієнтом узгодили структуру, кількість сторінок і розподіл контенту. Після цього команда приступила до створення високодеталізованих wireframes, щоб уже на етапі проектування врахувати всі найдрібніші елементи та деталі.

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

Дослідження

На етапі дослідження ми зібрали варіанти екранів для натхнення, орієнтуючись на кращі практики дизайну в e-commerce. Це допомогло виявити актуальні тренди, проаналізувати конкурентів і зрозуміти, як інтегрувати сучасні рішення для покращення користувацького досвіду. Такий підхід дозволяє створити дизайн, що відповідає вимогам ринку та гарантує приємні враження від взаємодії з сайтом.

Сайтмап

Стандартний sitemap дає чітке уявлення про структуру сайту, дозволяючи одразу побачити вміст та порядок блоків на кожній сторінці. Це значно полегшує процес затвердження, оскільки дозволяє швидко виявити необхідні зміни. Такий підхід дає змогу гнучко взаємодіяти з блоками: додавати нові чи видаляти непотрібні. Як результат, кількість правок на наступних етапах значно зменшується, що сприяє більш ефективній та зручній роботі над проектом.

Варфрейми

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

Після затвердження wireframes і структури сайту ми розпочали етап досліджень, де зосередились на пошуку інноваційних рішень для візуальної складової проекту. Важливою перевагою став вже наявний брендинг Сім23, документацію якого нам надали для подальшої роботи.

Дизайн

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

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

Після затвердження десктопної версії ми з командою розпочали розробку мобільної версії сайту. Оскільки понад 56% користувачів відвідують сайт через мобільні пристрої, ми зосередилися на створенні адаптивного та зручного інтерфейсу. Тим самим, забезпечили оптимальний користувацький досвід, гарантуючи, що сайт виглядає і функціонує коректно на різних пристроях, незалежно від їхнього розміру або типу екрану.

Мобільна версія

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

Дизайн система

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

Залежно від вимог проєкту, ми можемо розробити як повноцінну дизайн-систему, так і UI-kit. Вибір залежить від складності проєкту та його потреб у масштабуванні.

Також ми надаємо документацію для розробників, де детально описуємо поведінку елементів на сторінці.

Конверсії

Завдяки редизайну сайту залученість користувачів зросла на 35.77%, а перегляд сторінок продуктів збільшився на 40.12%. Покращений та ретельно продуманий користувацький шлях зробив взаємодію з сайтом простішою та цікавішою. Про це свідчить зростання показника повторних відвідувань на 25.03%. Крім того, взаємодія з контактними даними збільшилася на 20%, що підкреслює зручність навігації та простий доступ до ключової інформації.

Отримані показники демонструють, що редизайн став стратегічно важливим кроком, який не лише покращив користувацький досвід, але й створив додаткові можливості для досягнення бізнес-цілей клієнта.

Результат співпраці

Як результат, ми створили ще один успішний дизайн-проєкт для мережі зручних маркетів, який відповідає сучасним вимогам і допомагає розвивати бізнес наших клієнтів. Це і є ключова мета Revend Group — створення інноваційних рішень, що сприяють успіху.

Після завершення цього проєкту ми взялися за дизайн їх корпоративного сайту, який став наступним важливим етапом для розвитку бізнесу клієнта. Деталями цієї роботи ми обов’язково з вами поділимося у наступних кейсах!

Посилання

Сайт Revend Group — ua.revend.group

Clutch — clutch.co/profile/revend-group

Linkedin — linkedin.com/company/revendgroup

Pla:ngo — реалізація сучасного SaaS-рішення з фокусом на користувача.

Анастасія Мусієнко — Wed, 16 Oct 2024 20:06:14 +0000

Pla:ngo є SaaS-рішенням для підтримки, управління та оптимізації співпраці між громадськими організаціями, соціальними підприємцями та корпораціями. Діяльність платформи спрямована на успішну реалізацію програм ESG та створення позитивного впливу. Також платформа допомагає знаходити партнерів, сприяє масштабному та ефективному міжсекторальному співробітництву, забезпечуючи прозорі та надійні партнерські рішення.

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

Ділимося тим, що зроблено, як це працює і чому це важливо далі.

Environmental, Social, and Corporate Governance, ESG — це сукупність характеристик управління компанією, за якого досягається залучення цієї компанії до вирішення екологічних, соціальних та управлінських проблем.

Виклики

Створити функціональне SaaS-рішення з естетичним та сучасним дизайном.
Адаптувати та переглянути попередні дизайнерські розробки, щоб вони відповідали новим стандартам.

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

Дослідження

Стартували проєкт з дослідження предметної області та аналізу конкурентів на основі зібраних даних. Це дозволило нашій команді розробити детальний сценарій користувацької взаємодії (user flow) та карту сайту.

Етапи дизайну

На етапі дизайну наша команда створила дизайн-систему, оскільки в цьому проєкті ми використовували системний підхід. Основна увага була приділена зручності використання: система була розроблена як модульне рішення, щоб новий користувач міг легко розібратися з нею без потреби у тривалому навчанні.

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

Реєстрація

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

Анкетування

Етап анкетування був ретельно вдосконалений, щоб користувачі могли детально розповісти про свою компанію. Анкета у форматі питання-відповідь тепер містить лише сім питань, замість значно більшої кількості, як було раніше. Ми розділили анкету на окремі екрани для кожного питання, що дозволяє користувачам зосередитися на кожному запитанні окремо, без відволікань. Раніше анкета була зосереджена на одній сторінці з великою кількістю запитань і відповідей, що ускладнювало навігацію.

Профіль організації

Наша команда спроектувала налаштування профілю організації, яке дозволяє змінювати всі аспекти — від аватарки та назви організації до вибору віджетів, що відображаються на сторінці. Ми реалізували різноманітні варіанти відображення як для адміністратора, так і для користувача. Кожна організація тепер може додавати свої проєкти, які відображаються на сторінці. Окрім цього, ми додали можливість включати контактні дані, нагороди, документи та іншу важливу інформацію, що робить профіль максимально інформативним та зручним для користування.

Сторінка проєкту

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

Кольори та стиль

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

Інтегрований чат для комунікації

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

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

Універсальна адаптивність

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

Статусна навігація

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

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

Відгук компанії AboveBits

Revend Group розробила дизайн, який отримав позитивні відгуки від кінцевого клієнта. Команда виконала все вчасно і залишалася комунікабельною під час проєкту, оперативно вирішуючи проблеми, відповідаючи на всі запити клієнта та пропонуючи вдосконалення проєкту.

Переглянути відгук на Clutch.co

Результат співпраці

AboveBits (USA) —Міжнародна команда. Веб-розробка, мобільна розробка
700+ реалізованих проектів. 15 років на світовому ринку. З 2006 року Above Bits є командою, до якої звертаються за веб-дизайном у Шарлотті, штат Північна Кароліна, виконавши понад 1 000 проектів зі смаком і витонченістю.

Revend Group (Україна) — веб-дизайн агенція, яка спеціалізується на підсиленні та підвищенні експертизи дизайн-команд за короткий термін (outsourcing).

Діяльність компанії включає дизайн веб-сайтів, мобільних додатків, SaaS, CRM, ERP, інтернет-магазинів та інших продуктів, що сприяють зростанню наших клієнтів.

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

Посилання

Сайт Revend Group — ua.revend.group
Clutch — clutch.co/profile/revend-group
Linkedin — linkedin.com/company/revendgroup

Виклик для Revend Group: як через партнерство посилити дизайн-команду. Кейс з IceBreaker

Анастасія Мусієнко — Thu, 14 Mar 2024 13:18:59 +0000

Чи можливо за короткий термін співпраці підсилити команду, впорядкувати процеси та прискорити time to market продуктів замовника? На сьогодні команда Revend Group успішно виконує більше половини дизайн-проєктів компанії IceBreaker. Як ми це зробили, розповідаємо у кейсі.

Деталі партнерства та обсяг проєкту

Клієнт: IceBreaker (Естонія) – агентство веб-дизайну, що спеціалізується на WordPress розробці, з більш ніж 20-річним досвідом. Лише за 2023 рік компанія має нагороди TOP WEBDESIGN AGENCY та TOP WORDPRESS DEVELOPERS за версією Clutch.

Виконавець: Revend Group (Україна) — веб-дизайн агенція, яка спеціалізується на підсиленні та підвищенні експертизи дизайн-команд за короткий термін (outstaffing). Діяльність компанії включає розробку веб-сайтів, мобільних додатків та інших продуктів, таких як SaaS, панелі управління, CRM, eCommerce, та NFT.

В чому виклик?

Як компанія, що більше спеціалізується на WordPress розробці, IceBreaker доволі часто стикається з проєктами, що вимагають більш високого рівня складності в UI/UX дизайні. Клієнт прагнув збільшити швидкість виконання проєктів і покращити якість роботи дизайнерської команди, що вимагало залучення додаткових ресурсів через аутсорсінг.

Крім того клієнт мав запит щодо створення UX/UI дизайну для сервісу з доставки продуктів та їжі від магазинів-партнерів (ОАЕ). Для ефективного виконання проєкту була необхідна підтримка досвідчених ІТ-фахівців для підсилення дизайн-команди та прискорення time to market продукту (початковий дедлайн на виконання проєкту з естімейтом в 300+ годин був близько місяця).

Клієнт найняв команду дизайнерів Revend Group для вирішення наступних завдань:

розробка веб-сайту для сервісу з доставки продуктів та їжі від магазинів-партнерів (ОАЕ);
підсилення дизайн-команди;
прискорення time to market продукту.

Наші стратегії та підходи

1. Збір вимог
Перед стартом робіт ми провели серію онлайн зустрічей, щоб уточнити деталі проєкту, вимоги до команди та різні організаційні моменти. Це були як мітапи з представником замовника так і з менеджерами проєкту. Такий підхід дозволив створити стратегічне бачення та розуміння цілей, яких команда Revend Group мала досягти. Маючи досвід роботи зі схожими проєктами на українському ринку, ми мали враховувати особливості ecommerce проєктів на ринку ОАЕ (особливості формування замовлень та доставки).

2. Формування дизайн-команди та швидкий старт
На основі попередньо зібраних вимог ми сформували дизайн-комнду. Завдяки спеціалізованій команді Revend Group компанії замовнику не довелось витрачати тижні чи місяці на наймання потрібних спеціалістів, оскільки ми взяли ці обов'язки на себе. Крім того, майбутня команда вже знала, як швидко включитися в робочий процес і адаптуватися, вимагаючи небагато часу для координації як команди.

3. UX/UI дизайн
Процес виконання проєкту був організований таким чином, що наші менеджери одразу взяли на себе весь спектр управління проєктом з точки зору дизайну.

Одночасно над проєктом працювала команда з 5 дизайнерів, кожен мав свій пул завдань. Проєкт був організований у вигляді п'яти взаємопов'язаних етапів (milestones), кожен з яких містив специфічний набір завдань, що дозволило нам систематично досягати поставлених цілей та забезпечити високу якість кінцевого продукту.

Команда почала з формування та налагодження співпраці між членами команди, включно з розробкою дизайн-системи та інтеграцією з існуючими процесами клієнта.

Цей етап роботи над проєктом включав наступні впровадження:

Запровадження системи статусів — для полегшення відокремлення затверджених частин дизайну було введено систему статусів. Ця система дозволяла розробникам відслідковувати стан роботи над сторінками або флоу, вказуючи, на основні статуси: готове для затвердження, вже затверджено, затверджене та готове для роботи.
Перенесення дизайн-системи з Zeplin — наступним кроком було перенесення існуючої дизайн-системи з Zeplin до Figma з метою полегшення розширення та масштабування. Створення дизайн-систем у Figma є стандартним етапом у нашій роботі над кожним проєктом. Проте, саме в рамках цього проєкту нам надійшов запит на створення окремого файлу бібліотеки для дизайн-системи у Figma.

Інтеграція файлів — була налаштована тісна інтеграція між різними дизайн-файлами для забезпечення безшовної співпраці в команді.

Створення sitemap та users story — попередній аналіз сегменту та дослідження конкурентів дали змогу створити докладну карту сайту, яку було представлено клієнту.

Створення та затвердження ключових wireframes — враховуючи обсяг проєкту, команда почала з розробки детальних прототипів для вебсайту, адміністративної панелі та мобільних версій, що дозволило згодом ефективно перейти до етапу дизайну, маючи чітку структуру та компоненти.

Дизайн та затвердження головної сторінки — з метою оптимізації часу, відразу після затвердження перших wireframes, ми розпочали розробку дизайну головної сторінки, яка відігравала ключову роль у проєкті. Команда Revend Group представила до 4х різних варіантів, з яких було обрано та презентовано клієнту 2 остаточних. Проте, під час затвердження клієнт обрав міксовану версію обох варіантів.
Деталізація та узгодження дизайну решти сторінок відповідно до визначених кроків (milestones).

Відгук компанії IceBreaker

Їх вміння впоратися зі складними вимогами до дизайну дозволяє нам братися за складніші проєкти. Revend Group допомогла покращити користувацький інтерфейс та рівень задоволення клієнтів. Увага до деталей та вміння працювати зі складними дизайнерськими ідеями дозволяють команді втілювати бачення клієнта у функціональний дизайн. Гнучка модель співпраці також дозволяє клієнту масштабувати свої послуги…

Переглянути відгук на Clutch.co

Результати партнерства

Клієнт на старті співпраці мав високі вимоги щодо рівня оформлення проєкту та коротких термінів його виконання. Компанія Revend Group виконала вимоги клієнта, оперативно зібравши команду з 5 спеціалістів, які працювали над проєктом близько пів року.

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

Наразі проєкт успішно завершено, і ми вже спланували подальшу співпрацю. Наша мета — зробити компанію IceBreaker ще більш масштабованою, надійною та функціональною.

Посилання

Сайт Revend Group — ua.revend.group
Clutch — clutch.co/profile/revend-group
Linkedin — linkedin.com/company/revendgroup