Projektowanie stron internetowych

Firmy produkcyjne często mają strony, które nie zmieniały się od lat i nie przekonują klientów z zagranicy. Chcieliśmy pokazać, jak może wyglądać strona producenta, która mówi językiem inżynierów: rysunkiem technicznym, liczbami i dokumentacją.

Przełącznik 2011 i 2026 pozwala porównać starą i nową wersję strony jednym ruchem palca. Najważniejszym celem strony jest zapytanie ofertowe, dlatego formularz prowadzi przez trzy kroki i przyjmuje pliki DWG, PDF i IFC.

• Strona statyczna budowana z wyprzedzeniem i serwowana z sieci CDN, dzięki czemu otwiera się od razu, także na budowie przy słabym zasięgu.
• Interfejs w React i TypeScript, z przejściami między sekcjami bez przeładowania strony.
• Treści zapisane w Payload CMS na serwerze firmy. Dział ofert sam aktualizuje realizacje i oferty pracy, edytując je bezpośrednio na stronie.
• Formularz zapytania z załącznikami działa jako osobna usługa, więc przesyłanie dużych plików nie spowalnia strony.
• Zdjęcia z budów są automatycznie konwertowane do WebP i JPEG XL w rozmiarze dopasowanym do sekcji.

Wino kupuje się oczami, zanim ktoś spróbuje pierwszego łyku. Dlatego stronę zaprojektowaliśmy jak redakcyjny katalog: wielki szeryfowy krój, butelka przecinająca nagłówek i dużo powietrza wokół produktu.

Przełącznik trzech win zmienia butelkę, opis, cenę i kolor strony, od burgundu przy Pinot Noir po przygaszony róż przy Rosé. Mapa parcel pokazuje, na którym tarasie rośnie dany szczep, a rezerwacja degustacji i noclegu jest dostępna na każdym etapie.

• Strona statyczna serwowana z sieci CDN, dzięki czemu zdjęcia butelek i winnicy ładują się szybko także na telefonie.
• Zmiana wina i koloru strony zaprojektowana w React i TypeScript, bez ograniczeń gotowego motywu.
• Właściciele sami zmieniają wino tygodnia, ceny i zdjęcia bezpośrednio na stronie. Treści zapisuje Payload CMS na ich serwerze, a tryb akceptacji pozwala nam sprawdzić zmiany przed publikacją.
• Sklep i rezerwacje działają jako osobne usługi, więc ruch w sklepie nie spowalnia strony.
• Zdjęcia butelek wgrane prosto z telefonu są automatycznie zapisywane w formatach WebP i JPEG XL w potrzebnym rozmiarze.

Wspinacze sprawdzają warunki tak, jak sprawdza się sprzęt przed wyjściem w góry: kąt, trudność i tłok. Dlatego strona wygląda jak panel urządzenia, a najważniejsze informacje są w kartach z dużymi liczbami, czytelnych na pierwszy rzut oka.

Przełącznik Płyta, Pion i Przewieszenie zmienia obraz w głównej sekcji, liczby w kartach i polecaną ofertę, od kursu dla początkujących po karnet miesięczny. Karta obłożenia odświeża się na bieżąco i podpowiada, kiedy na ścianie jest najluźniej.

• Strona statyczna serwowana z sieci CDN, która ładuje się od razu także z reklamy na telefonie.
• Panel trybów i animowane liczniki zbudowane w React i TypeScript.
• Obłożenie i kalendarz zajęć pobierają dane z osobnej usługi, więc nie blokują wyświetlania strony.
• Zespół centrum sam aktualizuje cennik, wydarzenia i nowe problemy na ścianie, edytując je bezpośrednio na stronie zapisanej w Payload CMS.
• Zdjęcia z treningów i zawodów są automatycznie konwertowane do WebP i JPEG XL.