Case study · Marketing
Marketing

Systematomy: strona, sklep i aplikacja 3D do nauki anatomii mózgu

Strona i sklep firmy, która drukuje kolorowe modele anatomiczne dla uczelni i studentów, oraz aplikacja przeglądarkowa, w której model mózgu złożony z 265 struktur można obracać i przecinać w dowolnej płaszczyźnie.

Klient
Systematomy Sp. z o.o.
Sektor
Edukacja medyczna, modele anatomiczne, e-commerce
Okres
Aplikacja: sześć dni, od 8 do 13 października 2026
Rok
2026
Systematomy: strona, sklep i aplikacja 3D do nauki anatomii mózgu
01
Wprowadzenie

Modele anatomiczne z kolorem każdej struktury

Systematomy to firma z Białegostoku założona przez naukowców, radiologa i neurobiologa. Drukuje w 3D modele mózgu i kości, w których każda struktura ma własny kolor, a nazwy na dołączonych tablicach są zgodne z Terminologia Anatomica.

Model mózgu powstał na podstawie własnych skanów. Jego dokumentacja obejmuje 265 struktur, a według strony firmy badania i projektowanie zajęły ponad 850 godzin.

Odbiorcami są uczelnie i wykładowcy, którzy kupują zestawy do zajęć, oraz studenci przygotowujący się do egzaminu z anatomii. Projekt składał się z dwóch części: strony marki ze sklepem oraz aplikacji, w której ten sam model mózgu można oglądać w 3D w przeglądarce.

Strona brain.systematomy.com na MacBooku: baner z przekrojami modelu mózgu i cztery karty pod nim
02
Zakres prac

Od strony z koszykiem po przekrój na zamówienie

01

Strona marki

Struktura serwisu, podstrony oferty dla trzech grup odbiorców, centrum pomocy, blog i formularze kontaktu.

02

Strona zapisów na test

Osobna strona z formularzem zapisu na 14-dniowy test cyfrowego modelu mózgu.

03

Sklep

Karty produktów, koszyk, konto klienta, ceny w złotych albo w euro według kraju i płatność z telefonu.

04

Projekt aplikacji

Przegląd konkurencji, klikalna makieta, specyfikacja ze źródłem przy każdej decyzji, układ na komputer, tablet i telefon.

05

Development aplikacji

Model 3D w przeglądarce, przekroje, wyszukiwarka, opisy 265 struktur po polsku i po angielsku, zapisane widoki i zamówienie wydruku.

06

Ochrona modelu

Działanie wyłącznie na komputerze, na którym aplikację uruchomiono, zamówienie bez pliku modelu i plan obrazu liczonego na serwerze.

03
Architektura informacji

Jedna marka, trzy grupy odbiorców

Strona działa w oparciu o WordPress. Oferta dzieli się na trzy podstrony, ponieważ każda grupa kupuje z innego powodu. Uczelnie i wykładowcy otrzymują argumenty o mniejszym zużyciu formaliny w pracowni i o trwałości modeli, studenci modele do nauki anatomii, a lekarze i badacze modele do pracy naukowej i klinicznej.

Strona zapisów na test modelu ma własne menu i jeden cel. Formularz zapisu znajduje się na samej górze, obok przekrojów modelu, a pod nim kolejno wyzwanie, rozwiązanie, opis testu i zespół.

Modele mózgu i modele kości, każdy dział z osobną podstroną

Trzy podstrony: uczelnie i wykładowcy, studenci, lekarze i badacze

Sklep z kartami produktów, koszykiem i kontem klienta

Założyciele, liczby z badań nad modelem, zespół ekspertów

  • Our company
  • Our team
  • References
  • Research & Development
  • Agents & Distributors
  • Careers

Artykuły o nauce anatomii i rodzajach modeli dydaktycznych

Najczęstsze pytania w rozwijanej liście

Osobna strona zapisów na 14-dniowy bezpłatny test cyfrowego modelu mózgu

Sekcja oferty ze strony systematomy.com na iPadzie: nagłówek i karta dla uczelni i wykładowców
04
Sklep

Ceny w walucie klienta

Systematomy sprzedaje dwóm grupom jednocześnie. Uczelnia zamawia na podstawie oferty i płaci przelewem po otrzymaniu faktury, natomiast student kupuje samodzielnie w sklepie.

