Mudlo

Pełny redesign strony internetowej

Mudlo zajmuje się produkcją i sprzedażą ogrodów zimowych, okien, drzwi, pergoli i balustrad aluminiowych. Dla klienta przygotowałem nową stronę internetową - od pierwszych inspiracji i moodboardu w Figmie, przez projekt UI/UX, aż po pełne wdrożenie. Frontend stworzony jest w Nuxt 4 i TailwindCSS z całkiem fajną paczką fluid-tailwind (https://fluid.tw/), która umożliwia proporcjonalne skalowanie treści. Celem było stworzenie responsywnego, nowoczesnego i estetycznego layoutu na potrzeby prezentacji oferty firmy. CMS z kolei powstał w Laravel 12 w połączeniu z Filamentem - miał być prosty, przyjazny w obsłudze - i taki jest. Skrojony na miarę system CMS często jest dobrym rozwiązaniem, bo pozwala zachować kontrolę nad wyglądem strony. Umożliwienie edycji tylko tego, co konieczne, a także zastosowanie pewnych ograniczeń dla treści sprawia, że strona na froncie prezentuje się zawsze spójnie i estetycznie, a przy tym zachowuje wydajność na bardzo dobrym poziomie. No i co ważne - CMS w takiej właśnie postaci jest intuicyjny i ergonomiczny.

Projekt jest w pełni dwujęzyczny (PL/DE) i działa w trybie SSR, który zapewnia świetną wydajność i bardzo dobre SEO. SSR wybrałem zamiast SSG, ponieważ strona jest często aktualizowana w CMS, obsługuje wiele domen i dynamiczną treść. Dzięki temu klient może wprowadzać zmiany natychmiast, bez ponownego builda projektu.

W CMS-ie stworzyłem rozbudowaną sekcję bloga i poradnika — z edycją artykułów w dwóch językach, polami SEO, wyróżnianiem wpisów, wersjami roboczymi oraz łatwą obsługą mediów. Sekcja produktów ma osobne slug'i dla PL i DE oraz opisy edytowane w markdown, co ułatwia rozwijanie treści.

Strona działa na dwóch środowiskach: frontend hostowany jest na Vercel, a CMS na AWS poprzez Laravel Forge. To szybkie, stabilne i rozsądne kosztowo rozwiązanie — AWS Lightsail zwykle mieści się w przedziale 5–10 USD miesięcznie i w pełni wystarcza dla projektów tej wielkości.

Dodałem również przełącznik trybu jasnego i ciemnego. Początkowo planowałem tylko tryb dark, bo moje oczy lubią spokój, ale skoro część użytkowników naprawdę preferuje białe ekrany… UX musiał wygrać tę bitwę.

Strona jest już online, choć treści są jeszcze uzupełniane. Już teraz pokazuje jednak, jak może wyglądać nowoczesna, szybka i przyjazna SEO strona stworzona w Laravel + Nuxt 4.

Stack