BeCute — Strona internetowa Beauty Space

Opracowanie wielostronicowej strony internetowej dla studia urody BeCute (Polska). Strona wykonana jako niestandardowy #WordPress-motyw z nowoczesnym frontendowym stosem oraz głęboką integracją ACF dla wygodnego zarządzania treścią. Główny nacisk – na wizualną prezentację usług, galerię prac oraz łatwy dostęp do informacji o firmie.

Moje zadania:

- Opracowałem niestandardowy motyw #WordPress od podstaw (bez użycia gotowych szablonów).
- Skonfigurowałem #Vite + #Tailwind + #PostCSS do kompilacji i stylizacji.
- Zrealizowałem responsywną, semantycznie poprawną szatę graficzną dla wszystkich urządzeń.
- Podłączyłem i skonfigurowałem #AdvancedCustomFields (#ACF) dla:
- bloku usług (kategorie + opis, ceny, obrazy);
- galerii (slider #Swiper z do 5 obrazów w slajdzie i niestandardową nawigacją);
- bloku opinii (slider z niestandardową paginacją);
- bloku z adresem i mapą Google Maps.
- Zrealizowałem wielopoziomową pracę z menu (osobne menu dla nagłówka i stopki).
- Opracowałem niestandardową stopkę z mediami społecznościowymi, kontaktami i harmonogramem pracy.
- Dodałem #SEO-optymalizację przez #YoastSEO oraz poprawną semantykę (`address`, `time`, `alt` dla obrazów).
- Optymalizowałem kompilację i zasoby (lazy load obrazów, odpowiednie rozmiary logo, minifikacja).

Wykorzystane technologie:

- #WordPress (Rozwój niestandardowego motywu)
- #PHP, #ACF (Advanced Custom Fields)
- #JavaScript (ES6+), #Swiper.js
- #TailwindCSS, #PostCSS, #Vite
- #Git (GitHub)

Kluczowe funkcje:

- Całkowicie responsywna szata graficzna (desktop, tablet, mobile).
- Galeria prac z niestandardowym układem i interaktywną nawigacją.
- Blok usług z dynamicznymi danymi z ACF.
- Sekcja opinii z karuzelą i niestandardowymi stylami paginacji.
- Sekcja „Znajdź nas” z mapą Google Maps i interaktywnym adresem.
- SEO-optymalizacja (meta, semantyka, wewnętrzne linkowanie).

Rezultat:
Gotowa nowoczesna strona, która łatwo edytuje się przez panel administracyjny WordPress, stabilnie działa na wszystkich urządzeniach i odpowiada projektowi graficznemu.