Arkada – Pracownia Projektowa

Arkada to pracownia projektowa z Mikołowa, tworząca indywidualne projekty architektoniczne i wnętrzarskie — od domów i mieszkań po przestrzenie usługowe, biurowe oraz obiekty użyteczności publicznej. Zakres pracowni obejmuje także modernizacje, rozbudowy, inwentaryzacje i nadzór autorski.

Celem nowej strony było uporządkowanie szerokiej oferty i zbudowanie czytelnej ścieżki: od poznania pracowni oraz procesu współpracy, przez portfolio, aż po kontakt w sprawie planowanej inwestycji.

Dostarczoną koncepcję HTML i Tailwind przełożyliśmy na dedykowany motyw WordPress. Warstwę front-end zbudowaliśmy modułowo w PHP, SCSS zgodnym z BEM oraz JavaScript, bez zależności od Tailwinda w gotowym serwisie.

Treści i ustawienia są zarządzane przez ACF, dzięki czemu zespół może edytować kluczowe sekcje, ofertę, proces współpracy i globalne informacje bez ingerowania w kod.

Dla projektów powstał osobny typ treści z kategoriami dla wnętrz prywatnych i komercyjnych. Portfolio można filtrować, a każda karta realizacji ma miejsce na opis, parametry inwestycji i galerię zdjęć.

Widok pojedynczego projektu obsługuje lightbox, nawigację między realizacjami oraz czytelne metadane. Mechanizm pozwala rozwijać portfolio bez przebudowy układu strony.

Serwis otrzymał osobne podstrony prezentujące pracownię, ofertę i kolejne etapy współpracy. Czteroetapowy proces porządkuje drogę od pierwszej konsultacji i koncepcji, przez wizualizacje, aż po wsparcie na etapie realizacji.

Przygotowaliśmy również moduł bloga z kartami artykułów, który daje przestrzeń do publikowania porad i inspiracji związanych z architekturą oraz projektowaniem wnętrz.

Wyraźne CTA prowadzą użytkownika do formularza Contact Form 7 ze zgodą na przetwarzanie danych i zabezpieczeniem ALTCHA. Formularz, dane kontaktowe i mapa tworzą spójny punkt rozpoczęcia rozmowy o projekcie.

Strona została dostosowana do komputerów i telefonów. Mobilne menu, sticky header, subtelny parallax i mikrointerakcje wspierają nawigację, a obsługa ograniczenia ruchu i widocznych stanów focus poprawia dostępność.