Wprowadzenie
INSTYTUT BIOTECHNOLOGII SUROWIC I SZCZEPIONEK BIOMED S.A. to renomowana firma działająca w branży biotechnologicznej, specjalizująca się w produkcji surowic, szczepionek oraz suplementów diety o specjalnym przeznaczeniu medycznym. Firma od lat buduje swoją pozycję na rynku, jednak jej dotychczasowa strona internetowa wymagała odświeżenia zarówno pod względem wizualnym, jak i funkcjonalnym.
Celem projektu było stworzenie nowoczesnej, intuicyjnej i w pełni edytowalnej strony internetowej, spełniającej wymagania dostępności cyfrowej (WCAG), tak aby mogła być przyjazna również dla osób z ograniczeniami wzrokowymi.
Wyzwania i Cele Projektu
1. Odświeżenie designu i poprawa użyteczności
Starsza wersja strony internetowej wymagała modernizacji, zarówno pod względem estetyki, jak i funkcjonalności. Naszym celem było stworzenie nowoczesnego, czytelnego interfejsu, który w przejrzysty sposób prezentuje ofertę firmy oraz kluczowe informacje o jej działalności.
2. Zgodność z wytycznymi WCAG – dostępność dla wszystkich użytkowników
Jednym z kluczowych aspektów projektu było wdrożenie standardów WCAG (Web Content Accessibility Guidelines), które zapewniają dostępność strony dla osób z niepełnosprawnościami. Strona została wyposażona w specjalną wtyczkę ułatwiającą korzystanie z niej osobom niedowidzącym oraz tym, które mają trudności w czytaniu tekstu.
Strona spełnia kryteria WCAG na różnych poziomach, m.in.:
- Kontrast kolorystyczny – zapewnia odpowiednią czytelność tekstu dla osób z wadami wzroku.
- Teksty alternatywne dla grafik – każda grafika posiada opis, który może być odczytany przez czytniki ekranowe.
- Elastyczna zmiana rozmiaru tekstu – użytkownicy mogą powiększać tekst bez utraty czytelności i układu strony.
3. Pełna kontrola nad treścią – edytowalność modułowa
Strona została zaprojektowana w oparciu o elastyczne moduły, które umożliwiają administratorom pełną edycję treści, grafik, przycisków i ikon bez potrzeby ingerencji w kod. Dzięki temu Biomed S.A. ma pełną swobodę zarządzania stroną i może na bieżąco aktualizować jej zawartość.
Najważniejsze Elementy Nowej Strony
1. Strona Główna – wizytówka firmy
Strona główna została zaprojektowana tak, aby w klarowny sposób prezentować najważniejsze informacje o firmie. Zawiera:
- Sekcję opisującą działalność Biomed S.A.
- Kluczowe osiągnięcia i wartości firmy.
- Intuicyjną nawigację ułatwiającą dostęp do innych sekcji strony.
2. Historia firmy – kluczowe momenty rozwoju
Najważniejsze wydarzenia z życia firmy są przedstawione w atrakcyjnej formie, co pozwala użytkownikom lepiej poznać jej rozwój na przestrzeni lat.
3. Sekcja certyfikatów – gwarancja jakości
W branży biotechnologicznej certyfikaty są kluczowym elementem potwierdzającym wysoką jakość produktów i zgodność z międzynarodowymi normami. Na stronie umieściliśmy specjalną sekcję, w której użytkownicy mogą zapoznać się z aktualnymi certyfikatami, np.:
- Certyfikat ISO 22000:2018 – potwierdzający spełnienie wymogów normy w zakresie produkcji, pakowania, magazynowania i dystrybucji suplementów diety oraz żywności specjalnego przeznaczenia medycznego.
Każdy certyfikat posiada dokładny opis i informację o jego ważności, co buduje zaufanie do marki.
4. Moduł produktowy – intuicyjny katalog produktów
Jednym z najważniejszych elementów nowej strony jest moduł produktowy, który pozwala na łatwe przeglądanie oferty Biomed S.A.
Główne funkcjonalności:
1. Podział na kategorie – użytkownicy mogą szybko odnaleźć interesujące ich produkty.
2. Strona produktu – każda pozycja zawiera:
- Opis działania i właściwości.
- Dostępne opakowania.
- Skład, dawkowanie i sposób przechowywania.
- Dodatkowe uwagi.
3. Łatwy dostęp do ulotek – użytkownicy mogą pobrać ulotki w formacie PDF bezpośrednio ze strony.
Dzięki tym rozwiązaniom klienci oraz specjaliści z branży medycznej mogą w szybki i wygodny sposób znaleźć wszystkie potrzebne informacje.
4. Podstrona "Media" – marki Biomedu w jednym miejscu
Ważnym elementem nowej strony jest podstrona "Media", która prezentuje logotypy wszystkich marek należących do Biomed S.A.
Funkcjonalności podstrony "Media":
1. Logotypy wszystkich marek – czytelnie wyeksponowane na stronie.
2. Klikalne logotypy – po wybraniu danej marki użytkownik zostaje przekierowany na stronę z pełną listą jej produktów.
3. Strona marki zawiera:
- Pełną ofertę produktów danej marki.
- Informacje o dostępnych wariantach – np. smaki, ilość tabletek, różne pojemności opakowań.
4. Łatwe pobieranie logotypów – każda marka posiada opcję pobrania swojego logotypu w wysokiej jakości, co jest szczególnie przydatne dla aptek i partnerów biznesowych, którzy chcą wykorzystać je w swoich materiałach informacyjnych.
Podstrona "Media" została stworzona z myślą o przejrzystości i łatwości dostępu do materiałów graficznych oraz ofert poszczególnych marek.
Efekt Końcowy i Korzyści dla Klienta
Po wdrożeniu nowej strony Biomed S.A. zyskał:
- Nowoczesną i estetyczną stronę internetową, która odzwierciedla profesjonalizm firmy.
- Zgodność z WCAG, co sprawia, że strona jest dostępna dla szerszego grona użytkowników.
- Pełną kontrolę nad treścią, dzięki czemu firma może samodzielnie aktualizować informacje.
- Intuicyjny katalog produktów, ułatwiający klientom dostęp do kluczowych informacji o produktach.
- Sekcję certyfikatów, która buduje wiarygodność marki.
- Nową podstronę "Media", zapewniającą szybki dostęp do logotypów i ofert marek Biomedu.
Nowa strona Biomed S.A. poprawiła wizerunek firmy w sieci, ale także zwiększyła komfort użytkowników, którzy mogą łatwiej przeglądać ofertę i znaleźć niezbędne informacje.
Dzięki zastosowanym rozwiązaniom projekt spełnił oczekiwania klienta, a my możemy zaprezentować efekt naszej pracy jako przykład nowoczesnego, dostępnego i funkcjonalnego serwisu internetowego.
Autor: JCD
Stale łączymy metody kreatywne z systematycznym, badawczym podejściem, przekonani, że jedynie przez dogłębną analizę i zrozumienie specyfiki wyzwań, jesteśmy w stanie w pełni współpracować z naszymi klientami w celu kreowania innowacyjnych rozwiązań. Te rozwiązania nie tylko ulepszają doświadczenie użytkowników, ale również zapewniają naszym klientom strategiczną przewagę na rynku. Nasze procesy projektowe są zatem oparte na aktywnym słuchaniu, szczegółowej analizie i ciągłym dialogu z klientami. W ten sposób nieustannie pracujemy na rzecz tworzenia nie tylko technologii, ale także wartości, które wyznaczają nowe standardy w cyfrowym krajobrazie biznesu.
Newsletter
Zero spamu - tylko wartościowe treści!:
