Ciepła czerń
#0B0A07
Tło serwisu
Spaja fotografie i sekcje tekstowe w jeden spokojny ciąg.
← Powrót do realizacji
BrandingWeb designDevelopmentMarketingWaymark Garage2026
Waymark Garage - małe części, wyrazista marka
Od znaku „W” do katalogu części: identyfikacja, strona i narracja dla studia tworzącego drukowane w 3D rozwiązania do samochodów. Ciemna oprawa, żółty akcent i prawdziwe zdjęcia z garażu.
- Strategia i pozycjonowanie marki
- Projekt logo i znaku
- Paleta kolorów i typografia
- Architektura informacji
- Projekt i wdrożenie strony
- Katalog produktów i Garage Notes
- Copywriting i ścieżka kontaktu
Projekt w skrócie
Waymark Garage tworzy zamienniki, osłony i drobne modyfikacje, gdy części OEM są niedostępne, słabe lub zbyt drogie. Zbudowaliśmy markę i stronę wokół jednej zasady: dopasowania do prawdziwego auta. Serwis pokazuje proces, katalog dwóch części do Hondy Civic Type R FL5 oraz Garage Notes dokumentujące pracę nad produktami.
Kontekst i problem
Małe części potrafią rozwiązać duży problem. Waymark Garage projektuje i drukuje elementy samochodowe wtedy, gdy fabryczne rozwiązanie jest niedostępne, zbyt drogie albo wymaga poprawy. Projekt połączył identyfikację marki z serwisem, który pokazuje część, jej zastosowanie i sposób pracy warsztatu.
Punktem wyjścia było dopasowanie do konkretnego auta. Klient chce wiedzieć, czy część pasuje, z czego jest wykonana i jak ją zamontować. Strona musiała odpowiedzieć na te pytania, a jednocześnie pokazać motoryzacyjny charakter marki.
Obecny katalog skupia się na dwóch produktach dla Hondy Civic Type R FL5: osłonach otworów w błotnikach i uchwycie ładowarki MagSafe. Zdjęcia, oznaczenia WGM-001 i WGM-002 oraz osobne karty produktów nadają ofercie konkretną strukturę.
Serwis prowadzi od rozpoznania problemu przez proces i dokumentację realizacji do krótkiego briefu. Dzięki temu mieści zarówno gotowe części z małych serii, jak i zapytania o indywidualne projekty.
Ograniczenia
- Mała pracownia i produkcja w krótkich seriach
- Techniczna oferta wymagająca informacji o dopasowaniu i materiale
- Gotowe produkty i indywidualne projekty w jednym serwisie
- Szczegółowe treści czytelne również na telefonie
Założenia strategiczne
- 01
Najpierw auto i problem
Kategorie oferty opisują zastosowania: zamienniki, osłony, funkcjonalne modyfikacje i prototypowanie CAD. Technologia pojawia się w kontekście konkretnej potrzeby.
- 02
Szczegół jest dowodem
Zdjęcia zamontowanych części, nazwy materiałów i specyfikacje pokazują, co klient otrzymuje. Każda karta produktu łączy te informacje z historią jego powstania.
- 03
Proces otwarty do wglądu
Podstrona procesu i Garage Notes wyjaśniają kolejne kroki: pomiar, modelowanie, próbne wydruki i poprawki po przymiarkach.
- 04
Kontakt z kontekstem
Stałe wezwanie „Ask for a part” prowadzi do formularza z miejscem na auto, część lub pomysł oraz opis problemu.
Kierunek kreatywny
Charakter Waymark Garage wynika z uważności na małe elementy samochodu. Hasło „Small parts. Important details. For cars we love.” łączy praktyczne zastosowanie z pasją do aut. Ciemne tło, duża typografia i fotografie samochodów budują klimat, a zdjęcia produktów sprowadzają opowieść do konkretu.
Charakter marki
- Precyzja
- Dopasowanie
- Motoryzacja
- Rzemiosło
- Praktyczność
Ton komunikacji
Język jest bezpośredni i konkretny. Opisy mówią o modelu auta, mocowaniu, materiale i przeznaczeniu części. Krótkie nagłówki nadają marce energię, a dłuższe treści pomagają ocenić produkt przed kontaktem.
Czego świadomie unikaliśmy
- Ogólne deklaracje jakości
- Technologia bez kontekstu zastosowania
- Obietnice masowej produkcji
- Przeciążenie interfejsu dekoracją
Historia logo
Geometryczne „W” tworzy zwarty znak z ostrych, kierunkowych form. Nawiązuje do nazwy Waymark - punktu orientacyjnego - i pasuje do technicznego charakteru marki. Samodzielny sygnet pozwala zachować rozpoznawalność tam, gdzie pełny logotyp zajmowałby zbyt dużo miejsca.
Inicjał
Litera „W” wiąże sygnet bezpośrednio z nazwą marki.
Kierunek
Ostre zakończenia przywołują strzałki i oznaczenia na trasie.
Precyzja
Powtarzalne kąty i wyraźny kontur podkreślają techniczny charakter identyfikacji.
Monochromatyczna forma działa na jasnym i ciemnym tle. Sygnet i pełny logotyp tworzą dwa warianty do różnych proporcji i wielkości zastosowania.
Kolorystyka
Ciepła czerń i złamana biel stanowią bazę obecnej strony. Żółty akcent wyróżnia przyciski i wybrane detale, prowadząc przez ciemny, fotograficzny layout.
Złamana biel
#F7F7F2
Nagłówki i główne treści
Nadaje tekstowi wyraźny kontrast względem ciemnych powierzchni.
Żółty sygnałowy
#FFC400
Przyciski i wyróżnienia
Wskazuje najważniejsze działania, w tym „Ask for a part” i zapytanie o produkt.
Stalowa szarość
#7A7A75
Etykiety i metadane
Rozdziela poziomy informacji bez rozszerzania palety.
Typografia
Barlow Condensed nadaje nagłówkom siłę i zwartość. DM Sans porządkuje opisy, formularze i specyfikacje.
Barlow Condensed
700 · 800
Nagłówki i hasła
Small parts. Important details.
Wąskie proporcje pozwalają budować duże, zwarte bloki tekstu obok fotografii.
DM Sans
300 · 400 · 500
Opisy i informacje techniczne
Modelled around real fitment, tolerances and OEM surfaces.
Neutralny rysunek daje spokojną bazę dla dłuższych opisów i parametrów produktów.
Ścieżka użytkownika
Strona główna buduje kontekst, a podstrony pozwalają wejść w szczegóły. Użytkownik może przejść prosto do produktu albo najpierw poznać sposób pracy warsztatu.
- 01
Zobacz, co powstaje
Hero łączy hasło marki, zdjęcie auta i wejście do konkretnego produktu.
- 02
Znajdź swoje zastosowanie
Cztery kategorie „What we solve” pomagają umiejscowić własny problem w ofercie.
- 03
Poznaj sposób pracy
Cztery etapy procesu prowadzą od rozpoznania problemu do dopracowania części przed wydaniem.
- 04
Sprawdź konkretną część
Katalog prowadzi do zdjęć, specyfikacji, informacji o montażu i historii produktu. Garage Notes uzupełniają dokumentację.
- 05
Wyślij brief
Formularz zbiera dane kontaktowe, auto, część lub pomysł i opis problemu.
Decyzje UX/UI
- Problem
- Sama nazwa technologii niewiele mówi o wartości usługi.
- Decyzja
- Oferta została podzielona według zastosowań i pokazana obok konkretnych części.
- Uzasadnienie
- Punktem odniesienia klienta jest jego samochód i problem do rozwiązania.
- Wpływ
- Zamienniki, osłony i modyfikacje mają osobne, łatwe do rozpoznania miejsce w ofercie.
- Problem
- Zdjęcie części nie odpowiada na pytania o dopasowanie i montaż.
- Decyzja
- Karty produktów łączą zdjęcia części i montażu z modelem auta, materiałem, specyfikacją i statusem sprzedaży.
- Uzasadnienie
- Informacje potrzebne do oceny produktu powinny być dostępne w jednym miejscu.
- Wpływ
- WGM-001 ma własną stronę z parametrami PETG / ASA, sposobem mocowania i opisem pierwszej serii.
- Problem
- Dwie części w katalogu to zbyt mało, by pokazać cały zakres pracy warsztatu.
- Decyzja
- Katalog uzupełniają rozpisany proces, Garage Notes i wejście do projektu indywidualnego.
- Uzasadnienie
- Sposób pracy wyjaśnia, jak istniejące realizacje przekładają się na kolejne zlecenia.
- Wpływ
- Serwis prezentuje gotowe produkty i jednocześnie daje miejsce na nowe potrzeby klienta.
- Problem
- Rozbudowana techniczna treść potrzebuje wyraźnej hierarchii.
- Decyzja
- Duże nagłówki, etykiety, siatki specyfikacji i żółte przyciski rozdzielają opowieść, parametry i działania.
- Uzasadnienie
- Różna skala informacji pozwala zarówno przeglądać stronę, jak i czytać szczegóły.
- Wpływ
- Każdy produkt zachowuje tę samą kolejność: zastosowanie, parametry, zdjęcia, historia i kontakt.
Kluczowe sekcje
Mobilny układ zachowuje duże hasło i wyraźną drogę do oferty.
Od projektu do wdrożenia
Struktura serwisu wspiera rozwój katalogu: produkty, proces i notatki mają własne podstrony, a wspólna nawigacja prowadzi do zapytania.
- Osobne adresy produktówKażdą część można otworzyć bezpośrednio i udostępnić wraz z jej specyfikacją oraz zdjęciami.
- Spójny katalogOznaczenia WGM, informacje o aucie, parametry i status produktu tworzą powtarzalny schemat dla kolejnych pozycji.
- Garage NotesOsobne artykuły dokumentują projekty i uzupełniają skrótowe informacje na kartach produktów.
- Formularz briefuPola odnoszą się do rzeczywistego zapytania o część: dane kontaktowe, auto lub pomysł i opis problemu.
Co dostarczyliśmy
- 01Identyfikacja wizualna z logotypem i samodzielnym sygnetem
- 02Paleta, typografia i kierunek komunikacji marki
- 03Responsywna strona główna z prezentacją zastosowań i procesu
- 04Katalog oraz szczegółowe karty produktów WGM-001 i WGM-002
- 05Sekcja Garage Notes dokumentująca realizacje
- 06Formularz zapytania o część lub projekt indywidualny
Najważniejsza decyzja
Najmocniejszym elementem tej opowieści jest konkret: część, samochód i problem, który udało się rozwiązać w projekcie produktu. Identyfikacja nadaje im wspólny charakter, a struktura strony pozwala przejść od zainteresowania do szczegółów. Efektem pracy jest spójny serwis marki z katalogiem dwóch produktów i czytelną drogą do zapytania o kolejną część.
Strona na żywo
Waymark Garage
Następny projektOTC S.A. - redesign strony dla firmy software'owej
Modernizacja mocno przestarzałej strony polskiej firmy software'owej - nowy, czytelny i konwertujący serwis prezentujący ich produkty bazodanowe.
POROZMAWIAJMY
Porozmawiajmy o Twoim projekcie
Masz techniczną ofertę, którą warto pokazać prościej i wyraźniej? Porozmawiajmy o projekcie.