Strona internetowa TFS HealthScience
O projekcie
TFS HealthScience to firma badawcza, która pomaga firmom farmaceutycznym i biotechnologicznym w procesie rozwoju klinicznego na całym świecie. Zadaniem naszej agencji było stworzenie nowej strony internetowej, która będzie spójna z opracowaną strategią marketingową firmy, podkreśli profesjonalizm marki TFS HealthScience, będzie łatwa w obsłudze i przyjazna dla użytkowników, a także zwiększy konwersję.
Zaprojektowaliśmy nowy serwis, wykorzystując w projekcie analizy, makiety UX i projekt graficzny UI. Realizacja obejmowała także testy oraz wdrożenie projektu. W efekcie klient otrzymał nową stronę WWW, która spełniła wszystkie założenia.
Obecnie realizujemy dodatkowe usługi, takie jak projektowanie bieżących materiałów marketingowych i graficznych.
Etapy pracy- UX research
- UX testing
- Wireframing
- Prototyping
- UI design
Narzędzia- Google Analytics
- Figma
- Adobe Photoshop
Czas trwania- 7 miesięczy
Proces projektowy
Metodologia Design Thinking
Ten iteracyjny proces pozwala na ciągłe ulepszanie rozwiązanie i dostosowywanie go do potrzeb użytkowników, co jest kluczowe w projektowaniu skutecznych produktów.
1. EmpatyzacjaZrozumienie potrzeb użytkowników i problemów, które chcemy rozwiązać.
2. DefinicjaOkreślenie problemu i celu projektu w sposób jasny i zrozumiały.
3. IdeacjaGenerowanie jak najwięcej pomysłów i koncepcji.
4. PrototypowanieTworzenie prostych modeli lub wizualizacji pomysłów, aby zobaczyć, jak będą one działać w rzeczywistości.
5. TestowaniePrzetestowanie pomysłów z użytkownikami, aby uzyskać ich opinie i sugestie.
6. ImplementacjaWdrożenie najlepszego rozwiązania i jego dalsze doskonalenie.
Problem i cele
ProblemPierwotna strona TFS HealtScience nie spełniała swoich celów: informacyjnego, sprzedażowego, generowania leadów oraz budowania pozycji i wizerunku marki adekwatnie do jej pozycji rynkowej. Odwiedzający mieli problemy ze znajdowaniem odpowiednich informacji, korzystaniem z nadmiernie rozbudowanych formularzy, znalezieniem potrzebnych danych dotyczących oferty i zakresu usług firmy. Strona nie spełniała również aktualnych standardów technicznych i użytkowych, była nieczytelna i niespójna estetycznie.
Cele projektuPrzebudowa strony w taki sposób, aby korzystanie z niej było efektywne i zgodne z potrzebami odwiedzających, a także by realizowała cele TFS HealthScience takie jak:
- zwiększenie liczby odwiedzin strony, zmniejszenie współczynnika odrzuceń,
- poprawa konwersji i liczby generowanych leadów zarówno w kontekście pozyskiwania nowych klientów, jak i nowych pracowników (wysokiej jakości specjalistów do współpracy),
- budowa wizerunku i pozycji rynkowej firmy zgodne ze stanem faktycznym,
- poprawa odbioru strony przez użytkowników, aby korzystanie z niej było wygodne, przyjemne oraz łatwe,
skrócenie drogi użytkowników w znajdowaniu informacji oraz optymalizacja hierarchii informacji i ich struktury,
spełnienie standardów technologicznych (prawidłowe wsparcie RWD).
Analiza potrzeb użytkowników
Punktem wyjścia w procesie projektowania naszego rozwiązania była analiza potrzeb użytkowników. Aby dobrze poznać ich preferencje, motywacje, zachowania i cele przeprowadziliśmy wywiady, wykonaliśmy analizy danych i opracowaliśmy proto-persony, by następnie określić wytyczne.
Dzięki nim konsekwentnie realizowaliśmy projekt, tak aby stanowił skuteczne i funkcjonalne rozwiązanie dla użytkowników. Swoje działania prowadziliśmy w taki sposób, by zapewnić użytkownikom pozytywne doświadczenie, dostosowane do ich potrzeb.
użytkowników miała problem z odnalezieniem informacji dotyczących oferty
ankietowanych wskazała jako duży problem błędy w responsywności strony
badanych nie akceptowała zbyt długich formularzy
respondentów nie wiedziała, gdzie zacząć poszukiwania informacji dotyczących ich grupy docelowej
Analiza Benchmarkingowa
Przeanalizowaliśmy 6 głównych firm konkurencyjnych i na bazie tej analizy przedstawiliśmy wnioski i braki w kontekście poprzedniej wersji strony.
Przed wprowadzeniem zmian na stronie TFS HealthScience zidentyfikowaliśmy następujące problemy:
- problemy techniczne, między innymi brak pełnego wsparcia RWD,
- brak jasnego opisu dostępnych usług,
- niewykorzystane możliwości lead generation,
- prezentacja informacji na stronie z perspektywy struktury firmy, a nie spojrzenia klienta (brak podejścia zorientowanego na użytkownika),
- niespójna i niewygodna nawigacja,
- błędy w interfejsie,
- obiektywnie przestarzały design i brak spójności, który nie oddawał profesjonalnego charakteru firmy i wysokiej klasy kompetencji, które są ważnymi aspektami tożsamości marki.
Analiza SWOT
- SMocne strony (Strengths)
- Duża ilość wartościowego contentu
- Prace nad poprawą jakości komunikacji (strony WWW, jak i całego brandingu), co pozytywnie wpłynie na wizerunek firmy oraz pozwoli dotrzeć do nowych klientów
- Duża elastyczność i jednoczesny profesjonalizm firmy, które warto podkreślić również na stronie
- WSłabe strony (Weaknesses)
- Brak czytelności i wyróżnionych CTA
- Mimo użytecznego contentu — problemy z hierarchią informacji
- Nieintuicyjna nawigacja
- Nadmiernie rozbudowane i skomplikowane formularze
- Brak prawidłowej obsługi RWD
- Przestarzały i niepraktyczny design
- Brak zorientowania na użytkownika
- OSzanse (Opportunities)
- Wzrost popytu na usługi badań klinicznych
- Wprowadzenie nowych technologii i innowacyjnych rozwiązań
- Współpraca z nowymi partnerami biznesowymi i instytucjami
- Zwiększenie świadomości konsumentów na temat znaczenia badań klinicznych i samej działalności firmy
- Nacisk na fakt, że TFS HealthScience to mid-size CRO
- TZagrożenia (Threats)
- Konkurencja ze strony dużych i ugruntowanych firm
- Zmiany regulacji prawnych i wymogów dotyczących badań klinicznych
- Brak dostępności specjalistów i ekspertów
- Ograniczenia budżetowe i nacisk na koszty
Protopersony
Wiek:55 lat
Miejsca zamieszkania:Dortmund, Niemcy
Rodzina:Singiel
Stanowisko:Dyrektor generalny w średniej wielkości niszowej firmie farmaceutycznej
Osobowość:
Kocha szybkie samochody i jazdę na nartach
w Szwajcarii.
Hobby:
Koncentruje się na zarabianiu pieniędzy.
Praca:
Z powodzeniem od roku sprzedaje swój nowy lek okulistyczny w Europie. Poszukuje możliwości rozwoju na rynku globalnym, zwłaszcza w zakresie zgodności z przepisami oraz przeprowadzenia dodatkowych badań, aby poszerzyć obszary terapeutyczne stosowania leków OTC.
Oczekiwania
Poszukuje CRO z dobrym lokalnym doświadczeniem, nawet w odległych i nieoczywistych krajach ekspansji. Ważna jest dla niego atrakcyjna cena w połączeniu z dedykowanym podejściem do zarządzania ryzykiem. Jako menedżer — nie naukowiec — oczekuje jasnej i osobistej komunikacji z zespołem CRO, a także przejrzystych i jasnych warunków i procedur realizacji kontraktu.
- Wiek:
40 lat
- Miejsca zamieszkania:
Los Angeles, USA
- Rodzina:
Dwie córki
- Stanowisko:
Główny specjalista ds. medycznych w średniej wielkości szybko rozwijającej się firmie biotechnologicznej
Osobowość:
Bardzo ambitna i skupiona na karierze.
Hobby:
Uwielbia podróże i jogę.
Praca:
Pracuje w firmie biotechnologicznej, która poszukuje nowych produktów i globalnego zasięgu. Maria jest odpowiedzialna za wprowadzenie nowej cząsteczki w obszarze dermatologii. Po pozytywnych testach na zwierzętach potrzebuje pełnego wsparcia w prowadzeniu badań klinicznych fazy I — IV w USA i Europie.
Oczekiwania
Ze względu na wcześniejsze doświadczenie z dużym CRO, teraz oczekuje lepszej komunikacji, śledzenia projektów i zarządzania czasem.
- Wiek:
36 lat
- Miejsca zamieszkania:
Budapeszt, Węgry
- Rodzina:
Żona i nowo narodzony syn
- Stanowisko:
Lekarz medycyny
Osobowość:
Jest głodny nowych wyzwań intelektualnych
i zmieniających świat idei. Nie znosi skamieniałych struktur, formalnych korporacyjnych relacji, ani intryg.
Hobby:
Lubi jogging i ekstremalne trekkingi: Indie, Borneo itp.
Praca:
Szuka nowych możliwości zawodowych z dala od szpitala, bo lepiej czuje się jako naukowiec niż lekarz. Chciałby ratować życie, ale bezpośrednia praca z pacjentami nie jest dla niego odpowiednia.
Oczekiwania
Praca w środowisku globalnej firmy, z dużymi możliwościami podróżowania i poznawania różnych kultur.
- Wiek:
44 lata
- Miejsca zamieszkania:
Kopenhaga, Dania; urodzona w Szwecji
- Rodzina:
Mąż
- Stanowisko:
Kierownik operacji klinicznych w firmie biofarmaceutycznej
Hobby:
Uwielbia piesze wędrówki, nordic walking i biegi narciarskie. Zimą często bierze krótkie urlopy, by podróżować po północnej Szwecji. Lubi Włochy, Hiszpanię i tamtejszy styl życia — bez stresu, z dobrą kuchnią i dużą ilością wolnego czasu spędzanego z przyjaciółmi.
Praca:
Zrobiła karierę na Uniwersytecie w Göteborgu. Szukając nowych możliwości, najpierw dostała pracę w firmie CRO, i obecnie jest kierownikiem operacji klinicznych. Jej podejście zmieniło się z nastawienia na naukę na nastawienie na karierę i pieniądze.
Oczekiwania
Dzięki swojemu doświadczeniu w firmie CRO dokładnie wie, czego chce: wysokiej jakości naukowej i doskonałego poziomu działania, aby projekty były realizowane w terminie i w ramach określonego budżetu. Oczekuje też dobrej komunikacji z pracownikami związanymi z badaniami klinicznymi i innymi pracownikami firmy CRO.
Strona internetowa
Struktura strony
Makiety funkcjonalne UX
Projekt UI
Po
Po
Po
Po
Perfekcyjna nawigacja
Perfekcyjna nawigacja strony pozytywnie wpływa na doświadczenie użytkownika.
Nowa strona została przeprojektowana w taki sposób, aby przejścia pomiędzy poszczególnymi zakładkami były naturalne i intuicyjne. Obecnie dużo łatwiej można znaleźć wszelkie informacje, co bardzo poprawiło doświadczenie użytkownika. Lepsza nawigacja bezpośrednio wpływa na wydłużenie czasu pozostawania na stronie, co z kolei ma niebagatelny wpływ na pozycjonowanie witryny.
Wyraźna struktura strony
Wyraźna struktura strony ułatwia skuteczną komunikację.
Strona główna została podzielona na dwie strefy: „Solutions” oraz „Our Expertise”, co bardzo wyraźnie określa tematykę poszczególnych części. Odmienny kolor tła i wyraźne nagłówki jednoznacznie wskazują na podział tematyczny. Jednocześnie ich spójna kolorystyka koreluje ze stylistyką całej strony. Uzyskana w ten sposób struktura ułatwia wyszukanie treści przez poszczególne grupy odbiorców, wpływając tym samym na realizację założonych celów.
Prawidłowe call to action
Prawidłowe Call To Action poprawia konwersję.
W witrynie TFS zadbaliśmy o bardzo wyraźne CTA, stosując kontrast, odpowiedni format i właściwą lokalizację przycisków, co zachęca użytkownika do dalszej aktywności. W efekcie strona generuje większą liczbę zgłoszeń i zapytań, które klienci i potencjalni pracownicy kierują do TFS.
Czytelny przekaz na temat firmy
Czytelny przekaz na temat firmy buduje pozytywny wizerunek marki.
Informacje o TFS HealthScience zostały zebrane w jednym miejscu, co ułatwia wyszukanie wszystkich danych na temat firmy. Zarówno klienci, jak i potencjalni współpracownicy mogą szybko znaleźć interesujące ich zagadnienia, takie jak: profil firmy, cele, wartości, kadra zarządzająca, zasięg działalności, dane na temat CSR czy historię przedsiębiorstwa.
Proste formularze
Uproszczone formularze zachęcają do pozostawienia danych.
Dzięki wykonanym analizom zyskaliśmy feedback, z którego wynikało, że dotychczasowe formularze na stronie klienta były zbyt długie, skomplikowane i zniechęcały do wypełniania. Dlatego opracowaliśmy nową wersję, która z jednej strony pozwala w bardzo szybki sposób wprowadzić najważniejsze dane i zakres zainteresowania ofertą, a z drugiej pozostawia przestrzeń do dłuższego opisania swoich potrzeb w dedykowanym polu otwartym.
Mobile first
Mobile First, czyli dostosowanie strony do obecnych zachowań użytkowników.
Dotychczasowa niska responsywność strony wymagała gruntownej poprawy. Stale rosnąca liczba użytkowników korzystających z przenośnych urządzeń w celach służbowych sprawia, że czytelna wersja mobilna jest równie istotna, jak wszystkie inne aspekty, które modyfikowaliśmy. Dzięki nowej wersji, TFS HealthScience obecnie dociera ze swoim komunikatem do wszystkich potencjalnych odbiorców, niezależnie od stosowanych przez nich urządzeń.
Design system
W dzisiejszym dynamicznym świecie internetu, kreowanie atrakcyjnych i funkcjonalnych stron internetowych stało się kluczowym elementem budowania silnej obecności online. Jednak, aby osiągnąć sukces w projektowaniu stron, nie wystarczy jedynie dbać o ich wizualny aspekt. Niezbędne jest również zachowanie spójności, czyli zapewnienie, że wszystkie elementy graficzne, treści i interakcje na stronie harmonijnie współgrają, tworząc jednolite doświadczenie dla użytkowników. Dlatego też stworzyliśmy design system – kompleksowy zestaw zasad, wytycznych, komponentów i zasobów, które pozwalają utrzymać konsystencję i efektywność całości projektu.
Kolorystyka
Typografia
Przyciski
Formularze
Ikonografia
Działania i efekty
wzrost liczby unikalnych wyświetleń strony
średni czas spędzony na stronie
wizyt z wyszukiwarką — wprowadzono wyszukiwanie na stronie
wizyt na nowej stronie kontaktowej
obserwujących na LinkedIn — wzrost o 14 000 (organiczny wzrost)
postów firmy na LinkedIn w 2021 roku, z rosnącym zaangażowaniem i wskaźnikami CTR
Do września 2021 TFS HealthScience był 18-tą najbardziej aktywną firmą farmaceutyczna na LinkedIn w Europie.
ZałożeniaCelem projektu była modernizacja strony TFS HealthScience, a w szczególności uzyskanie wyższej efektywności i poziomu zaspokojenia potrzeb użytkowników.
Identyfikacja problemuPunktem wyjścia było przeprowadzenie analizy — kluczowej dla wyznaczenia kierunku realizacji projektu. Wyniki wskazały na problemy z nawigacją, czy zbyt długie formularze, które zniechęcały potencjalnych klientów do ich wypełniania, przez co całkowicie rezygnowali oni z kontaktu z firmą. Ponadto strona była nieresponsywna, a treści trudne do odnalezienia, co również miało negatywny wpływ na user-experience.
Działania i efektyPrzeprojektowaliśmy stronę, tak aby była bardziej przyjazna dla użytkownika. W tym celu poprawiliśmy nawigację i strukturę strony. Zbyt długie formularze zostały skrócone i uproszczone. Obecnie CTA są bardziej widoczne, a treści na temat firmy zgromadzone w jednym miejscu, dzięki czemu użytkownicy dużo łatwiej znajdują wszystkie kluczowe informacje na jej temat. Ponadto strona jest czytelna zarówno w wersji desktopowej, jak i mobilnej, dlatego firma nie traci już części swoich potencjalnych odbiorców. Wprowadziliśmy wyszukiwarkę i nową stronę kontaktową. Wszystkie zmiany pozytywnie wpłynęły na doświadczenie użytkownika.
Poprawa statystykStatystyki pokazują wzrost o 38% unikalnych odsłon strony, 1500 odwiedzin przy użyciu wyszukiwarki, wzrost o 41% średniego czasu spędzonego na stronie oraz ponad 11 000 odwiedzin na nowej stronie kontaktowej.
Korzyści dla klientaPrzebudowa strony TFS HealthScience przyniosła oczekiwane rezultaty i pomogła firmie osiągnąć założone cele. O skuteczności projektu świadczy między innymi wzrost unikalnych odsłon i czasu spędzonego na stronie. Klient notuje lepszą konwersję. Cały projekt przeprowadzony przez zespół JAAQOB HOLDING® przyczynił się do wzmocnienia wizerunku marki TFS HealthScience i zapewnił wzrost jej pozycji rynkowej.
ZOBACZ RÓWNIEŻ INNE CASE STUDIES
Poznaj nasze prace. Stworzyliśmy setki udanych projektów zaczynając od niewielkich stron WWW, po rozbudowane portale, a nawet systemy CRM użytkowane przez tysiące osób.
