Budżet: 300 EUR Termin: 5 dni
Bardzo interesujący i ambitny projekt — wizualizacja zmiany kolorów designu na samochodzie bezpośrednio w Shopify za pomocą niestandardowej aplikacji — zadanie nie jest standardowe, ale jak najbardziej wykonalne.
Kilka pytań wyjaśniających, aby lepiej zrozumieć część techniczną:
- Czy masz już SVG lub elementy wektorowe designu, które trzeba będzie programowo przemalować?
- Czy planujesz obsługę kilku modeli samochodów od razu, czy tylko jednego?
- Kolory są stałe (np. 6–8 wariantów), czy użytkownik będzie mógł wybierać dowolne odcienie za pomocą palety?
- Czy trzeba zapisywać wybraną konfigurację, aby klient mógł dodać niestandardowy design do koszyka?
Na Twoim miejscu zasugerowałbym użycie kontenera SVG z oddzielonymi warstwami dla każdego elementu designu (np. błyskawica, tekst, akcenty itp.) i zmienianie ich kolorów za pomocą JavaScript bezpośrednio w przeglądarce. Da to płynną interakcję i pozwoli uniknąć ręcznego renderowania dziesiątek obrazków. Takie podejście łatwo dostosować do Shopify App i można je wbudować na stronę produktu.
W podobnym projekcie tworzyliśmy wizualizator koloru dla sneakersów: klient wybierał kolor każdej części obuwia (sznurówki, podeszwa, tkanina), a wszystko zmieniało się na bieżąco za pomocą SVG + JS. Głównym wyzwaniem było zapewnienie kompatybilności między przeglądarkami i odpowiednie ładowanie na urządzeniach mobilnych, ale daliśmy radę, i w efekcie użytkownik mógł zobaczyć swój niestandardowy produkt przed zakupem, co znacznie zwiększyło konwersję.
Aby oszacować zakres prac oraz terminy realizacji, musimy omówić powyższe kwestie.