PraceNr 01

Jak nadałam firmie AI wygląd atlasu anatomicznego.

Asclepyus tworzy AI dla szpitali i ośrodków badawczych, ale jego strona wyglądała jak każdy szablon start-upu. Prowadziłam redesign, w którym stockowe grafiki zastąpiły ryciny. Nowa strona ma jasny i ciemny motyw, działa po angielsku i po włosku, a online jest od sierpnia 2026.

Główna projektantka
Identyfikacja wizualna
Strona WWW

Strona główna Asclepyus po redesignie: rycina jońskiej kolumny z wężem Asklepiosa, obok nagłówek „Intelligence, in service of medicine”. — **Tabl. I**Strona główna Asclepyus po redesignie, motyw jasny, 2026.

Zadanie

Asclepyus z siedzibą w Lecce tworzy systemy agentowe i aplikacje oparte na modelach językowych dla medycyny i nauki, a obok nich rozwiązania z uczenia federacyjnego i robotyki. Pracuje ze szpitalami, uczelniami i instytutami badawczymi, czyli z odbiorcami, którzy muszą zaufać systemowi, zanim go wypróbują.

Pierwszą stronę złożono w 2024 roku z generycznego szablonu: długi pasek nawigacji, szklisty baner z nazwą firmy, nagłówek „Transforming Healthcare with Secure AI” i trzy identyczne karty ze stockowymi ikonami. Takiej samej strony mógłby użyć każdy start-up AI.

Przed i po

Ten sam pierwszy ekran strony głównej przed redesignem i po nim.

Poprzednia strona główna Asclepyus: biały pasek nawigacji z granatowym przyciskiem Get Started, szklisty baner z napisem ASCLEPYUS, nagłówek Transforming Healthcare with Secure AI i trzy białe karty z ikonami tarczy, mózgu i sieci. — **Ryc. 1** Poprzednia strona główna, 2024–2026.

Strona główna Asclepyus po redesignie: tło w kolorze pergaminu, duży szeryfowy nagłówek i rycina kolumny z wężem Asklepiosa, przecięta cienkimi niebiesko-zielonymi liniami obwodów. — **Ryc. 2** Ten sam ekran po redesignie, 2026.

Ryc. 1 to lokalna kompilacja ostatniej wersji sprzed redesignu. Dwa pasy między banerem a nagłówkiem wypełniały dane na żywo, dlatego nie ma ich w zrzucie.

Pomysł

Firma, która buduje AI dla medycyny, prosi szpitale i naukowców, żeby zaufali nowej technologii w swojej pracy. Medycyna ma już obrazy, którym ludzie ufają: ryciny z atlasów anatomicznych i laskę Asklepiosa. Z nich zbudowałam tożsamość, więc nowa technologia występuje w oprawie dawnych ksiąg medycznych. Projekt dostał nazwę Atlas.

Cztery decyzje

Rycina rysowana ręcznie zamiast ilustracji ze stocku

Większość firm AI sięga po rendery 3D i gradienty. Rycina powstaje dłużej, ale pożycza autorytet dawnych atlasów i nie wygląda jak typowy start-up AI.

Ryciny powstały ręcznie w Photoshopie, a potem były rozwijane i dopracowywane z pomocą generatywnej AI.

Zbliżenie ryciny jońskiego kapitelu z wężem owiniętym wokół trzonu: kreskowane woluty, żłobkowania i ręcznie rysowane łuski. — **Ryc. 3, fragment**Kapitel i wąż z matrycy kolumny, tusz na pergaminie jasnego motywu.

Jeden rysunek, dwa motywy

Każda rycina to sam tusz, bez malowanego papieru pod spodem. Jedna matryca leży na pergaminie w jasnym motywie i bez strat odwraca się na ciemny.

Tak rysuje się trudniej, ale nie trzeba pilnować drugiego kompletu grafik.

Strona główna po redesignie w ciemnym motywie: ta sama rycina jasnym tuszem na niemal czarnym tle. — **Ryc. 4**Ta sama rycina w ciemnym motywie.

Muzealne podpisy i uczciwe karty projektów

Obrazy mają podpisy jak w katalogu, a każdy projekt to karta, która podaje jego status i ograniczenia.

Firma, która pracuje z danymi medycznymi, zyskuje więcej zaufania, kiedy mówi wprost, czego system jeszcze nie robi, niż kiedy składa obietnice.

Lista projektów na stronie głównej: numerowane karty, na przykład PRIME-CARE i Mamma-AI, każda z krótkim opisem, tagami i małą ryciną. — **Ryc. 5**Projekty przedstawione jako numerowane karty.

Jeden chłodny kolor w ciepłej palecie

Tusz i pergamin są ciepłe i należą do historii. Jedyny chłodny kolor, akwamaryna, należy do AI: to linie obwodów wychodzące z kolumny i zmieniające się ostatnie słowo nagłówka.

Kiedy chłodny kolor ma tylko tę jedną rolę, idea jest czytelna od razu.

Nagłówek strony głównej „Intelligence, in service of medicine” z ostatnim słowem w kolorze akwamaryny. — **Ryc. 6, fragment**Zmieniające się ostatnie słowo nagłówka, jedyny chłodny kolor na stronie.

Paleta Atlasu w jasnym motywie, według tokenów samej strony

Pergamin#EBE1CD
Passe-partout#F2EAD7
Atrament#241C10
Jasny atrament#57492F
Złoto#9A7B2F
Prąd#22585B

Na telefonie

Na małych ekranach rycina nadal gra główną rolę, z tymi samymi podpisami i kartami.

Strona główna na telefonie w ciemnym motywie. — **Ryc. 8**Motyw ciemny, 390 px.

Co się zmieniło

Trzy identyczne karty zamieniły się w trzy ryciny, każda z własnym podpisem. Teraz obrazy pokazują, czym zajmuje się firma, zanim wyjaśni to tekst.

Trzy karty z poprzedniej strony: Privacy-First Design, Advanced AI Models i Federated Learning, każda z granatowym kafelkiem z ikoną. — **Ryc. 9**Przed: trzy karty ze stockowymi ikonami.

Ta sama treść po redesignie: trzy ryciny z numerowanymi podpisami. — **Ryc. 10**Po: dziedziny firmy jako ryciny.

Autorzy

Projekt: Gabriela Serafin, główna projektantka. Programowanie: zespół inżynierski Asclepyus. Ryciny powstały ręcznie w Photoshopie, a potem zostały dopracowane z pomocą generatywnej AI. Projekt przeszedł 44 rundy iteracji, zanim wystartował 22 sierpnia 2026.