Doradztwo IT
Product Design
Aplikacja webowa
Wdrożenie Design Systemu w LegalSpot
Czas trwania projektu
Październik 2022 - Marzec 2023
Zespół
3 osoby
Branża
LegalTech
Czym jest Legalspot?
Legalspot to startup, który opracowuje platformę SaaS opartą o AI przyspieszające pracę działów prawnych poprzez pełną automatyzację całego cyklu obiegu dokumentów. Dzięki wdrożeniu funkcjonalności zarządzania zadaniami, edycji i zarządzania dokumentami oraz automatyzacji generowania umów i sprawdzania ich zgodności z praktykami, LegalSpot umożliwia skrócenie cyklu obiegowego nawet o 60% w firmach, które posiadają własny dział prawny.
Cele współpracy
Zespół Legalspot chciał rozpocząć pracę nad funkcjonalnościami aplikacji jak najszybciej - i pominął etap stworzenia Design Systemu, o który powinna opierać się praca zespołu. Bardzo szybko zauważyli, że nowe funkcjonalności często nie były ze sobą spójne, a plany zmian w istniejących funkcjonalnościach wymagały wielu spotkań, aby ustalić, jak mają wyglądać.
Celem współpracy z naszym zespołem było wypracowanie procesu tworzenia nowych funkcjonalności i ułatwienie pracy developerom Legalspot. Efektem projektu miało być:
- skrócenie czasu na stworzenie nowych funkcjonalności
- zmniejszenie ilości błędów i niespójności w UI
- stworzenie procesu, który usprawni dodawanie nowych funkcjonalności i zmiany w istniejącym interfejsie
Jak przebiegała współpraca?
Audyt kodu i doradztwo IT
Analiza interfejsu
Przeanalizowaliśmy istniejący interfejs i kod, aby określić elementy wspólne i zminimalizować koszt stworzenia Design Systemu.
Projekt
Stworzyliśmy rozbudowany Design System w Figmie, który pozwalał na szybkie tworzenie makiet i prototypów funkcjonalności.
Wdrożenie
Stworzyliśmy kod komponentów, aby kolejne funkcjonalności i widoki można było tworzyć szybciej - z gotowych elementów.
Byliśmy zaskoczeni tym, jak łatwa była współpraca z zespołem iMakeable.
Tomasz Kozak
Founder Legalspot
Analiza interfejsu
Pracę rozpoczęliśmy od przeanalizowania istniejących funkcjonalności i elementów interfejsu, aby wykorzystać pracę zespołu, która już została wykonana. Przygotowaliśmy listę poszczególnych elementów interfejsu, które zostały już stworzone, oraz pomogliśmy określić plan na następne funkcjonalności i ich wygląd.
Przenieśliśmy istniejące komponenty do projektu w Figmie, a następne ustaliliśmy typografię, kolory, grid i elementy interfejsu wspólnie z zespołem Legalspot.
Dzięki oparciu Design Systemu o istniejące komponenty, nie wymusiliśmy na zespole developerów wielu zmian i wykorzystaliśmy pracę, którą już wykonali, aby przyspieszyć tworzenie funkcjonalności w przyszłości.
Projekt Design Systemu oraz nowych funkcjonalności
Przygotowaliśmy projekt Design Systemu w oparciu o gotowe komponenty. Zespół developerów otrzymał w ten sposób zbiór elementów, takich jak przyciski, sekcje, czy sposób rozłożenia elementów interfejsu, które mógł wykorzystywać do "składania" kolejnych funkcjonalności - szybciej i prościej.
Kolejnym etapem współpracy było stworzenie kodu nowych elementów Design Systemu i ustandaryzowanie kodu istniejących komponentów, aby były ze sobą spójne. Dzięki temu zespół Legalspot mógł skupić się na tworzeniu nowych funkcjonalności, a w międzyczasie
Pomogliśmy też w zaprojektowaniu nowych funkcjonalności, demonstrując przy tym, jak można wykorzystać do tego stworzony przez nas Design System.
Wdrożenie
Przy wykorzystaniu naszego procesu i projektu, zespół Legalspot zaczął tworzyć funkcjonalności szybciej o 75% - licząc zmierzony czas, który był potrzebny na wykonanie zadań o podobnym poziomie skomplikowania.
Stworzenie Design Systemu pomogło w osiągnięciu spójności kolejnych funkcjonalności, oraz poprawiło efektywność pracy zespołu Legalspot. Dostarczyliśmy zestaw ustandaryzowanych komponentów, zasad i wytycznych, które zapewniają jednolitą estetykę w różnych częściach aplikacji.
Wyeliminowaliśmy w ten sposób problemy związane z niespójnościami wizualnymi i funkcjonalnymi. Zastosowanie Design Systemu pozwoliło przyspieszyć development poprzez wielokrotne wykorzystanie gotowych komponentów i zredukować ryzyko błędów w interfejsie.
Rezultaty projektu
Głównym efektem projektu jest przyspieszenie pracy zespołu Legalspot o 75% - w porównaniu do czasu potrzebnego na wykonanie podobnie skomplikowanych zadań.
Szybsze tworzenie funkcjonalności
Zredukowaliśmy czas potrzebny na stworzenie nowych funkcjonalności o 75% i zwiększyliśmy efektywność zespołu.
Łatwe utrzymanie i skalowalność
Opierając proces developmentu o Design System ułatwiamy dodawanie kolejnych komponentów i rozwój nowych funkcjonalności.
Mniejsze ryzyko błędów
Użycie gotowych komponentów przez zespół LegalSpot minimalizuje ryzyko błędów w kodzie.
Spójny interfejs aplikacji
Wyeliminowaliśmy elementy interfejsu, które różniły się między poszczególnymi funkcjonalnościami.
Zespół odpowiedzialny za projekt
Anna Ludwin
Designer
Maks Konarski
CEO
Mateusz Próżny
Frontend Developer
Kontakt
Napisz do nas wiadomość lub zadzwoń - pomożemy osiągnąć Ci podobne rezultaty w Twojej firmie.
