Przejdź do treści

funk.pl

Nowa strona brokera ubezpieczeniowego: audyt UX, makiety i TYPO3

Dla Funk International Polska, kancelarii brokerskiej z międzynarodowej grupy Funk, przeprowadziliśmy audyt UX, przygotowaliśmy makiety i projekt graficzny, a stronę wdrożyliśmy na TYPO3. Cztery obszary oferty — usługi, ubezpieczenia, faktoring i plany emerytalne — są dostępne z jednego menu.

Zobacz stronę na żywo (otwiera się w nowej karcie)
Funk International Polska

Funk International Polska

Ubezpieczenia / Doradztwo · Warszawa, Polska

Rok wdrożenia
2024
Rola T3media
Nowa strona
Strona główna Funk na komputerze: logo w niebieskim kwadracie, menu z usługami, liniami ubezpieczeń, faktoringiem i planami emerytalnymi oraz hasło „Najlepsza rekomendacja. Funk.” na tle warszawskich biurowców
Strona główna Funk na telefonie: logo, przycisk menu i hasło „Najlepsza rekomendacja. Funk.” na zdjęciu przeszklonej elewacji

/ Stan przed

Co zastaliśmy

Funk International Polska to kancelaria brokerska z siedzibą w Warszawie, część międzynarodowej grupy Funk. Doradza firmom w zakresie ubezpieczeń, zarządzania ryzykiem, faktoringu i planów emerytalnych, a biura ma w Warszawie, Gdańsku, Poznaniu, Toruniu, Wrocławiu i Katowicach.

Do 2024 roku polska strona działała pod adresem www.funk.pl/pl/ jako jedna z wersji krajowych wspólnego serwisu grupy na TYPO3: z paskiem wyboru kraju i portalu klienta nad logo oraz menu pod logo. Na telefonie pod logo był wąski pasek slidera, a pod nim od razu długi akapit o firmie.

Kancelaria potrzebowała własnej strony, która oddaje jej charakter i prowadzi do szerokiej oferty — od analizy ryzyka i linii ubezpieczeń po faktoring i pracownicze plany kapitałowe — bez zbędnych kliknięć.

Najważniejsze problemy

  • Polska strona jako wersja krajowa wspólnego serwisu grupy, pod adresem www.funk.pl/pl/
  • Na telefonie slider zdjęć jako wąski pasek nad długim akapitem tekstu
  • Cztery obszary oferty z kilkudziesięcioma podstronami do uporządkowania w menu
  • Formularz kontaktowy i moduły do uproszczenia na komputerze i telefonie

Stan przed · zrzut z 01.2023

/ Proces i warsztat

Co zrobiliśmy

Spis treści
  1. 01Audyt UX i makiety: menu usług, mapa biur i podstrona faktoringu
  2. 02Mega menu z pełną listą podstron każdego działu oferty
  3. 03Granatowy projekt graficzny w kolorach znaku Funk i mapa sześciu biur
  4. 04Wspólny układ podstron oferty i sekcja biur edytowana w TYPO3
01

Audyt UX i makiety: menu usług, mapa biur i podstrona faktoringu

Projekt zaczęliśmy od audytu UX i doradztwa. Na szarych makietach rozplanowaliśmy kluczowe ekrany, zanim powstał projekt graficzny: gdzie stoi zdjęcie, gdzie opis działu, a gdzie lista podstron i przycisk kontaktu.

Makiety pokazują m.in. rozwinięte menu usług z grupami zarządzania ryzykiem, ubezpieczeniem i płynnością, sekcję sześciu biur z mapą Polski, na której wyróżnia się wybrane miasto, oraz podstronę faktoringu z listą możliwości programu. Uprościliśmy też formularz kontaktowy.

Makieta mega menu: cały dział oferty widoczny po jednym kliknięciu.
Makieta sekcji biur (dane osoby do kontaktu rozmyte).
02

Mega menu z pełną listą podstron każdego działu oferty

Menu główne ma siedem pozycji: usługi, linie ubezpieczeń, faktoring, plany emerytalne, o nas, współpracę i aktualności. Rozwinięcie działu pokazuje jego podstrony — w „Usługach” podzielone na grupy — a obok zdjęcie i krótki opis działu. Nad menu są skróty do dokumentów, wyszukiwarki, kontaktu i stron grupy Funk w innych krajach.

Na telefonie menu otwiera się na cały ekran, a lista podstron działu wysuwa się jako osobny panel z nazwą działu u góry i przyciskiem zamknięcia.

03

Granatowy projekt graficzny w kolorach znaku Funk i mapa sześciu biur

Granat i błękit znaku Funk wyznaczają kolory całej strony, a treść dzielą czytelne sekcje z dużymi, jasnymi nagłówkami. Na komputerze stronę główną otwiera film z widokiem biurowców, a na telefonie — zdjęcie.

Sekcja „Nasze biura” łączy listę miast z mapą Polski. Każde miasto rozwija się w kartę z adresem biura i osobą do kontaktu w oddziale. Na telefonie mapy nie ma — zostaje sama rozwijana lista miast.

Gotowa sekcja biur według makiety: lista miast obok mapy.
04

Wspólny układ podstron oferty i sekcja biur edytowana w TYPO3

Stronę wdrożyliśmy na nowej instalacji TYPO3. Mapa witryny obejmuje 56 podstron: usługi, linie ubezpieczeń, faktoring, plany emerytalne, informacje o firmie i zespole oraz aktualności. Podstrony oferty mają wspólny układ: nagłówek ze zdjęciem w ramce, opis, lista punktów ze znacznikami i formularz kontaktowy.

Sekcję biur redaktor uzupełnia w TYPO3 jako element treści: dla każdego biura wybiera miasto na mapie, wpisuje adres i dane osoby do kontaktu. Aktualności działają w rozszerzeniu news, wyszukiwarka — w Indexed Search, a formularz chroni Google reCAPTCHA.

/ Efekt

Gotowa strona na komputerze i telefonie

Przesuń w bok, żeby zobaczyć kolejne ekrany. Dotknij, aby powiększyć.

Cała strona główna Funk: hero z filmem, opis kancelarii, zdjęcia zespołu, rozwijane działy oferty, mapa biur w Polsce, aktualności, sekcja „Jak możemy pomóc?” z formularzem kontaktowym i stopka z pełnym menu

/ Zmiana

Przed i po

Pierwszy ekran strony głównej na telefonie przed i po zmianie. Dotknij zrzutu, żeby go powiększyć.

Przed · 01.2023
Po

/ Dla działu IT

Technologie i integracje

CMS
TYPO3 12 LTS
Rozszerzenia i wtyczki
news (aktualności), Indexed Search (wyszukiwarka), bws_form (formularz kontaktowy)
Integracje
Usercentrics (zgody na pliki cookie), Google reCAPTCHA (formularz)
Wersje językowe
PL
Liczba podstron
56
Usługi T3media
Strony internetowe
Rafał Borkowski

Rafał Borkowski

Key Account Manager

/ Twój projekt

Chcesz efekt jak dla Funk International Polska? Porozmawiajmy.

Opowiedz, co chcesz osiągnąć — przygotuję propozycję zakresu, terminu i budżetu. Pierwsza rozmowa jest bezpłatna.

Porozmawiajmy o projekcie

Opisz krótko czego potrzebujesz — odezwiemy się w ciągu 24 godzin.

Wybierz kilka