O PROJEKCIE
OMC Zone
Problem: Klient potrzebował kompleksowego projektu UX/UI dla swojej nowej aplikacji inwestycyjnej oraz jej zaprogramowania. Brakowało wcześniejszych projektów graficznych oraz spójnej komunikacji wizualnej.
- Brak istniejącej aplikacji lub strony internetowej jako punktu wyjścia.
- Konieczność stworzenia spójnej identyfikacji wizualnej od podstaw.
- Potrzeba zbudowania zaufania wśród potencjalnych użytkowników w branży inwestycyjnej.
- Wysokie wymagania dotyczące intuicyjności i użyteczności interfejsu dla różnych grup docelowych.
WYZWANIE
Nowy kierunek
OMC Zone planował stworzyć zaawansowaną aplikację do inwestowania w projekty kryptowalutowe i tokeny. Celem było zbudowanie społeczności inwestorów poprzez aplikację mobilną i media społecznościowe. Projekt graficzny miał nawiązywać do motywów kosmicznych, jednocześnie pozostając przyjaznym dla użytkownika. Duży nacisk położono na aspekty psychologiczne interfejsu, przeprowadzając testy użytkowników na makietach, aby zoptymalizować strukturę i osiągnąć maksymalną użyteczność.
KROK 1: ANALIZA POTRZEB KLIENTA I WARSZTATY UX
Cel: Stworzenie innowacyjnej i intuicyjnej aplikacji inwestycyjnej z unikalnym designem.
Zapewnienie prostoty obsługi dla użytkowników.
Wdrożenie innowacyjnego i przyciągającego wzrok designu.
Ułatwienie dostępu do informacji inwestycyjnych.
Zbudowanie zaufania wśród potencjalnych inwestorów.
Integracja aplikacji z mediami społecznościowymi w celu budowania społeczności.
Nasze pomysły i rozwiązania
Naszym celem było stworzenie aplikacji, która łączy zaawansowane funkcje inwestycyjne z intuicyjnym i atrakcyjnym interfejsem. Przeprowadziliśmy szereg testów użytkowników oraz regularne warsztaty z klientem, aby jak najlepiej oddać jego wizję biznesową.
- Testy w laboratorium użyteczności.
- Badania kontekstowe.
- Testy partyzanckie.
- Nagrywanie sesji użytkowników.
- Testy A/B.
- Regularne spotkania w celu zrozumienia potrzeb biznesowych.
- Wspólne opracowywanie scenariuszy użytkowników.
KROK 2: PROJEKTOWANIE INTERFEJSU UŻYTKOWNIKA W FIGMA, WE WSPÓŁPRACY Z KLIENTEM.
UX & client first
Zaprojektowaliśmy nowoczesny, ale klasyczny interfejs, oparty na identyfikacji wizualnej dopasowanej do charakteru firmy i oczekiwań grupy docelowej.
Stworzenie nowej identyfikacji wizualnej (bez zmiany logo)
Zachowanie firmowej kolorystyki
Styl: klasyczny, technologiczny, przejrzysty
Makiety i UI w Figma, akceptacja po 1 iteracji
Eksponowanie case studies i oferty
Współpraca z zespołem T2S przy układzie treści
Mocne CTA i klarowna nawigacja
Design responsywny i zgodny z zasadami dostępności
Komponenty projektowane równolegle do developmentu
Interfejs dopasowany do klientów B2B
KROK 3: ROZWÓJ I WDROŻENIE STRONY W WORDPRESS
Wdrożenie strony w customowym środowisku
Aplikacja i strona internetowa zostały wdrożone na dedykowanym systemie CMS oraz nowoczesnym stacku technologicznym, zapewniającym elastyczność, wydajność i możliwość dalszego rozwoju.
Stack technologiczny:
Frontend aplikacji: React Native (Expo), TypeScript
Backend aplikacji: Node.js (NestJS), PostgreSQL, Prisma ORM
CMS i panel admina: Next.js + Sanity CMS
Autoryzacja: Firebase Auth + JWT
Baza danych: PostgreSQL (hostowana na Supabase)
Hosting aplikacji: Vercel (frontend), Render (backend)
Integracje: CoinMarketCap API, WebSocket do live notowań
Strona www: Next.js, Tailwind CSS, animacje w Framer Motion
Bezpieczeństwo i optymalizacja:
Wdrożenie CSP i mechanizmów anty-XSS
API zabezpieczone tokenami i poziomami dostępu
Szyfrowane połączenia (SSL, HTTPS), responsywność, SEO
PODSUMOWANIE
Efekty naszych działań
Po wdrożeniu aplikacji OMC Zone odnotowano znaczący wzrost zaangażowania użytkowników oraz pozytywne opinie na temat intuicyjności i atrakcyjności interfejsu.
Społeczność inwestorów zaczęła dynamicznie się rozwijać
Aplikacja zyskała uznanie w branży jako innowacyjne narzędzie do inwestowania w projekty kryptowalutowe
