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)Biofarm
Farmacja · Poznań, Polska
- Rok wdrożenia
- 2022
- Rola T3media
- Przebudowa


/ 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
- 1Wygląd strony wyświetlany przez osobną aplikację Nuxt.js, obok TYPO3 z treścią i plikami
- 2Polskie strony oznaczone w kodzie jako angielskie (lang="en")
- 3Tytuł strony głównej kończący się powtórzonym „| Biofarm - Biofarm”
/ Proces i warsztat
Co zrobiliśmy
Spis treści
- 01Ponad 110 leków i suplementów w trzech grupach, z filtrem obszarów terapii
- 02Karta leku z dokumentami do pobrania i potwierdzeniem przy lekach na receptę
- 03Wyszukiwarka, która podpowiada artykuły już w trakcie pisania
- 04Własne elementy treści: liczby w heksagonach, slider i oś historii od 1982 roku
- 05Wersja polska, angielska i ukraińska z tym samym układem
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.
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.
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.
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.
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.
/ Efekt
Gotowa strona na komputerze i telefonie
Przewiń zrzut w ramce, żeby zobaczyć całą stronę główną, albo otwórz go w powiększeniu.Przesuń w bok, żeby zobaczyć kolejne ekrany. Dotknij, aby powiększyć.

/ 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
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.



