[{"data":1,"prerenderedAt":353},["ShallowReactive",2],{"navigation-pl":3,"language-switcher-\u002Frealizacje":87,"realizacje-index-pl":93},{"services":4,"industries":48,"caseStudies":69},[5,10,14,19,23,27,31,35,39,43],{"slug":6,"navLabel":7,"navGroup":8,"heroHeadline":9},"aplikacje-webowe","Aplikacje webowe","build","Aplikacja webowa zbudowana pod Twój proces",{"slug":11,"navLabel":12,"navGroup":8,"heroHeadline":13},"systemy-erp","Systemy ERP","System ERP dopasowany do Twojej firmy, nie odwrotnie",{"slug":15,"navLabel":16,"navGroup":17,"heroHeadline":18},"integracje-i-api","Integracje i API","improve","Twoje systemy przestają być wyspami",{"slug":20,"navLabel":21,"navGroup":17,"heroHeadline":22},"wdrozenia-ai","Wdrożenia AI","AI wdrożone tam, gdzie realnie oszczędza czas",{"slug":24,"navLabel":25,"navGroup":17,"heroHeadline":26},"automatyzacja-procesow","Automatyzacja procesów","Praca, której nikt nie powinien wykonywać ręcznie",{"slug":28,"navLabel":29,"navGroup":8,"heroHeadline":30},"strony-internetowe","Strony internetowe","Strona, która ładuje się natychmiast i przynosi zapytania",{"slug":32,"navLabel":33,"navGroup":8,"heroHeadline":34},"aplikacje-mobilne","Aplikacje mobilne","Jedna baza kodu, obie platformy",{"slug":36,"navLabel":37,"navGroup":17,"heroHeadline":38},"audyt-i-przejecie-projektu","Audyt i przejęcie projektu","Projekt stanął. Przejmiemy go i powiemy prawdę o jego stanie",{"slug":40,"navLabel":41,"navGroup":17,"heroHeadline":42},"utrzymanie-i-rozwoj","Utrzymanie i rozwój","System po wdrożeniu potrzebuje kogoś, kto go pilnuje",{"slug":44,"navLabel":45,"navGroup":46,"heroHeadline":47},"warsztat-discovery","Warsztat discovery","start","Zanim zdecydujesz o budowie, dowiedz się, co dokładnie budujesz",[49,53,57,61,65],{"slug":50,"navLabel":51,"heroHeadline":52},"produkcja","Produkcja","Zlecenie trafia na halę jako wydruk z maila",{"slug":54,"navLabel":55,"heroHeadline":56},"motoryzacja","Motoryzacja","Klient żyje w trzech miejscach naraz",{"slug":58,"navLabel":59,"heroHeadline":60},"automatyka-przemyslowa","Automatyka przemysłowa","Sprzedajesz kompetencje, których nie widać na zdjęciu",{"slug":62,"navLabel":63,"heroHeadline":64},"e-commerce","E-commerce","Sklep działa. Rozjeżdża się to, co za nim",{"slug":66,"navLabel":67,"heroHeadline":68},"logistyka","Transport i logistyka","Zlecenie przyjeżdża mailem, status wraca telefonem",[70,77,82],{"slug":71,"client":72,"tag":73,"year":74,"summary":75,"image":76},"dss-by-caredo","Caredo","Produkt",2025,"Współtworzymy cały produkt DSS razem z zespołem Caredo — od CRM i planera po oprogramowanie kluczykomatów i totemów.","\u002Fimg\u002Fcase-studies\u002Fdss\u002Fkluczykomat\u002Fframe_0169.webp",{"slug":78,"client":72,"tag":79,"year":74,"summary":80,"image":81},"strona-dss-by-caredo","Strona produktowa","Stronę produktu DSS zrobiliśmy w całości — od projektu po wdrożenie — na bazie identyfikacji wizualnej Caredo.","\u002Fimg\u002Fscreenshots\u002Fdss-desktop.jpg",{"slug":83,"client":83,"tag":84,"year":74,"summary":85,"image":86},"2motion","Brand i strona","Cała marka od zera — logo, kolory, wizytówki — strona firmowa i wpisy blogowe, które pozycjonują 2motion w wyszukiwarce.","\u002Fimg\u002Fscreenshots\u002F2motion-desktop.jpg",[88],{"code":89,"label":90,"name":91,"to":92},"en","EN","Angielski","\u002Fen\u002Fcase-studies",[94,219,285],{"id":95,"title":96,"body":97,"challenge":167,"client":72,"description":168,"extension":169,"features":170,"meta":177,"navigation":178,"order":179,"path":180,"relatedServices":181,"results":182,"screenshotDesktop":76,"screenshotMobile":186,"seo":187,"sequence":188,"sitemap":191,"slug":71,"solution":200,"stack":201,"stem":206,"summary":75,"tag":73,"url":207,"usedBy":208,"year":74,"__hash__":218},"caseStudiesPl\u002Frealizacje\u002Fdss-by-caredo.md","DSS by Caredo — produkt, który współtworzymy z zespołem Caredo",{"type":98,"value":99,"toc":158},"minimark",[100,105,109,112,116,131,138,142,145,149],[101,102,104],"h2",{"id":103},"punkt-wyjścia","Punkt wyjścia",[106,107,108],"p",{},"DSS (Digital Service Station) to system dla salonów i serwisów samochodowych, który prowadzi klienta od wjazdu na parking do odbioru auta. Totem wita go i wskazuje miejsce, kluczykomat przyjmuje kluczyk bez udziału recepcji, częściomat wydaje mechanikowi części do konkretnego zlecenia.",[106,110,111],{},"Każde z tych urządzeń ma sens tylko wtedy, gdy wie, kim jest klient i jakie zlecenie właśnie się toczy. To jest praca oprogramowania — i to jest część, którą tworzymy razem z Caredo.",[101,113,115],{"id":114},"co-tworzymy-razem","Co tworzymy razem",[106,117,118,122,123,126,127,130],{},[119,120,121],"strong",{},"CRM",", w którym klient, jego historia i zlecenia są jednym rekordem. ",[119,124,125],{},"Planer",", w którym powstaje harmonogram wizyt i zleceń. ",[119,128,129],{},"System oddawania kluczyków",": klient zostawia albo odbiera kluczyk o dowolnej porze, a system sam przypisuje go do zlecenia i rejestruje każdą operację.",[106,132,133,134,137],{},"Do tego ",[119,135,136],{},"integracje urządzeń"," — kluczykomatów zewnętrznych i wewnętrznych, częściomatu, narzędziomatu i totemu parkingowego — tak, żeby każde z nich było częścią jednego procesu, a nie osobną maszyną z własną bazą danych.",[101,139,141],{"id":140},"widoki-urządzeń-dla-marek","Widoki urządzeń dla marek",[106,143,144],{},"Klient salonu Porsche nie powinien zobaczyć na kluczykomacie tego samego ekranu co klient serwisu Kia. Dla dealerów Mercedes-Benz, Porsche, Toyota i Kia tworzymy widoki urządzeń w identyfikacji danej marki — ekrany, przez które klient przechodzi sam, bez pracownika obok, więc muszą być zrozumiałe od pierwszego dotknięcia.",[101,146,148],{"id":147},"jak-współpracujemy","Jak współpracujemy",[106,150,151,152,157],{},"Nie jesteśmy dostawcą jednego modułu. Pracujemy razem z zespołem Caredo nad całym produktem: kiedy powstaje nowe urządzenie, jego oprogramowanie i integracja z resztą systemu powstają równolegle, a nie po fakcie. Stronę produktu, dssbycaredo.com, zrobiliśmy osobno — to ",[153,154,156],"a",{"href":155},"\u002Frealizacje\u002Fstrona-dss-by-caredo","oddzielna realizacja",".",{"title":159,"searchDepth":160,"depth":160,"links":161},"",3,[162,164,165,166],{"id":103,"depth":163,"text":104},2,{"id":114,"depth":163,"text":115},{"id":140,"depth":163,"text":141},{"id":147,"depth":163,"text":148},"Caredo projektuje urządzenia dla salonów i serwisów: kluczykomaty, częściomaty, totemy parkingowe. Sprzęt to połowa produktu. Druga połowa to oprogramowanie, które łączy każde urządzenie z klientem, zleceniem i zespołem serwisu — i które musi wyglądać jak salon danej marki, a nie jak panel techniczny.","Razem z zespołem Caredo tworzymy cały produkt DSS: CRM, planer, system wydawania kluczyków, integracje urządzeń w salonie i widoki urządzeń dla dealerów Mercedes-Benz, Porsche, Toyota i Kia.","md",[171,172,173,174,175,176],"CRM z historią klienta, zleceniami i uprawnieniami per oddział i rola","Planer wizyt i zleceń serwisowych","System przekazywania i odbioru kluczyków 24\u002F7, przypisujący kluczyk do zlecenia","Integracje kluczykomatów, częściomatu, narzędziomatu i totemu parkingowego","Widoki urządzeń dla klientów w identyfikacji Mercedes-Benz, Porsche, Toyota i Kia","Panel analityczny z danymi w czasie rzeczywistym",{},true,1,"\u002Frealizacje\u002Fdss-by-caredo",[6,15,24],[183],{"metric":184,"label":185},"100%","Dostępność systemu",null,{"title":96,"description":168},{"path":189,"frames":190,"poster":76},"\u002Fimg\u002Fcase-studies\u002Fdss\u002Fkluczykomat\u002Fframe_",169,{"loc":180,"alternatives":192},[193,195,197],{"hreflang":194,"href":180},"x-default",{"hreflang":196,"href":180},"pl-PL",{"hreflang":198,"href":199},"en-US","\u002Fen\u002Fcase-studies\u002Fdss-by-caredo","Pracujemy jak część zespołu Caredo: razem z nimi tworzymy CRM, planer, system przekazywania i odbioru kluczyków oraz integracje wszystkich urządzeń w jeden system. Dla dealerów Mercedes-Benz, Porsche, Toyota i Kia projektujemy widoki urządzeń zgodne z identyfikacją marki.",[202,203,204,205],"TypeScript","Nuxt","Node.js","PostgreSQL","realizacje\u002Fdss-by-caredo","https:\u002F\u002Fdssbycaredo.com",[209,210,211,212,213,214,215,216,217],"Mercedes-Benz","Porsche","Toyota","Kia","Audi","Cupra","Ford","Škoda","Volkswagen","BaJnOGn0A4syxJNNtx2O9Y4mnP9w2YVYCXK7fV0FWyQ",{"id":220,"title":221,"body":222,"challenge":253,"client":72,"description":254,"extension":169,"features":255,"meta":262,"navigation":178,"order":163,"path":155,"relatedServices":263,"results":264,"screenshotDesktop":81,"screenshotMobile":186,"seo":271,"sequence":186,"sitemap":272,"slug":78,"solution":278,"stack":279,"stem":282,"summary":80,"tag":79,"url":207,"usedBy":283,"year":74,"__hash__":284},"caseStudiesPl\u002Frealizacje\u002Fstrona-dss-by-caredo.md","dssbycaredo.com — strona produktu DSS, zbudowana na identyfikacji Caredo",{"type":98,"value":223,"toc":249},[224,226,229,233,236,239,242],[101,225,104],{"id":103},[106,227,228],{},"Caredo miało gotową identyfikację wizualną i produkt, który trudno pokazać jednym zdjęciem: DSS to kilka urządzeń i oprogramowanie, które sprawia, że działają jak jeden system. Strona miała to wytłumaczyć dealerowi w kilka przewinięć.",[101,230,232],{"id":231},"co-zrobiliśmy","Co zrobiliśmy",[106,234,235],{},"Całą stronę — projekt i wdrożenie — na bazie identyfikacji Caredo. Historia prowadzi od pytania, czym jest DSS, przez to, dlaczego salon go potrzebuje, do schematu, na którym widać, gdzie w salonie stoi każde urządzenie i z czym się łączy.",[106,237,238],{},"Urządzenia nie są zdjęciami: każde to sekwencja klatek rysowana na canvasie i przesuwana przewijaniem, więc kluczykomat otwiera się i obraca, gdy użytkownik zjeżdża w dół strony — 958 klatek na cztery urządzenia.",[106,240,241],{},"Wideo w sekcji IPS podajemy w trzech formatach i trzech rozdzielczościach, więc telefon na słabym łączu nie pobiera tego samego pliku co monitor 4K. Każde przejście po stronie kończy się w tym samym miejscu: formularzu „oddzwonimy”, w którym dealer zaznacza, o czym chce porozmawiać.",[106,243,244,245,248],{},"Sam produkt DSS — CRM, planer, integracje urządzeń — to ",[153,246,247],{"href":180},"osobna realizacja",", którą tworzymy razem z zespołem Caredo.",{"title":159,"searchDepth":160,"depth":160,"links":250},[251,252],{"id":103,"depth":163,"text":104},{"id":231,"depth":163,"text":232},"DSS to nie jedno urządzenie, tylko cały system: totem, kluczykomaty, częściomat i oprogramowanie, które je łączy. Strona musiała pokazać, jak te elementy pracują razem w salonie, zmieścić się w istniejącej identyfikacji wizualnej Caredo i prowadzić dealera prosto do rozmowy z handlowcem.","Zaprojektowaliśmy i zbudowaliśmy w całości stronę produktu DSS na bazie identyfikacji wizualnej Caredo: urządzenia pokazane jako sekwencje klatek przewijane scrollem, animowany schemat systemu i formularze „oddzwonimy”.",[256,257,258,259,260,261],"Projekt i wdrożenie w identyfikacji wizualnej Caredo","Urządzenia jako sekwencje klatek odtwarzane przy przewijaniu (canvas, GSAP)","Animowany schemat systemu DSS w salonie i serwisie","Wideo w formatach AV1, WebM i MP4, w rozdzielczościach 480p, 720p i 1080p","Formularze „oddzwonimy” z wyborem tematu rozmowy","Dane strukturalne i podgląd linku w mediach społecznościowych",{},[28],[265,268],{"metric":266,"label":267},"958","Klatek w sekwencjach czterech urządzeń przewijanych scrollem",{"metric":269,"label":270},"3 × 3","Formaty i rozdzielczości wideo — dobierane do urządzenia",{"title":221,"description":254},{"loc":155,"alternatives":273},[274,275,276],{"hreflang":194,"href":155},{"hreflang":196,"href":155},{"hreflang":198,"href":277},"\u002Fen\u002Fcase-studies\u002Fdss-by-caredo-website","Zaprojektowaliśmy i zbudowaliśmy stronę na bazie identyfikacji Caredo: historię od pytania „co to jest DSS” do kontaktu, animowany schemat systemu w salonie, sekcję IPS z wideo i cztery urządzenia, które obracają się i otwierają w rytm przewijania. Kontakt to formularz „oddzwonimy” z wyborem tematu rozmowy.",[203,280,281,202],"Vue","GSAP","realizacje\u002Fstrona-dss-by-caredo",[],"LsPbnRFfX5n8qJbZkStLc9Lioy85r8X0bEIbhix-tV0",{"id":286,"title":287,"body":288,"challenge":318,"client":83,"description":319,"extension":169,"features":320,"meta":326,"navigation":178,"order":160,"path":327,"relatedServices":328,"results":329,"screenshotDesktop":86,"screenshotMobile":338,"seo":339,"sequence":186,"sitemap":340,"slug":83,"solution":346,"stack":347,"stem":349,"summary":85,"tag":84,"url":350,"usedBy":351,"year":74,"__hash__":352},"caseStudiesPl\u002Frealizacje\u002F2motion.md","2motion — cały brand, strona i blog dla automatyki przemysłowej",{"type":98,"value":289,"toc":313},[290,292,295,298,300,303,306,310],[101,291,104],{"id":103},[106,293,294],{},"Firma inżynierska ma trudniejsze zadanie niż sklep: sprzedaje kompetencje, a nie produkt, który da się sfotografować. Strona musi w kilka sekund przekonać osobę techniczną, że po drugiej stronie są ludzie, którzy wiedzą, co robią.",[106,296,297],{},"Do tego dochodzi kontekst użycia — klient często otwiera stronę na telefonie, w hali, na słabym połączeniu.",[101,299,232],{"id":231},[106,301,302],{},"Najpierw markę: logo, kolorystykę i wizytówki — 2motion zaczynało bez identyfikacji, więc strona nie miała na czym się oprzeć. Potem stronę generowaną statycznie, w której HTML jest gotowy zanim ktokolwiek wejdzie. Wszystkie podstrony są prerenderowane, obrazy podawane w nowoczesnych formatach, a JavaScript dochodzi tylko tam, gdzie jest potrzebny.",[106,304,305],{},"Architektura treści powstała przed projektem graficznym: najpierw ustaliliśmy, która podstrona odpowiada na które zapytanie, żeby nie konkurowały ze sobą w wynikach wyszukiwania. Każda z sześciu usług ma swoją podstronę, a wpisy blogowe, które współtworzymy z 2motion, odpowiadają na pytania, z którymi ich klienci przychodzą z wyszukiwarki — od paletyzacji po integrację robotów z istniejącą linią.",[101,307,309],{"id":308},"czego-się-nauczyliśmy","Czego się nauczyliśmy",[106,311,312],{},"Przy stronie wizerunkowej największy wpływ na efekt ma decyzja, której nie widać na projekcie — ile treści faktycznie powstanie. Layout dla ośmiu akapitów i layout dla dwóch to dwa różne projekty, a ta liczba jest znana dopiero wtedy, gdy ktoś usiądzie do pisania.",{"title":159,"searchDepth":160,"depth":160,"links":314},[315,316,317],{"id":103,"depth":163,"text":104},{"id":231,"depth":163,"text":232},{"id":308,"depth":163,"text":309},"Firma z branży automatyki przemysłowej sprzedaje kompetencje, których nie da się pokazać zdjęciem produktu. Strona musiała budować wiarygodność techniczną, działać bez zarzutu na telefonie u klienta na hali i być znajdowana na frazy branżowe.","Stworzyliśmy dla 2motion całą markę — logo, kolory, wizytówki — oraz stronę firmową i współtworzyliśmy wpisy blogowe, które budują jej widoczność w wyszukiwarce.",[321,322,323,324,325],"Identyfikacja wizualna od zera — logo, kolory, wizytówki","Strona firmowa z podstroną dla każdej z sześciu usług","Blog ze współtworzonymi wpisami pod frazy branżowe","SEO techniczne — dane strukturalne, mapa witryny, kanoniczne adresy","Statyczne generowanie i optymalizacja obrazów",{},"\u002Frealizacje\u002F2motion",[28],[330,333,335],{"metric":331,"label":332},"6","Podstron usług, każda pod własną frazę",{"metric":331,"label":334},"Wpisów blogowych współtworzonych pod SEO",{"metric":336,"label":337},"\u003C1.2 s","Czas do pierwszego renderu","\u002Fimg\u002Fscreenshots\u002F2motion-mobile.jpg",{"title":287,"description":319},{"loc":327,"alternatives":341},[342,343,344],{"hreflang":194,"href":327},{"hreflang":196,"href":327},{"hreflang":198,"href":345},"\u002Fen\u002Fcase-studies\u002F2motion","Stworzyliśmy markę od podstaw: logo, kolorystykę i wizytówki, a na ich bazie stronę generowaną statycznie, z osobną podstroną dla każdej usługi. Razem z 2motion współtworzymy wpisy blogowe, które odpowiadają na pytania ich klientów i budują widoczność na frazy branżowe.",[202,203,348],"Vercel","realizacje\u002F2motion","https:\u002F\u002F2motion.pl",[],"kxORulrx02jdnAhGcs-3RBK3UXVwp2e7sM6QTqyHb9w",1790522539699]