Edenred

Skrócenie czasu poświęcanego na wybór najlepszej oferty dzięki przyjaznym dla klienta wnioskom z umów.
image

Szczegóły

  • Zakres Rozwój backendu i frontendu, UX/UI, QA
  • Technologie Backend: PHP 8.0, Symfony 5.2, Postgres 13.2, DocuSign, Google Cloud Platform, Docker

    Frontend: Twig, JavaScript, webpack, bootstrap, biblioteka material-components-web
  • Sektor biznesowy Styl życia
  • Model współpracy Time&Material
  • Kraj Francja

Usprawniliśmy i przyspieszyliśmy proces zawierania umów, ograniczając liczbę wniosków o zawarcie umowy, budując pozytywne doświadczenia użytkowników.

Najważniejsze informacje o projekcie

Firma udowodniła, że rozumie i słucha potrzeb swoich użytkowników.

Dobrze zdefiniowane, zróżnicowane i jasne opcje zawierania umów usprawniły proces decyzyjny i zmniejszyły liczbę działań, które należało podjąć w celu jego realizacji.

image
image

Potrzeby i cele biznesowe

Prowadząc firmę zajmującą się zawieraniem umów na sprzedaż kart lojalnościowych, nasz klient chciał usprawnić ten proces i skrócić czas, jaki użytkownik spędza na wyborze najlepszej oferty.

Po opracowaniu najbardziej przyjaznego dla klienta pomysłu na produkt dostosowany do osób o różnych umiejętnościach technicznych, naszym zadaniem było przygotowanie dedykowanego rozwiązania, które umożliwiłoby wygodne zawieranie umów. Projekt musiał być dostosowany do obecnego stylu firmy, więc musieliśmy pracować zgodnie z dostarczonym przewodnikiem stylistycznym.

Warsztaty produktowe

Ogólne korzyści:

  • Ustalenie głównych celów projektu.

    Pozwoliło nam to skupić się tylko na wąskim obszarze, nie tracąc czasu na elementy, które nie wpłyną na sukces produktu.

  • Wymiana i porządkowanie wiedzy uzyskanej z różnych obszarów biznesowych, projektowych i zasobów.

    Standaryzacja wiedzy, usprawnienie komunikacji i zmniejszenie ryzyka nieporozumień.

  • Zrozumienie bieżących działań użytkowników i klienta oraz określenie nowych propozycji ścieżek.

    W celu dostosowania projektu do najbardziej typowych scenariuszy użytkowników dostosowanych do poprzednich rozwiązań.

Przygotowaliśmy również makiety low-fi, aby ustrukturyzować projekt i nakreślić kształt poszczególnych widoków, formularzy, treści itp.

image

Wyzwania i rozwiązania

Problemz umowami

Po pierwszych testach na prototypach okazało się, że duża elastyczność umów oferowanych przez Edenred powstrzymuje użytkowników przed przejściem do następnego kroku. Nie wiedzą, czy dokument powinien być podpisany elektronicznie, czy wygenerowany elektronicznie i wysłany pocztą elektroniczną. Interfejs oferuje wiele różnych opcji o podobnym procesie, różniących się jedynie formularzem zawarcia umowy.

W ten sposób proces decyzyjny został uproszczony poprzez zapytanie użytkownika, czy ma czas na wypełnienie formularza podczas przeglądania strony, czy woli go pobrać, wypełnić później i wysłać tradycyjną pocztą. Tylko taka forma pytania pozwalała użytkownikowi na szybsze podjęcie decyzji i przejście do kolejnego kroku.Po wypełnieniu formularza, dokument wypełnia się automatycznie wprowadzonymi informacjami.

Poza tym, zawarcie umowy zostało przeniesione na ostatni krok – dzięki temu użytkownik nie musi podejmować decyzji przed wysiłkiem wypełnienia formularza, co sprawia, że jest bardziej zaangażowany. Dodatkową zaletą jest oszczędność czasu w przypadku, gdy użytkownik zmieni zdanie i będzie chciał podpisać umowę elektronicznie zamiast wysyłać ją tradycyjną pocztą.

Podpis elektroniczny

Umowa to dokument Word, który jest wypełniony danymi formularza i może być podpisany elektronicznie. Zaproponowaliśmy polskie rozwiązanie Autenti, ale klient wolał DocuSign, ponieważ firma używa go już w swoim francuskim oddziale. Przygotowaliśmy kilka propozycji rozwiązania problemu na kilka sposobów, analizując dokumentację.

Innowacje

Korzystaliśmy z Google Cloud Build i Google Cloud Run

Z ich pomocą mogliśmy automatycznie uruchamiać najnowszą wersję kodu i zarówno specjalista QA, jak i klient mogli testować aplikację na bieżąco.

Projekt wymagał dużej ilości statycznej analizy kodu

PHP-CS-fixer, PHPStan, Psalm i PHP Mess Detector dodatkowo zadbały o najwyższą jakość naszego kodu.

Zapewnienie jakości

Rozpoczęliśmy proces testowania w końcowej fazie rozwoju projektu, korzystając z dostarczonej dokumentacji i makiet.

Wszystkie wątpliwości zostały na bieżąco wyjaśnione zarówno z zespołem, jak i klientem.

Przetestowaliśmy wydajność strony na różnych przeglądarkach (Chrome, Firefox, Opera, Edge, Safari) i systemach operacyjnych (Windows, MacOS). Wersja mobilna została przetestowana na urządzeniach z systemem iOS i Android. Zweryfikowaliśmy działanie wszystkich funkcjonalności, koncentrując się na poprawnym wyświetlaniu, responsywności, formularzach i poprawnej integracji z zewnętrznym dostawcą.

Recenzje

Doceniamy profesjonalne podejście i elastyczność zespołu iteo. Z przyjemnością polecamy współpracę firmom, które potrzebują eksperta w opracowywaniu produktów cyfrowych.

Wynik

Podczas testów A/B kilku różnych wersji doszliśmy do wniosku, że ograniczenie liczby opcji zawarcia umowy przyspiesza proces i pozostawia pozytywne wrażenia użytkownika.

Dostępne opcje są dobrze zdefiniowane i zróżnicowane, co pozwala na wygodny proces decyzyjny poprzez odrzucenie wyborów niezgodnych z intencjami użytkownika. Jednocześnie zmniejsza to liczbę czynności, z którymi użytkownik musi sobie poradzić w kolejnych krokach.