Design, który programiści potrafią zbudować

CarPixly

Studio zdjęć samochodowych z AI – od parkingu po salon

Co trzeba było naprawić

Dealerzy i prywatni sprzedawcy fotografują auta tam, gdzie akurat stoją: na parkingu, na ulicy, w warsztacie. Zdjęcie sprzedaje auto, zanim zrobi to opis. Sesja w studiu kosztuje dzień i rezerwację; zdjęcie telefonem nie kosztuje nic – i tak wygląda. CarPixly miało zniwelować tę różnicę dla ludzi, którzy nie są fotografami, więc produkt musiał pomagać przed zrobieniem zdjęcia tak samo jak po nim i działać tak samo na laptopie w biurze, jak na telefonie na placu.

Jak to zrobiliśmy

Potraktowaliśmy to jako jeden produkt z dwoma wejściami. Studio webowe przyjmuje zdjęcia z komputera, aplikacja mobilna dodaje aparat z podpowiedziami kadrowania AI na żywo. Obie logują się na to samo konto i zapisują do tego samego garażu, więc auto sfotografowane na placu już czeka na komputerze. Rendery działają na kredyty: każdy może się zarejestrować i za darmo poznać studio, a płatność pojawia się w momencie wartości – przy renderze.

Co się zmieniło

• Studio webowe: wybór sceny z podglądem w siedmiu ujęciach, przeciąganie plików, kolejka przetwarzania, render
• Robienie zdjęć na telefonie z podpowiedziami kadrowania AI na żywo i awaryjnie z galerii
• Garaż „Moje auta” pogrupowany według pojazdu i synchronizowany między webem a aplikacją na jednym koncie
• Saldo kredytów z płatnością przez zewnętrzny checkout oraz panel administracyjny teł i cen
• Strona marketingowa, FAQ i strona pobierania po angielsku, niemiecku i rosyjsku

AutoIntel

Cały niemiecki rynek aut używanych na jednym ekranie zamiast pięciu kart z portalami

Co trzeba było naprawić

Kupowanie aut na odsprzedaż w Niemczech oznacza śledzenie kilku portali jednocześnie. Każdy pokazuje ten sam samochód inaczej: moc w kW na jednym, w KM na drugim, stan auta w dowolnym opisie, sprzedawca schowany pod zdjęciami. Kupujący kończy z kilkunastoma otwartymi kartami, nie może porównać dwóch ofert obok siebie, a okazja znika, zanim ją zauważy. Klient nie potrzebował kolejnego portalu. Potrzebował jednego miejsca, w którym każde ogłoszenie czyta się tak samo, a decyzja zapada w kilka sekund.

Jak to zrobiliśmy

Zaprojektowaliśmy AutoIntel jako narzędzie pracy, a nie witrynę. Na górze przegląd rynku w czterech liczbach, pod nim jedna znormalizowana lista, a każda karta ogłoszenia odpowiada na te same pytania w tej samej kolejności: co to za auto, ile kosztuje, w jakim jest stanie i skąd pochodzi. Filtry, sortowanie i ulubione są zawsze o jedno kliknięcie, nigdy schowane na osobnej stronie wyszukiwania.

Co się zmieniło

• Przegląd rynku: liczba ogłoszeń, średnia cena, udział benzyny i diesla oraz zapisane auta
• Znormalizowana karta ogłoszenia: rejestracja, przebieg, skrzynia biegów, paliwo, kW i KM, lokalizacja, źródło
• Oznaczenia stanu, które odróżniają wypadek, uszkodzenie i brak informacji
• Szybkie filtry, panel filtrów według marki, ceny, przebiegu i paliwa oraz sortowanie pod handel
• Ulubione i ostatnio oglądane, z układem dopasowanym do telefonu i tabletu

Sirius Semiconductors

Hub mikroelektroniki przygotowany na zagranicznych kupców

Co trzeba było naprawić

Dostawcę komponentów ocenia się po kompetencjach i zaufaniu, zwykle podczas jednej sesji porównywania kilku dostawców. Strona musiała już na pierwszym ekranie, w drugim języku, powiedzieć, czym zajmuje się Sirius i dlaczego wygrywa – bez ogólników, w które domyślnie popadają strony firm produkcyjnych.

Jak to zrobiliśmy

Nagłówek nazywa kategorię w kilku słowach – hub technologiczny mikroelektroniki – a zdanie pod nim wprost podaje dwa argumenty konkurencyjne: czas wprowadzenia na rynek i stosunek ceny do jakości. Dalej jest jedna akcja, kontakt z działem sprzedaży, bo tylko tego chce kwalifikowany odwiedzający.

Co się zmieniło

• Kategoria i argumenty konkurencyjne podane już na pierwszym ekranie
• Jedna akcja – kontakt z działem sprzedaży – bez konkurujących konwersji
• Przełącznik języka w nagłówku i osobne indeksowane adresy dla każdego języka
• Strona w Next.js i Tailwind CSS na własnym serwerze Node.js