Przejdź do treści

biofarm.pl

Katalog ponad 110 leków i suplementów na TYPO3 dla producenta farmaceutycznego z Poznania

Biofarm to rodzinny producent leków z Poznania. Strona na TYPO3 ma katalog leków bez recepty, na receptę i suplementów z filtrem obszarów terapii, karty z dokumentami do pobrania, potwierdzenie dostępu do leków na receptę i wyszukiwarkę w trzech językach.

Zobacz stronę na żywo (otwiera się w nowej karcie)
Strona główna Biofarm na komputerze: menu z pozycjami O nas, CSR, Aktualności, Produkty, Lekarz & Farmaceuta, Kariera i Kontakt, slider z hasłem „38 lat — człowiek jest w centrum naszych starań” i cztery liczby w heksagonach
Strona główna Biofarm na telefonie: logo, przycisk menu, zdjęcie w sliderze z hasłem „38 lat — człowiek jest w centrum naszych starań” i pierwsze liczby w heksagonach

/ Stan przed

Co zastaliśmy

Biofarm działa w Poznaniu od 1988 roku i jest firmą rodzinną. Produkuje leki neurologiczne, kardiologiczne i internistyczne — bez recepty i na receptę — oraz suplementy diety, ma własne Centrum Badań i Rozwoju i eksportuje produkty od 2002 roku.

Do końca 2019 roku firma korzystała ze strony, której strona główna składała się z czterech kafli: Pacjent, Partner biznesowy, Lekarz i farmaceuta oraz Aktualności. Od 2020 roku serwis miał już obecny podział na produkty, aktualności i strefę „Lekarz & Farmaceuta”, ale wyświetlała go osobna aplikacja Nuxt.js. Na przełomie 2021 i 2022 roku strona przeszła na szablony renderowane przez samo TYPO3, z zachowaniem dotychczasowych adresów.

Najważniejsze problemy

  1. 1Wygląd strony wyświetlany przez osobną aplikację Nuxt.js, obok TYPO3 z treścią i plikami
  2. 2Polskie strony oznaczone w kodzie jako angielskie (lang="en")
  3. 3Tytuł strony głównej kończący się powtórzonym „| Biofarm - Biofarm”

/ Proces i warsztat

Co zrobiliśmy

Spis treści
  1. 01Ponad 110 leków i suplementów w trzech grupach, z filtrem obszarów terapii
  2. 02Karta leku z dokumentami do pobrania i potwierdzeniem przy lekach na receptę
  3. 03Wyszukiwarka, która podpowiada artykuły już w trakcie pisania
  4. 04Własne elementy treści: liczby w heksagonach, slider i oś historii od 1982 roku
  5. 05Wersja polska, angielska i ukraińska z tym samym układem
01

Ponad 110 leków i suplementów w trzech grupach, z filtrem obszarów terapii

Produkty są podzielone na leki bez recepty, leki na receptę i suplementy diety — każda grupa ma własną listę, a zakładki nad siatką przełączają między nimi. Listę można posortować od najnowszych albo alfabetycznie, zawęzić do obszaru terapii — od przeziębienia i alergii po neurologię, kardiologię i bezsenność — i przeszukać po nazwie produktu.

Katalog to osobne rozszerzenie TYPO3, a produkty są jego rekordami — ten sam produkt pojawia się na liście swojej grupy, w wynikach filtra i w sekcji „Zobacz również” przy innych produktach.

Lista każdej grupy ma sortowanie, filtr obszarów terapii i wyszukiwanie po nazwie.
02

Karta leku z dokumentami do pobrania i potwierdzeniem przy lekach na receptę

Każda karta ma ten sam układ: wskazania, przeciwwskazania, wielkość opakowania, skład i podmiot odpowiedzialny, a pod nimi pliki PDF — charakterystykę produktu leczniczego, ulotkę i skróconą informację o leku. Przy części leków jest też odnośnik do osobnej strony produktu.

Karta leku na receptę otwiera się pod oknem z pytaniem, czy odwiedzający jest lekarzem, farmaceutą lub osobą prowadzącą obrót produktami leczniczymi. Do czasu odpowiedzi treść karty jest rozmyta, a odpowiedź „Nie” prowadzi do listy leków bez recepty.

Karta leku: opis w stałym układzie i dokumenty do pobrania.
Przy lekach na receptę strona najpierw pyta, kto ją ogląda.
03

Wyszukiwarka, która podpowiada artykuły już w trakcie pisania

Ikona lupy w nagłówku rozwija pole wyszukiwania na całą szerokość strony. Wyszukiwarka korzysta z Apache Solr i pokazuje podpowiedzi w trakcie pisania — po wpisaniu „witamina” proponuje artykuły o witaminie C, witaminie D z magnezem i kalcyfediolu, a przycisk „Zobacz wszystkie” prowadzi do pełnej listy wyników. Na telefonie wyszukiwarka jest pierwszą pozycją menu.

04

Własne elementy treści: liczby w heksagonach, slider i oś historii od 1982 roku

Strona składa się z elementów przygotowanych dla Biofarm: slidera na stronie głównej, liczb w heksagonach, bloków zdjęcia z opisem, banera z wezwaniem do działania i osi czasu. Na podstronie „Historia” oś prowadzi od 1982 roku — od rozpoczęcia produkcji, przez założenie spółki w 1988 roku i pierwszy lek — po kolejne rejestracje, a każdy rok ma ikonę i krótki opis.

05

Wersja polska, angielska i ukraińska z tym samym układem

Przełącznik języka jest w nagłówku, w stopce i w menu na telefonie. Każda wersja ma własną mapę witryny i katalog produktów, a strony są ze sobą powiązane znacznikami hreflang.

Polski
English
Українська

/ Efekt

Gotowa strona na komputerze i telefonie

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

Cała strona główna Biofarm: slider, cztery liczby w heksagonach, blok „O nas” ze zdjęciem siedziby, karuzela logotypów marek leków, blok CSR, aktualności i stopka z adresem, menu i odnośnikami prawnymi

/ Dla działu IT

Technologie i integracje

CMS
TYPO3
Rozszerzenia i wtyczki
Katalog produktów (biofarm_products) — listy, filtr obszarów terapii, wyszukiwanie po nazwie, karty z dokumentami, Własne elementy treści (slider, liczby, oś historii, baner z wezwaniem do działania), Apache Solr (wyszukiwarka z podpowiedziami), News (aktualności „O firmie” i „O zdrowiu”)
Integracje
Google Tag Manager, consentmanager (zgody na pliki cookies)
Wersje językowe
PL, EN, UA
Liczba podstron
532
Usługi T3media
Strony internetowe
Rafał Borkowski

Rafał Borkowski

Key Account Manager

/ Twój projekt

Chcesz efekt jak dla Biofarm? 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