Klient
Sol-Millennium Medical Group to globalna firma z branży opieki zdrowotnej zajmująca się projektowaniem, produkcją i dystrybucją wysokiej jakości urządzeń medycznych i środków ochrony osobistej dla ludzi, pacjentów i klinicystów. Jeden z największych na świecie producentów igieł i strzykawek.
WYZWANIE
Użytkownicy przyzwyczajeni do tradycyjnych metod iniekcji często odczuwają niepewność wobec nowych rozwiązań. Główne trudności to brak wiedzy o działaniu systemu InsuJet, obawy związane z doborem odpowiednich akcesoriów oraz potrzeba jasnych i dostępnych materiałów edukacyjnych. Strona musiała nie tylko informować, ale również aktywnie prowadzić użytkownika przez cały proces zmiany.
ROZWIĄZANIE
Zaprojektowaliśmy stronę, która łączy interaktywne narzędzia, jasną strukturę informacji i angażujące materiały wizualne. Kalkulator insuliny przelicza aktualne zużycie na potrzebne elementy systemu InsuJet. Widok 3D z aktywnymi opisami ułatwia zrozumienie działania urządzenia. Strona zawiera także przewodniki wideo, taby tematyczne i sekcję z opiniami w formie nagrań. Całość tworzy przejrzyste środowisko, które wspiera użytkownika w decyzji o zmianie.
Figma
PHP 8.2
Laravel
Bootstrap
Sass
Quasar
Javascript
HTML / CSS
Vue
Nuxt 3
Tailwind
Pinia
Persimmon
HEX: #EC6725
British racing green
HEX: #104226
British racing green
HEX: #104226
Azure
HEX: #E1F0EC
Beige
HEX: #F7F8E4
Kalkulator insuliny został zaprojektowany, aby pomóc użytkownikom oszacować potrzebne akcesoria przy zmianie z tradycyjnych metod iniekcji na bezigłowy system InsuJet. Proces rozpoczyna się od wyboru okresu obliczeniowego, np. tygodnia, miesiąca lub kwartału. Następnie użytkownik wprowadza swoje zużycie insuliny, wybierając jedną z trzech form: jednorazowe peny insulinowe, wkłady 3 ml lub fiolki 10 ml. Widok wprowadzania danych jest uproszczony i prowadzi użytkownika krok po kroku. Po przeliczeniu danych kalkulator wyświetla przejrzyste podsumowanie zalecanych akcesoriów InsuJet. Wynik zawiera liczbę potrzebnych dysz, ampułek i innych komponentów, dopasowanych do wybranego okresu. Rezultaty prezentowane są w prostym układzie pod nagłówkiem „Możesz kupić”, co pozwala użytkownikowi szybko zrozumieć swoje zapotrzebowanie. Celem narzędzia jest uproszczenie procesu i budowanie pewności podczas zmiany systemu.
Na stronie znajduje się zaawansowany podgląd 3D urządzenia InsuJet, który pozwala użytkownikom obejrzeć produkt z każdej strony. Interaktywna wizualizacja umożliwia obracanie, przybliżanie oraz oglądanie detali z bliska, co pozwala lepiej zrozumieć konstrukcję i działanie urządzenia. Model 3D zwiększa zaangażowanie użytkownika, oferując doświadczenie zbliżone do rzeczywistego kontaktu z produktem.
Aby ułatwić zrozumienie działania urządzenia, model został wyposażony w interaktywne oznaczenia najważniejszych elementów. Po najechaniu na wybrany fragment pojawia się pop-up z kluczowymi informacjami na temat danego komponentu.
Strona InsuJet została w pełni zoptymalizowana pod kątem urządzeń mobilnych, co zapewnia wygodną nawigację i pełen dostęp do treści. Wersja mobilna zachowuje wszystkie kluczowe funkcje, a jednocześnie dostosowuje układ do mniejszych ekranów.
Darmowa konsultacja