Aplikacja mobilna
Zaawansowany kalendarz spotkań firmowych
Dentons to narzędzie stworzone na potrzeby międzynarodowej kancelarii prawnej, która potrzebowała dedykowanej aplikacji mobilnej umożliwiającej zarządzanie kalendarzami pracy zespołów prawników. Aplikacja pozwala na planowanie spotkań, delegowanie obowiązków, powiadamianie uczestników o zmianach oraz pracę w modelu asystenckim – gdzie asystenci mogą prowadzić kalendarze przypisanych im prawników. Projekt objął całościowy proces UX/UI – od analizy ról i uprawnień, przez projekt logiki systemu i prototypy, aż po pełny projekt graficzny dla urządzeń mobilnych i tabletów w zgodzie z dostarczonym przez klienta brand bookiem zawierającym zestaw sztywnych reguł projektowych dla marki. Takie style guide zawierają nie tylko instrukcje wykorzystania znaku towarowego, czy kolorystykę, ale też mapy uczuć kojarzących się z marką i sposoby jej prezentowania jak np. dobór zdjęć w konkretnym stylu, czy formy tekstowe w komunikatach do użytkownika/odbiorcy marki.
Etap 1
Przygotowanie
Dokumentacja projektowa
Projekt makiet
– wireframing
Scenariusze UX i user flows
Analiza ról i logiki organizacyjnej
Pierwszym krokiem było zrozumienie specyfiki pracy kancelarii i potrzeb różnych grup użytkowników. W aplikacji występują zróżnicowane dwie główne role: prawników i ich asystentów z przypisanymi uprawnieniami i ograniczeniami. Wspólnie z zespołem klienta przeanalizowaliśmy przypadki użycia, tworząc mapę logiki przepływu zaproszeń, akceptacji i delegowania. Diagram ten jasno definiował, kto kogo może zaprosić na spotkanie, kto to akceptuje, kto ma wgląd w kalendarze innych i w jakich sytuacjach wymagane są dodatkowe działania – np. podanie powodu odrzucenia zaproszenia czy powiadomienie o kolizji terminów.
Prototypowanie w projektowaniu
Dzięki wczesnemu etapowi analiz i warsztatów uniknęliśmy niejasności, które często pojawiają się w aplikacjach z rozbudowanymi rolami i zależnościami. Taki etap planowania wpisuje się w dobre praktyki strategicznego UX – zapewnia przejrzystość, redukuje techniczne nieporozumienia i skraca czas wdrożenia końcowego produktu. Wykorzystanie narzędzi takich jak diagram przepływu (flow chart) i prototyp low-fidelity pozwoliło szybko przetestować logikę aplikacji bez konieczności tworzenia interfejsu.
Prototyp aplikacji mobilnej
Etap 2
Projektowanie
Projekt aplikacji mobilnej
Rozszerzona responsywność
Animacje, mikrointerakcje
Mobilność, dostępność, przejrzystość
W kolejnym etapie skupiliśmy się na zaprojektowaniu nowoczesnego, przejrzystego interfejsu użytkownika. Projekt graficzny powstał z myślą o pracy mobilnej, zarówno na smartfonach, jak i tabletach – z adaptacyjnym układem komponentów i responsywną siatką (adaptive layout). Zachowaliśmy zasady projektowania „mobile first”, ale jednocześnie zadbaliśmy o wygodę użytkowników pracujących z większych ekranów. Aplikacja powstała zgodnie z najlepszymi praktykami branżowymi:
- zastosowano rozróżnienie akcji głównych i dodatkowych (primary vs. secondary actions),
- wprowadzono system ikon wspierających orientację,
- zadbano o jasne hierarchie informacji,
- oraz ujednolicono nawigację zgodnie z zasadą bottom navigation pattern dla mobile i split-view dla tabletów.
Priorytet na praktykę
Projektowaliśmy z myślą o kontekście użycia – spotkania prawników są często wieloosobowe, organizowane z dużym wyprzedzeniem i wymagają koordynacji wielu uczestników. Dlatego wydarzenia zawierają listy organizatorów i uczestników, statusy (zaakceptowano, oczekujące, odrzucone), powody odmowy oraz dodatkowe opisy spotkań. System powiadomień został zaprojektowany zgodnie z zasadą „timely and relevant” – użytkownicy otrzymują notyfikacje o nowych wydarzeniach, zmianach terminów czy kolizjach. Wszystko zostało zapisane w skalowalnym design systemie z komponentami UI gotowymi do implementacji.
Etap 3
Wdrożenie
Tablety i telefony
Testy przed publikacją
Dodatkowe rundy zmian
Uprawnienia to podstawa bezpieczeństwa
Kluczowym wyzwaniem technologicznym było zapewnienie spójnej mechaniki zarządzania wieloma kalendarzami oraz obsługa kont asystenckich, które mogły zarządzać spotkaniami kilku przypisanych pracowników. Zadbaliśmy o to, aby przełączanie widoków kalendarzy, edytowanie wydarzeń i filtrowanie informacji było płynne i intuicyjne. Rozwiązaliśmy to poprzez architekturę kontenerową i logiczne separowanie danych kalendarzy w warstwie UI, z zachowaniem płynnego przełączania.
Żyjący kalendarz
Spotkania mogą być przenoszone, edytowane i aktualizowane na żywo, a system powiadomień automatycznie informuje wszystkich uczestników o każdej zmianie. Aplikacja obsługuje kolizje terminów i prezentuje je w sposób widoczny, zgodny z zasadą proactive error prevention – zapobiegając błędnym decyzjom już na etapie tworzenia spotkania.
Mechanika kalendarza została zaprojektowana z myślą o intensywnym użytkowaniu – z możliwością sortowania wydarzeń, szybkiego filtrowania po osobach, typach spotkań i czasie. Dzięki temu aplikacja staje się codziennym narzędziem pracy – intuicyjnym, szybkim i bezpiecznym.
Podsumowując
Dentons to projekt aplikacji mobilnej dla kancelarii prawnej, który łączy w sobie precyzyjne planowanie kalendarzy zespołów z przejrzystym i nowoczesnym interfejsem użytkownika. Aplikacja wspiera pracę prawników, ich asystentów oraz organizatorów spotkań w dużych strukturach korporacyjnych. Dzięki analizie ról, potrzeb i sposobów pracy, a także stworzeniu mapy logiki zaproszeń i odpowiedzi, udało się zbudować system oparty na realnych scenariuszach użytkowania – zamiast teoretycznych schematów.
Całość projektu graficznego powstała na podstawie szczegółowego style guide’u i brand booka, dostarczonego przez klienta. To przykład świetnej praktyki, która znacząco przyspieszyła proces projektowania i zapewniła spójność wizualną z marką. Dzięki określonym zasadom typografii, kolorystyki, ikonografii i tonu komunikacji mogliśmy od razu skupić się na warstwie funkcjonalnej, bez ryzyka estetycznych rozbieżności. Jeśli nie dysponujesz gotowym brand bookiem – nasz zespół może taki dokument zaprojektować od podstaw, jako część procesu budowania marki lub modernizacji Twojego wizerunku.
Ten projekt jest przykładem dopracowanego procesu projektowania aplikacji mobilnej B2B – od makiet i logiki interakcji, przez responsywny design dla telefonów i tabletów, aż po detale, które mają znaczenie w codziennej pracy użytkowników – jak system powiadomień, wizualna prezentacja spotkań, rozbudowane informacje kontaktowe, czy powody system zaproszeń. To narzędzie wspierające organizację pracy kancelarii na najwyższym poziomie.