Wyzwanie
BillCloud to innowacyjna platforma, która na nowo definiuje zarządzanie płatnościami dla klientów indywidualnych i sklepów e-commerce, eliminując tarcia w procesie zakupowym. Dzięki aplikacji mobilnej powracający klienci mogą korzystać z płatności jednym kliknięciem, podając jedynie numer telefonu — dane płatnicze i adresowe są bezpiecznie pobierane z systemu. Dla kupujących po raz pierwszy lub bez aplikacji dostępny jest prosty proces ręcznego wprowadzania danych, które są bezpiecznie zapisywane na potrzeby przyszłych zakupów.
Celem było zaprojektowanie kompleksowego, intuicyjnego rozwiązania, które usprawnia procesy finansowe i zapewnia wyjątkowe doświadczenia użytkownika dopasowane do obu grup docelowych — z naciskiem na szybkość, prostotę i niezawodność na każdym etapie.
Kluczowe wyzwania obejmowały:
- Zidentyfikowanie zróżnicowanych potrzeb dwóch grup docelowych: klientów indywidualnych i sklepów internetowych.
- Stworzenie wydajnego systemu zarządzania transakcjami, łączącego funkcjonalność z nowoczesnym designem.
- Zapewnienie skalowalności i elastyczności na przyszły rozwój platformy, z ekscytującymi nowymi funkcjami, które wkrótce jeszcze bardziej wzbogacą doświadczenia użytkowników i możliwości systemu.
Proces
1. Analiza biznesowa i badania rynku
Projekt rozpoczęliśmy od dogłębnych badań rynku, aby zrozumieć oczekiwania i bolączki grupy docelowej.
Dzięki rozmowom z interesariuszami i analizie konkurencji zidentyfikowaliśmy następujące kluczowe funkcje:
- Prosty, szybki proces płatności dla użytkowników indywidualnych, niezależny od metod płatności dostępnych w sklepie i w pełni zgodny z opcjami dostawy sklepu, z natychmiastową akcją ułatwioną przez aplikację mobilną.
- Zaawansowane narzędzia do zarządzania transakcjami i raportowania, dopasowane do potrzeb firm e-commerce.
- Intuicyjny panel administracyjny umożliwiający łatwą personalizację.
2. Warsztaty z interesariuszami
Zorganizowaliśmy serię warsztatów z zespołem BillCloud, podzielonych na trzy tematyczne sesje.
Sesja biznesowa i cenowa:
- Ocena obecnego modelu biznesowego i identyfikacja możliwości generowania przychodów.
- Określenie strategii cenowych zgodnych z potrzebami użytkowników i trendami rynkowymi.
- Analiza pozycji konkurencyjnej w celu doprecyzowania propozycji wartości BillCloud.
Sesja marketingowa i brandingowa:
- Dogłębna analiza person klientów w celu dopasowania brandingu do oczekiwań grupy docelowej.
- Określenie kluczowych komunikatów i elementów wizualnych dla spójności na wszystkich punktach styku.
- Opracowanie strategii penetracji rynku i pozyskiwania użytkowników.
Sesja wymagań technicznych:
- Zmapowanie wymagań technicznych i możliwości systemu niezbędnych do skalowalności.
- Identyfikacja punktów integracji z systemami zewnętrznymi w celu zwiększenia użyteczności platformy.
- Przegląd protokołów bezpieczeństwa w celu zapewnienia solidnej ochrony danych i zgodności z regulacjami.
"Współpraca ze ScreamPixel była przełomem dla naszego startupu. Ich umiejętność przełożenia złożonych wymagań biznesowych na intuicyjne i wizualnie imponujące projekty przerosła nasze oczekiwania. Efektem jest rozwiązanie płatnicze, które nasi użytkownicy uwielbiają i które wyróżnia nas na rynku."
Jacek Chochorowski
COO w BillCloud / Specjalista ds. sprzedaży i networkingu
3. Typografia, branding, logo i paleta kolorów
Aby zbudować silną tożsamość wizualną BillCloud, skupiliśmy się na:
Branding i projekt logo
Zdefiniowaliśmy kluczowe wartości i osobowość marki, aby rezonowała zarówno z klientami indywidualnymi, jak i firmami e-commerce, oraz opracowaliśmy nowoczesne i zapadające w pamięć logo symbolizujące prostotę i innowacyjność w zarządzaniu płatnościami. Jako główną czcionkę logotypu tekstowego wykorzystaliśmy Chillax z Fontshare™.
Typografia
Wybraliśmy czcionkę Inter ze względu na jej czytelność i nowoczesny charakter, zapewniając czytelność na wszystkich platformach. Inter w Google Fonts.
Paleta kolorów
Stworzyliśmy spójną paletę kolorów odzwierciedlającą zaufanie, efektywność i zakupowy charakter marki.
4. Budowa design systemu
Nasz zespół UX/UI opracował elastyczny design system, który:
Charakterystyka design systemu:
- Zapewnia płynne przekazanie projektu deweloperom i jasną implementację.
- Gwarantuje spójność wizualną na całej platformie.
- Dostarcza responsywne doświadczenia na wszystkich urządzeniach.
- Umożliwia łatwą skalowalność wraz z rozwojem produktu.
"Design system ScreamPixel był odkryciem. Jego spójność i dbałość o szczegóły sprawiły, że implementacja była bezproblemowa dla naszego zespołu deweloperskiego. Skalowalność platformy i płynne doświadczenie użytkownika są niesamowite."
Grzegorz Możdżeń
CTO w BillCloud / Backend developer, architekt infrastruktury
5. Projekt aplikacji mobilnej, panelu administracyjnego i strony płatności
W oparciu o design system stworzyliśmy:
Aplikacja mobilna dla klientów końcowych:
- Bezproblemowe doświadczenie onboardingu.
- Strona główna z podsumowaniem i śledzeniem budżetu.
- Lista historii transakcji.
- Powiadomienia o transakcjach w czasie rzeczywistym i centrum powiadomień.
- Powiadomienia o zakończonych transakcjach.
Panel administracyjny dla sklepów e-commerce:
- Zaawansowane możliwości raportowania.
- Kompleksowe narzędzia do zarządzania klientami i transakcjami.
- Konfigurowalne ustawienia i płynne integracje z systemami zewnętrznymi.
- Dedykowana strona dokumentacji API z przejrzystym, przyjaznym dla użytkownika designem, ułatwiającym dostęp deweloperom i integracje z systemami zewnętrznymi.
Strona płatności dla niezarejestrowanych klientów:
- Przyjazny interfejs umożliwiający szybkie i bezpieczne płatności.
- Automatyczne zapisywanie wprowadzonych danych na potrzeby przyszłych transakcji.
- Pełna zgodność z różnymi metodami płatności i dostaw oferowanymi przez sklep.
6. Projektowanie i wdrożenie landing page’ów
Stworzyliśmy dwie dedykowane strony docelowe.
Dla klientów końcowych:
- Przejrzyste, wizualnie angażujące komunikaty.
- Uproszczone wyjaśnienie i proces pobierania aplikacji.
Dla sklepów e-commerce:
- Wyróżnione funkcje skoncentrowane na biznesie.
- Prezentacja korzyści z korzystania z BillCloud.
7. Testowanie i finalne przekazanie
Przed uruchomieniem projekty otrzymały dokumentację i przeszły rygorystyczne testy.
Co testowaliśmy?
- Testy użyteczności z docelowymi użytkownikami w celu zapewnienia intuicyjnej nawigacji.
- Testy obciążeniowe w celu weryfikacji skalowalności i wydajności.
- Dokładne sprawdzenie zgodności z wymaganiami funkcjonalnymi.
O przekazaniu projektu:
- Kompleksowa dokumentacja przekazana deweloperom
- Zapewnienie płynnego przekazania i efektywnej implementacji całego projektu.
- Wsparcie po przekazaniu dla zespołu deweloperskiego.