Sklep obejmuje gotowe zestawy: półkule mózgu, mózg z pięciu przekrojów poziomych, kości czaszki, kręgosłup, kości kończyny górnej i stopy oraz pojedyncze kości skroniową i klinową. Karta produktu składa się z galerii zdjęć wydruku, opisu zawartości zestawu i przycisku dodania do koszyka.

Waluta według kraju. Gość z Polski widzi ceny w złotych, a przełączenie na euro wymaga jednego kliknięcia.

Płatność z telefonu. Pod przyciskiem koszyka znajdują się Apple Pay i Google Pay.

Jedna cena dla wszystkich. Oferta dla uczelni podaje te same kwoty co sklep, więc cenę z oferty można sprawdzić na stronie.

Karta produktu w sklepie Systematomy: galeria zdjęć wydruku, cena w złotych, przycisk koszyka, Apple Pay i Google Pay
05
Wyzwanie

Model, którego nie wolno udostępnić

Cyfrowy model mózgu jest głównym majątkiem firmy i nie może zostać pobrany ani skopiowany. Firma chce jednak, aby uczelnie sprawdziły jego dokładność przed złożeniem zamówienia. Aplikacja musiała pogodzić oba wymagania.

01

Każda z 265 struktur ma być widoczna, nazwana i opisana.

02

Przekrój ma działać w dowolnej płaszczyźnie wybranej przez użytkownika.

03

Przekrój widoczny na ekranie ma dać się zamówić jako wydruk.

04

Plik modelu nie może trafić do klienta w żadnej postaci.

Aplikacja po polsku na iPhonie w dłoni: przekrój strzałkowy mózgu z wybranym mostem i jego nazwą przy strukturze
06
Funkcjonalności aplikacji

Mózg do obracania i przecinania

Aplikacja otwiera model w przeglądarce na komputerze, tablecie i telefonie. Przeciągnięcie obraca model, który po puszczeniu jeszcze chwilę się kręci i stopniowo zwalnia. Najechanie kursorem podświetla strukturę i pokazuje jej nazwę, a kliknięcie otwiera kartę z opisem.

01

Przekrój w czterech płaszczyznach

Poprzeczna, strzałkowa, czołowa i własna, wyznaczana linią narysowaną na modelu. Suwak przesuwa cięcie co milimetr, przycisk „Odwróć” pokazuje drugą stronę, a wnętrze przekroju ma kolory struktur, tak jak wydrukowane plastry.

02

Wyszukiwarka

Struktury można wyszukiwać po polsku, po angielsku i po łacinie, a także według funkcji. Dla słowa „pamięć” pierwszym wynikiem jest hipokamp, choć to słowo nie występuje w jego nazwie.

03

Drzewo anatomiczne

Struktury są pogrupowane od kresomózgowia po komory. Kliknięcie w drzewie zaznacza strukturę na modelu.

04

Karta struktury

Nazwa łacińska z polską albo angielską w nawiasie, miejsce w hierarchii, opis i lista źródeł, a jeżeli źródła je podają, także unaczynienie i najważniejsze połączenia.

05

Ukryj, przygaś, izoluj

Każdą strukturę można schować, przyciemnić albo pozostawić samą, aby odsłonić to, co leży pod nią.

06

Wszystkie nazwy

Jeden przycisk rozkłada podpisy widocznych struktur w dwie kolumny po bokach modelu, zaczynając od większych.

07

Kolory atlasu albo tkanki

Przełącznik zamienia kolory atlasu na barwy prawdziwego mózgu. Odcienie istoty szarej, istoty białej i komór zostały zmierzone na zdjęciach preparatów udostępnionych na wolnych licencjach.

08

Zapisane widoki

Ustawienie modelu można zapisać pod własną nazwą i wczytać później z menu, razem z kątem kamery, przekrojem, kolorami i ukrytymi strukturami.

Aplikacja po polsku na iPadzie poziomo: wyszukiwanie słowa „pamięć” z hipokampem na pierwszym miejscu, drzewo anatomiczne i model mózgu
Aplikacja na iPhonie: obrót modelu mózgu, przekrój poprzeczny oglądany z góry, suwak przesuwa cięcie, a dotknięcie wybiera strukturę i pokazuje jej nazwę
Kolory atlasu, przekrój poprzeczny 15 mm oglądany z góry
Barwy tkanek, ten sam kadr
07
Ochrona modelu

