Back
Redesign strony, który przeniósł fintech z roli finansowej pierwszej pomocy do roli długoterminowego partnera
Cel projektu
Przebudować stronę pożyczkodawcy wokół nowej historii marki i przenieść ją z pozycji miejsca, do którego dzwonisz, gdy coś się psuje, na pozycję partnera, który zostaje, gdy jest już naprawione.
Zakres prac
Projektowanie UX/UI
Modelowanie 3D
Czas trwania
2022
Technologie
Adobe XD
Adobe Photoshop
Adobe Illustrator
Blender
Klient
Wealthon
Marka potrzebująca przestać być pomocnikiem i zacząć być partnerem
Wealthon finansuje polskie firmy, którym banki przestały udzielać finansowania: małym firmom i osobom samozatrudnionym w gastronomii, branży beauty, handlu, budownictwie i podobnych. Przyszedł do nas z wyjątkowo jasno postawionym problemem. Stara strona sprzedawała ratunek, więc marka stała się numerem, pod który dzwonisz, gdy coś idzie nie tak. To było ograniczające. Wealthon zbudował aplikację portfela, kartę płatniczą, terminale i finansowanie na przychody z terminali - zestaw narzędzi do prowadzenia biznesu zamiast koła ratunkowego na zły miesiąc. Brief, który klient nam przekazał, wprost nazywał zmianę: od pomocnika do partnera, od opiekuna do towarzysza. Strona musiała to udźwignąć.
Przyszli z gotową strategią
Większość redesignów zaczyna się od kogoś, kto ma nadzieję, że projekt sam przyniesie przemyślenia. Ten nie - Wealthon przyszedł ze strategicznym briefem: co marka teraz znaczy, dlaczego przechodzi z lendtechu na fintech, jakie produkty buduje i dokładnie do kogo mówi. Grupa docelowa była opisana jako konkretni ludzie, a nie segmenty - od właścicielki firmy cateringowej rok po starcie po dentystę czekającego na decyzję banku. Mogliśmy projektować wprost pod nich. Gdy klient wykonuje tyle pracy przed kickoffem, projektowanie może dotyczyć wyłącznie projektowania.
Trzy etapy, które pozwoliły utrzymać porządek w redesignie
Praca przebiegała w trzech etapach: etap wprowadzający, żeby zrozumieć biznes, kickoff, żeby ustalić, co robimy, i wreszcie projekt. Wireframy powstały przed czymkolwiek ładnym i zostały spięte w klikalny prototyp, żeby klient mógł poruszać się po nim jak po stronie i wchodzić z nią w inerakcje. Strukturę ustalaliśmy wtedy, gdy jej zmiana była jeszcze szybka i tania.
Pomoc teraz, wsparcie jutro - ułożone jako jedna historia
Struktura podąża za własną logiką marki. Wealthon robi dwie rzeczy: pomaga w danej chwili, a potem wspiera to, co przychodzi później. Strona jest ułożona tak samo - prowadzi odwiedzającego przez życie firmy, od startu przez moment, w którym potrzebna jest pomoc, po prawdziwe tarapaty - i do każdego etapu dobiera pasujący produkt. Pod spodem są proste obietnice, na których zależy właścicielowi małej firmy: wniosek zajmuje trzy minuty, oraz odpowiedzi na problemy konkretnie dla twojej branży. To niepozorny fragment architektury informacji. A zarazem cały argument, który marka chciała postawić.
Design system, dwa kroje pisma i spójność w miarę wzrostu
Pod stronami zbudowaliśmy design system: komponenty, odstępy i style utrzymywane spójnie, żeby strona zachowywała integralność w miarę wzrostu. Typografia to dwa kroje dobrane tak, by się uzupełniały - Lexend Light obok Manrope - co w przypadku pożyczkodawcy znaczy więcej, niż brzmi. Produkty finansowe to ściana liczb i warunków. To krój pisma decyduje, czy czyta się je jak przejrzystą informację, czy jak drobny druk.
Produkty pół-wirtualne, modelowane w Blenderze
Potem praktyczny problem. Produkty Wealthon są trudne do sfotografowania. Karta z limitem kredytowym, aplikacja, terminal: część jest fizyczna, część to oprogramowanie, a jako zestaw nic nie wygląda dobrze na zdjęciu. Zamodelowaliśmy je więc w 3D w Blenderze i wyrenderowaliśmy na potrzeby materiałów marketingowych, dzięki czemu marka dostała wizualizacje produktów, które może oświetlać, ustawiać pod dowolnym kątem i wykorzystywać wielokrotnie - a wszystko wygląda, jakby należało do jednej rodziny. Pełna kontrola, bez sesji zdjęciowej.
Wersja mobilna, bo tam właściciel małego biznesu naprawdę to czyta
Wersja responsywna powstała na końcu, gdy koncepcja desktopowa była już ustalona. Zasługuje na wzmiankę ze względu na to, dla kogo jest ta strona. Ludzie, którym Wealthon pożycza, prowadzą salon, dostawczaka albo kuchnię - nie porównują finansowania przy biurku. Robią to na telefonie, między zleceniami, a to jest dokładnie ten moment, w którym trzyminutowy wniosek musi naprawdę zajmować trzy minuty.
Efekt
Dostarczyliśmy projekt strony odpowiadający temu, jak marka chce być postrzegana: jako zestaw bieżących narzędzi dla małych firm. Dostarczyliśmy też gotowe modele 3D pod przyszłe potrzeby oraz zestaw już wyrenderowanych zdjęć produktu do wykorzystania już teraz przez zespoł marketingowy. Naszym zadaniem było to zaprojektować - a stworzona przez nas struktura jest nadal wykorzystywana przez firmę.
Porozmawiajmy o Twoim projekcie!
Opowiedz nam o swoim projekcie. Pomożemy zaplanować architekturę, zakres i realizację.
