Exmail
Przeprojektowanie biura osobistego Exmail
- Klient: "Exmail"
- Sphere: Usługa pocztowa
- Link: https://exmail.ws/
- Typ witryny: Strona internetowa korporacyjna
- Zakończono: Czerwiec 2025
Zaktualizuj styl wizualny, uprość nawigację i ulepsz UX bez zmiany logiki biznesowej i architektury zaplecza.
Konto osobiste Exmail
— to interfejs, za pomocą którego użytkownicy uzyskują dostęp do swoich wiadomości, zarządzają ustawieniami i korzystają z usługi. Projekt redesignu miał na celu aktualizację przestarzałego interfejsu, poprawę ergonomii, lepszą strukturę wizualną i dostosowanie do urządzeń mobilnych — przy pełnym zachowaniu istniejącej funkcjonalności.
Funkcje
- Zaktualizowany interfejs i styl wizualny
Interfejs konta został całkowicie przeprojektowany pod względem języka wizualnego. Wprowadziliśmy minimalistyczny design, nowoczesną typografię i nową kolorystykę, co poprawiło czytelność i zmniejszyło chaos wizualny. - Ulepszona nawigacja i struktura
Zaktualizowano strukturę nawigacji: zmieniono rozmieszczenie bloków i hierarchię informacji. Dzięki temu użytkownicy mogą szybciej poruszać się po koncie. - Interfejs responsywny
Interfejs stał się w pełni responsywny: elementy dostosowują się do urządzenia, zapewniając komfortową obsługę zarówno na komputerach, jak i urządzeniach mobilnych. - Zachowanie i optymalizacja funkcjonalności
Wszystkie kluczowe funkcje zostały zachowane: filtrowanie wiadomości, przekazywanie, odpowiedzi, zarządzanie folderami i ustawieniami profilu. Dostęp do akcji stał się szybszy i łatwiejszy. - Integracja z REST API
Dzięki współpracy z istniejącym API nie było potrzeby przepisywania backendu — nowy interfejs został starannie podłączony do istniejącej logiki. - Elementy interaktywne
Wszystkie przyciski, formularze i pola mają czytelne stany, co sprawia, że interakcje są bardziej przewidywalne i przyjemne.
Etapy realizacji
1. Badania i analiza
- Analiza scenariuszy i zachowań użytkowników
- Audyt obecnego interfejsu
- Porównanie z najlepszymi praktykami UX w branży
2. Projektowanie i design
- Stworzenie kilku wariantów interfejsu (ponad 5)
- Przeprowadzenie testów użyteczności w zespole i ze stakeholderami
- Iteracyjne udoskonalanie designu na podstawie feedbacku
- Aktualizacja stylu wizualnego i ikon, redesign typografii
3. Rozwój
- Responsywny kod JavaScript z uwzględnieniem kompatybilności między przeglądarkami
- Integracja z istniejącym REST API
- Testowanie i A/B testing na rzeczywistych użytkownikach
W wyniku wykonanej pracy klient otrzymał zmodernizowany interfejs konta osobistego opracowany przy użyciu Figma, JavaScript i REST API, zachowując jednocześnie całą logikę po stronie PHP. Nowy interfejs charakteryzuje się lepszą wydajnością, łatwością użytkowania i adaptowalnością, co zwiększyło zaangażowanie użytkownika i uprościło pracę z pocztą. Projekt został zatwierdzony przez interesariuszy i został pomyślnie wdrożony bez zakłócania usługi.
