Archiwum wybranych realizacji
Pięć projektów ma pełny opis. To reszta zapisu: strony, portale, panele i aplikacje dostarczone w medycynie, finansach, lokalnym biznesie i hotelarstwie. Część ma dekadę, część była wewnętrzna, części po prostu już nie ma w sieci — i razem są powodem, dla którego nieznana branża przestaje onieśmielać.
Dlaczego nie ma tu linków
Część tych prac ma dziesięć lat, część była wewnętrzna, a część została od tamtej pory przeprojektowana przez innych ludzi. Wysyłanie Cię pod adres, który nie oddaje już tego, co zbudowałem, byłoby mylące — więc każdy wpis podaje kontekst produktu, mój udział i stack, i na tym się kończy.
01 / Archiwum wybranych realizacji
Produkty medyczne mają ograniczenie, którego większość oprogramowania nie zna: osoba, która ich używa, jest w trakcie wizyty, a pacjent czeka. Informacja musi pojawić się w sekundy, interfejs ma pozostać czytelny dla kogoś, kto ledwie na niego patrzy, a „zapytaj developera” nigdy nie jest odpowiedzią w godzinach przyjęć.
W portalach, informacjach o lekach, forach i systemach gabinetowych praca powtarzała ten sam motyw: obciąć interfejs do tego, czego wymaga dana chwila, bronić czytelności i utrzymać spójność, gdy modułów przybywa. dr100 z tego samego obszaru ma pełne case study.
UI/UX research · Frontend
01Badania i koncepcja frontendu produktu z sektora medycznego — etap, na którym ustala się, z czego lekarze faktycznie skorzystają, zanim ktokolwiek napisze kod produkcyjny.
Zakres i stack: UI/UX research, Frontend
Frontend · UI/UX · Custom animations
02Software house sprzedający do medycyny — strona musiała brzmieć jak zespół, któremu powierzy się dane pacjentów. Autorski frontend na WordPressie, animacje pisane ręcznie, a nie doklejone wtyczką.
Zakres i stack: Frontend, UI/UX, Custom animations · WordPress
Frontend · UI/UX
03Strona prezentująca produkt medyczny, zbudowana wokół pytania, które lekarz zadaje najpierw: co to realnie zmienia podczas wizyty?
Zakres i stack: Frontend, UI/UX
Frontend · UI/UX
04Portal medyczny zbudowany wokół praktycznych narzędzi, nie artykułów — tego, co lekarz otwiera w trakcie wizyty i zamyka minutę później.
Zakres i stack: Frontend, UI/UX
Frontend · UI/UX · Accessible interface
05Informacje o lekach dla starszych czytelników. Wielkość tekstu, kontrast i wielkość elementów dotykowych były samym briefem, a nie poprawką na koniec.
Zakres i stack: Frontend, UI/UX, Accessible interface
Frontend · UI/UX
06Strona przychodni na WordPressie z autorskim frontendem, żeby placówka mogła sama edytować treści, nie dziedzicząc przy tym przyzwyczajeń gotowego szablonu.
Zakres i stack: Frontend, UI/UX · WordPress
Frontend · UI/UX
07Landing page firmy programistycznej na rynku ochrony zdrowia — krótki i nośny, bo stanowił całe pierwsze wrażenie.
Zakres i stack: Frontend, UI/UX
Frontend · UI/UX · Community product
08Forum dyskusyjne dla lekarzy. Produkty społecznościowe umierają od tarcia, więc napisanie posta, odnalezienie starego wątku i czytanie na telefonie musiały być bezwysiłkowe.
Zakres i stack: Frontend, UI/UX, Community product
Frontend · UI/UX · Content portal
09Portal z wiadomościami medycznymi, w którym zadaniem frontendu jest głównie nie wchodzić czytaniu w drogę.
Zakres i stack: Frontend, UI/UX, Content portal
Frontend · UI/UX · Content portal
10Wiadomości i informacje medyczne uporządkowane tak, by czytelnik, który trafia na jeden artykuł, wychodził, znalazłszy kolejne trzy.
Zakres i stack: Frontend, UI/UX, Content portal
Frontend · UI/UX
11Specjalistyczny portal medyczny do poruszania się po gęstej informacji branżowej — produkt, w którym wyszukiwanie i filtry znaczą znacznie więcej niż strona główna.
Zakres i stack: Frontend, UI/UX
Frontend · UI/UX · Product workflows
12Aplikacja do zarządzania gabinetem obejmująca stronę operacyjną: kto przychodzi, co zostało zrobione, co idzie na rozliczenie.
Zakres i stack: Frontend, UI/UX, Product workflows
Frontend · UI/UX · Product interface
13Zarządzanie kliniką na frontendzie Vue.js — wizyty, dokumentacja i procesy medyczne wokół nich.
Zakres i stack: Frontend, UI/UX, Product interface · Vue.js
02 / Archiwum wybranych realizacji
Narzędzia wewnętrzne dostają najmniej uwagi projektowej i są używane najczęściej — i to właśnie tam mieszkają kosztowne pomyłki: nieaktualna liczba w widoku inwestycyjnym, kolejka moderacyjna, za którą nikt nie nadąża, raport złożony z danych wpisanych dwa razy.
Interfejsy produktów, w których poprawność i szybkość obsługi wygrywają z ambicją wizualną — współpraca w czasie rzeczywistym, panele, które moderatorzy faktycznie otwierają, i dane finansowe pokazane tak, by od razu było widać, że coś się nie zgadza.
Web application · Product development
01Aplikacja do zarządzania projektami na Meteor.js, gdzie współpraca w czasie rzeczywistym oznacza, że dwie osoby edytujące to samo nie mogą się nawzajem zaskoczyć.
Zakres i stack: Web application, Product development · Meteor.js, MongoDB, Blaze
Admin panel · Frontend · Product interface
02Zaplecze administracyjne anonimowego czatu. Narzędzia moderacji są niewdzięczne i nośne zarazem: jeśli działają wolno, moderatorzy po cichu przestają z nich korzystać.
Zakres i stack: Admin panel, Frontend, Product interface · Meteor.js, React, MongoDB
Frontend · Financial interface · API integration
03Aplikacja inwestycyjna czytająca dane finansowe przez REST API, gdzie nieaktualna lub źle odczytana liczba nie jest błędem kosmetycznym.
Zakres i stack: Frontend, Financial interface, API integration · React, REST API
Admin panel · Frontend · UI/UX
04Wewnętrzny panel dla wykładowców — zbudowany dla ludzi, którzy otwierają go dwa razy w semestrze i nie powinni za każdym razem uczyć się go od nowa.
Zakres i stack: Admin panel, Frontend, UI/UX
03 / Archiwum wybranych realizacji
Dla firmy usługowej strona zwykle jest całym procesem sprzedaży: ktoś szuka, wchodzi, w kilka sekund ocenia, czy ci ludzie wyglądają kompetentnie, i albo dzwoni, albo wychodzi. Większość z tych firm musi też sama edytować treści, nie rozwalając układu.
Autorskie frontendy na WordPressie i Joomli zamiast kupionego szablonu, żeby projekt przetrwał zderzenie z prawdziwą treścią — plus praca nad szybkością tam, gdzie odwiedzający przychodzą z telefonu na dwóch kreskach zasięgu.
Frontend · UI implementation · CMS integration
01Strona firmy oferującej produkty architektoniczne ograniczające hałas w budynkach. Frontend na Next.js pobierający treści z WordPressa przez REST API, dzięki czemu marketing został przy edytorze, który już znał.
Zakres i stack: Frontend, UI implementation, CMS integration · React, Next.js, Material UI, WordPress REST API
Frontend · UI/UX
02Strona polskiej firmy tworzącej indywidualne rozwiązania cyfrowe — klasyczny problem opisania pracy na zamówienie tak, by nie brzmieć jak wszyscy inni.
Zakres i stack: Frontend, UI/UX
Frontend · UI/UX
03Warszawski auto detailing — strona ma tu jedno realne zadanie: zamienić lokalne wyszukiwanie w zarezerwowany termin.
Zakres i stack: Frontend, UI/UX · WordPress
Frontend · UI/UX
04Lokalny warsztat samochodowy w Warszawie. To samo zadanie, tylko prościej: telefon, lokalizacja i tyle sygnału, żeby było widać, że ci ludzie wiedzą, co robią.
Zakres i stack: Frontend, UI/UX · WordPress
Frontend · UI/UX
05Strona korporacyjna agencji brandingowej działającej na rynku niemieckim. Własna strona agencji to najtrudniejszy brief, bo jest jednocześnie portfolio.
Zakres i stack: Frontend, UI/UX
Frontend · UI/UX
06Odpowiednik na rynek polski, dzielący ten sam język wizualny, ale mówiący do innego grona klientów.
Zakres i stack: Frontend, UI/UX
Frontend · UI/UX · Load speed optimization
07Niemiecka sieć piekarni na WordPressie — frontend plus praca nad szybkością ładowania, bo większość wejść przychodzi z telefonu gdzieś między dwoma sklepami.
Zakres i stack: Frontend, UI/UX, Load speed optimization · WordPress
Frontend · UI/UX
08Kolejna niemiecka sieć piekarni, tym razem na Joomli z autorskim frontendem na wierzchu.
Zakres i stack: Frontend, UI/UX · Joomla
Frontend · UI/UX
09Niemiecki zakład ciesielski — Joomla, autorski frontend i ta prosta klarowność, na którą branża budowlana reaguje lepiej niż na dekorację.
Zakres i stack: Frontend, UI/UX · Joomla
Frontend · UI/UX
10Piekarnia i kawiarnia przedstawiająca się klientom: godziny otwarcia, co faktycznie jest na ladzie i jak tam trafić.
Zakres i stack: Frontend, UI/UX
04 / Archiwum wybranych realizacji
To ten sam problem w różnych ubraniach: ktoś porównuje opcje i wybierze tę, którą najłatwiej zrozumieć. But, pokój hotelowy i pensjonat przyjazny psom — wszystkie przegrywają z bardziej zrozumiałą konkurencją.
Interfejsy dla klientów zbudowane pod znajdowanie i porównywanie — zdjęcia dostają przestrzeń, filtry odpowiadają na pytanie, z którym ludzie faktycznie przyszli, i nic nie stoi między chęcią a możliwością zapytania o dostępność.
Frontend · UI/UX · Product presentation
01Polska marka obuwia dziecięcego — frontend musi robić to, co dobra sprzedawczyni: pokazać produkt jak należy i trafić z rozmiarem.
Zakres i stack: Frontend, UI/UX, Product presentation
Frontend · UI/UX · Discovery interface
02Serwis dla właścicieli psów szukających hoteli, które przyjmą psa. Filtrowanie nie jest tu funkcją, tylko samym produktem.
Zakres i stack: Frontend, UI/UX, Discovery interface
Frontend · UI/UX · Hospitality website
03Niemiecki hotel prezentujący pokoje i oferty, z cichym celem każdej strony hotelowej: zdobyć rezerwację bezpośrednio, a nie przez platformę.
Zakres i stack: Frontend, UI/UX, Hospitality website
Następny projekt
Przenosi się nie branża, tylko schemat: wejść w nieznaną dziedzinę, ustalić, co interfejs naprawdę musi robić, i dowieźć frontend, który następna osoba utrzyma. Zdarzyło się to już na tyle często, że jest powtarzalne, a nie szczęśliwe.