← Case Studies

Aplikacja, która zmienia rozmowy sprzedażowe na odległość w zamknięte transakcje.

Meetsales to platforma do sprzedaży wideo B2B — zaprojektowana specjalnie dla przedstawicieli handlowych, którzy muszą spotykać się z klientami online, prezentować produkty, negocjować ceny i finalizować zamówienia bez utraty ludzkiego charakteru spotkania twarzą w twarz. Zespół projektowy Divante odpowiadał za cały proces projektowania produktu: badania UX, projektowanie interakcji, motion design oraz specyfikację UI gotową do wdrożenia.

B2B
Przepływ sprzedaży natywny dla wideo
1 sesja
Od rozpoznania potrzeb do zamknięcia zamówienia
Soft UI
Interfejs zaprojektowany z myślą o człowieku

Kontekst

Sprzedaż B2B — zwłaszcza w sektorach o złożonych katalogach, niestandardowych cenach i długich cyklach relacji — tradycyjnie opierała się na spotkaniach osobistych. Przedstawiciel handlowy przyjeżdża, pokazuje fizyczny katalog, omawia ceny w zaufaniu i wychodzi z podpisanym zamówieniem. Przejście na pracę zdalną stworzyło realną przepaść: ogólne narzędzia do wideokonferencji, takie jak Zoom czy Teams, zostały zaprojektowane do spotkań, a nie do specyficznej choreografii sesji sprzedażowej B2B.

Meetsales powstało, aby wypełnić tę przepaść: platforma zaprojektowana specjalnie do tego celu, w której przedstawiciel handlowy może otworzyć połączenie wideo, nawigować po wspólnym katalogu produktów, prezentować pozycje, adnotować ceny i prowadzić klienta do finalizacji zamówienia — wszystko w ramach jednego, zaprojektowanego doświadczenia.

Nasze podejście

Wyzwanie projektowe było istotne: Meetsales musiało być wystarczająco znajome, aby przedstawiciele handlowi mogli je przyjąć bez dodatkowego szkolenia, a jednocześnie wystarczająco odmienne od ogólnych narzędzi wideo, aby uzasadnić zmianę. Rozwiązaniem była estetyka soft UI — zaokrąglona, ciepła i wyraźnie ludzka — która celowo unikała sterylnego, transakcyjnego charakteru większości oprogramowania B2B.

Podstawowy model interakcji stawia katalog produktów i obraz wideo na równych pozycjach: żaden z nich nie jest podrzędny względem drugiego. Przedstawiciel handlowy może prezentować produkty, przełączać się w tryb negocjacji cen, a następnie przenieść klienta do widoku potwierdzenia zamówienia po osiągnięciu porozumienia. Cała sesja — omawiane produkty, uzgodnione ceny, zamówienie — jest rejestrowana automatycznie.

Divante dostarczyło motion design równolegle ze statycznym UI: kluczowe interakcje — pojawianie się kart produktów, animacje potwierdzenia ceny, przejścia przy finalizacji zamówienia — zostały zaprototypowane w After Effects, aby dać zespołowi deweloperskiemu precyzyjną specyfikację tego, jak interfejs powinien się zachowywać w ruchu.

Zakres prac

  • Pełne badania UX i mapowanie podróży użytkownika
  • Projekt interakcji dla całego przepływu sesji sprzedażowej
  • Biblioteka komponentów soft UI i system projektowy w Figmie
  • Specyfikacja motion design dla kluczowych przejść i mikrointerakcji w After Effects
  • Prototyp i dokumentacja przekazania dla zespołu deweloperskiego