WordPress + WooCommerce Frontend Development z konfigurator 3D
Przegląd projektu:
Potrzebuję doświadczonego dewelopera frontend do wdrożenia strony WordPress/WooCommerce korzystając z istniejących projektów Figma. Kluczowym wymogiem jest integracja konfiguratora produktu 3D (najlepiej Verge3D) jako wtyczki. Strona musi być zbudowana tak, aby łatwo można było ją później utrzymywać i rozbudowywać.
1. Projekt i zasoby:
Dostarczony kompletny plik projektu Figma (zawiera wszystkie strony: strona główna, lista produktów, pojedynczy produkt, koszyk, realizacja zamówienia).
Wszystkie zasoby (obrazy, ikony, czcionki) są przygotowane w Figma.
2. Kluczowe wymagania techniczne:
Platforma: WordPress + WooCommerce (istniejąca konfiguracja).
3D Konfigurator:
Integracja wtyczki opartej na Verge3D (lub alternatywy, jeśli zaproponujesz lepsze rozwiązanie) do personalizacji produktu.
Konfigurator musi działać bezproblemowo na stronach produktu.
Wybory użytkownika (kolor, materiały itp.) muszą aktualizować cenę i warianty produktu w czasie rzeczywistym.
Jakość kodu:
Modularna architektura: komponenty muszą być wielokrotnego użytku (np. przyciski, karty produktu, formularze).
Czytelny kod: wszystkie zmienne, funkcje i klasy CSS muszą mieć samodokumentujące się nazwy (np. productCard__title zamiast div > .text-lg).
Komentarze: kluczowe sekcje opisane po angielsku.
Wydajność:
≥ 90/100 w Google PageSpeed Insights (desktop/mobile).
Optymalizacja obrazów (WebP/SVG tam, gdzie to możliwe), lazy loading, minimalna liczba żądań HTTP.
Czysty CSS/JS (bez nieużywanego kodu, minifikacja w produkcji).
Responsywność:
Bezproblemowa obsługa na wszystkich urządzeniach (desktop, tablet, mobile).
Testowane na Chrome, Firefox, Safari, Edge (najnowsze wersje).
3. Wymagania funkcjonalne:
Dokładna realizacja projektów Figma.
Integracja WooCommerce: strony produktu, koszyk, proces realizacji zamówienia.
3D konfigurator połączony z wariantami produktu (np. zmiana materiału w widoku 3D aktualizuje wybór wariantu w WooCommerce).
4. Przygotowanie na przyszłość:
Użycie motywu potomnego do modyfikacji (brak bezpośrednich zmian w motywie głównym).
Postępowanie zgodnie z normami kodowania WordPress/WooCommerce.
Wszystkie wtyczki/moduły muszą być łatwe do aktualizacji/rozszerzania przez innych deweloperów.
5. Harmonogram i budżet:
Termin: jak najszybciej (proszę podać realistyczny czas realizacji w propozycji).
Budżet: do negocjacji (podaj ofertę cenową stałą lub godzinową z uzasadnieniem).
Prace przyszłe: oczekiwane ciągłe ulepszenia/utrzymanie po uruchomieniu
6. Dostarczone materiały:
W pełni funkcjonalna strona WordPress/WooCommerce z zintegrowanym konfigurator 3D.
Czysty, udokumentowany kod źródłowy.
Responsywny design przetestowany na różnych urządzeniach.
30-dniowe wsparcie w naprawie błędów po uruchomieniu.
Wymagane umiejętności:
Ekspertyza w frontendowym rozwoju WordPress/WooCommerce.
Doświadczenie z konfiguratorami 3D web (Verge3D, Three.js lub podobne).
Dobra znajomość: HTML5, CSS3 (SASS), JavaScript (ES6+), PHP (do integracji motywu).
Narzędzia optymalizacji wydajności (Webpack, Lighthouse).
Kontrola wersji (Git).
Jak aplikować:
Portfolio: pokaż 2-3 istotne projekty WordPress/WooCommerce (zwłaszcza z elementami 3D/interaktywnymi).
Podejście: krótko wyjaśnij:
Jak zintegrować konfigurator 3D z WooCommerce.
Twoją strategię optymalizacji wydajności.
Jak zapewniasz łatwość utrzymania kodu.
Jak zapewniasz szybkość strony
Harmonogram i koszt: szacowany termin ukończenia i szczegółowa wycena.
Pytania: wymień wszelkie potrzebne wyjaśnienia.
Uwaga: dostęp do Figma zostanie udostępniony wybranym kandydatom.