Klient otrzymuje obraz, a nie plik

Geometrii, którą rysuje przeglądarka, nie da się w pełni ochronić. Dlatego pierwsza wersja aplikacji działa wyłącznie na komputerze, na którym ją uruchomiono, i nie przyjmuje połączeń z sieci. Docelowo obraz będzie liczony na serwerze Systematomy i przesyłany do przeglądarki jak wideo, bez przekazywania żadnej siatki modelu.

Na tej samej zasadzie działa zamówienie wydruku. Formularz obejmuje grubość plastra (5, 10 albo 15 mm), skalę (100, 125 albo 150%) i liczbę sztuk, a materiałem jest pełnokolorowy PA 12 drukowany w technologii MJF. Przeglądarka wysyła wyłącznie ustawienia przekroju, a plik do druku składa serwer firmy z modelu wzorcowego. Przed wydrukiem automat łata nieszczelne siatki, aby plaster wyszedł pełny.

Aplikacja na iPhonie z włączonymi wszystkimi nazwami: przekrój czołowy z podpisami struktur w dwóch kolumnach
08
W liczbach

Pierwsza wersja w liczbach

01

265 struktur

Opisy wszystkich struktur po polsku i po angielsku. Przed publikacją każdy z nich przeczyta anatom.

02

7,8 mln trójkątów

Tyle liczy model złożony z 232 siatek.

03

20 procent

Taką część trójkątów rysuje lżejsza kopia modelu podczas obrotu. Pełna wersja wraca chwilę po zatrzymaniu.

04

Od 55 do 60 klatek na sekundę

Wynik pomiaru na zintegrowanej karcie graficznej laptopa.

05

9 szerokości ekranu

Kontrola układu od 320 do 1920 pikseli sprawdza, czy żaden napis nie wychodzi poza ramkę.

06

6 dni

Czas budowy pierwszej wersji, od 8 do 13 października 2026.

09
Proces

Najpierw makieta, potem kod

01

Przegląd aplikacji

W żadnej ze sprawdzonych aplikacji do nauki neuroanatomii nie można przeciąć mózgu w dowolnej płaszczyźnie i od razu zobaczyć nazw struktur na przekroju. Ta luka wyznaczyła główną oś aplikacji.

02

Klikalna makieta

Makieta działała na prawdziwym modelu i przeszła sprawdzenie na komputerze, tablecie i telefonie.

03

Specyfikacja

Przy każdej decyzji podano źródło, najczęściej wzorzec z czołowych atlasów anatomicznych albo wytyczne Apple.

04

Budowa

Pierwsza wersja programu powstała między 8 a 13 października 2026.

05

Testy

Automatyczny test przeklikuje aplikację na komputerze, tablecie i telefonie, a osobna kontrola obejmuje układ na dziewięciu szerokościach ekranu.

10
Rezultaty

Strona i sklep działają, opisy sprawdzi anatom

Strona i sklep działają pod adresem systematomy.com. Uczelnia znajduje tam ofertę dla siebie i zapisuje się na test modelu, a student kupuje zestaw i płaci telefonem.

Aplikacja ma komplet funkcji pierwszej wersji, działa po polsku i po angielsku i przechodzi testy na trzech rodzajach urządzeń. Zanim trafi do studentów, opisy struktur przeczyta anatom, a obraz zacznie liczyć serwer firmy.

Pracujesz nad podobnym wyzwaniem?

Porozmawiajmy o Twoim projekcie.

Może masz podobne zlecenie? Wybierz drogę, która Ci pasuje — krótka rozmowa lub formularz.

Napisz wiadomość→
Obszary współpracy
  • Fotografia
    Eventy, portrety pracownicze, sesje produktowe
  • Wideo
    Klipy promocyjne, webinary, podcasty
  • Marketing
    Strony www, content, materiały sprzedażowe
  • AI
    Orkiestracje, asystenci, automatyzacje
Kontakt

Napisz do mnie

Krótka wiadomość wystarczy, żeby zacząć rozmowę. Nie musisz wiedzieć dokładnie, czego chcesz. Odpiszę w ciągu 24 godzin. Wszystko dogramy później.

Spotkanie
Online, Google Meet
Odpowiedź
w ciągu 24 godzin
Formularz kontaktowy