Registrovat

Projekty (1)

Online Editor grafických šablón

PythonNode.jsPHPJavascript, jQueryHTML5, CSS3Wordpress, Woocommerce

1. Úvod

Cieľom projektu je vytvoriť online editor na úpravu profesionálnych grafických šablón vo formáte PSD a AI, určený pre zákazníkov koncových eshopov. Editor bude umožňovať úpravu textu a základných vizuálnych prvkov a bude napojený na WooCommerce eshopy s cieľom dokončiť objednávku. Systém musí byť škálovateľný, rozšíriteľný o ďalšie produkty, lokalizovaný podľa krajiny a umožniť dávkové spracovanie šablón.

2. Používateľské scenáre

· Zákazník navštívi produktovú stránku eshopu a klikne na „Editovať online“

· Preklikne sa do online editora so zvolenou šablónou a variantom (napr. A6 svadobné oznámenie – predná strana)

· V rozhraní upraví text (napr. mená, dátum), vloží vlastný obrázok, prípadne mení štýl písma a farby

· Po dokončení klikne na „Pokračovať k objednávke“, čím sa presmeruje späť do eshopu, kde produkt s variantom a špecifikáciou ide do košíka

· Po potvrdení sa objednávka spolu s upraveným dizajnom (PDF/JPG) uloží na server eshopu

3. Funkcie editora

3.1 Textové úpravy

· Vložiť / odstrániť textové pole

· Úprava: obsah, font, veľkosť, farba, zarovnanie, rotácia, odsadenie

· Výber z preddefinovaných fontov (správna renderovateľnosť aj pri výstupe)

3.2 Grafické úpravy

· Vloženie vlastného obrázka

· Úprava veľkosti a pozície

· Podpora vrstiev a štýlov (zo šablóny)

3.3 Zobrazenie strán

· Možnosť prepnúť medzi stranami šablóny (napr. predná, zadná, pozvánka)

· Každá šablóna môže mať 1 až 3 strany podľa typu produktu

3.4 Výstup

· PSD šablóny ➝ export JPG 300 DPI

· AI šablóny ➝ export PDF vektor

· Export spustiteľný serverovo alebo klientsky podľa implementácie

3.5 Batch import šablón

· Lokálne (desktop) spracovanie šablón do formátu použiteľného editorom

· Automatická extrakcia vrstiev, pozícií, farieb a textových polí ( v rámci unifikácie majú všetky šablóny mergnuté pozadie do jednej vrstvy, textové vrstvy sú voľné a ich počet je ľubovoľný podľa dizajnu šablóny)

· Upload pripravených dát cez FTP alebo cez admin panel

3.6 Ochrana a branding

· Zobrazenie vodoznaku počas úprav (ochrana pred sťahovaním)

· Branding editoru podľa eshopu ( logo a farby webu)

3.7 E-mailová notifikácia a náhľad pre zákazníka

· Po dokončení objednávky musí zákazníkovi automaticky prísť:

o Potvrdenie o objednávke (z WooCommerce)

o Náhľad objednaného dizajnu vo forme obrázka (JPG alebo PDF), ktorý si môže skontrolovať a prípadne spätne kontaktovať zákaznícky servis v prípade chyby, v admine musí byť možnosť tento súbor editovať v prípade potreby

o Tento súbor bude slúžiť ako potvrdenie konečnej verzie dizajnu

3.8 Bezpečné oblasti a orezové značky

· Každá šablóna musí obsahovať:

o Zónu bezpečného obsahu – oblasť, do ktorej sa smie vkladať text (2 mm od okraja)

· Editor bude zákazníkovi vizuálne zobrazovať túto zónu ako priehľadný prekryv alebo čiaru, aby sa predišlo tomu, že si zákazník umiestni dôležitý text príliš blízko ku kraju

4. WooCommerce integrácia

  • Editor sa integruje do viacerých jazykových verzií WooCommerce webov (7)
  • Každý eshop má vlastnú štruktúru produktov a ceny
  • Po kliknutí na „Editovať online“ sa editor otvorí s produktom, variantom a jazykovým nastavením (napr. cez URL parametre)
  • Po úpravách sa zákazník presmeruje späť s parametrami do WooCommerce košíka, kde prebehne dokončenie objednávky
  • Editor odosiela hotové súbory (PDF/JPG) späť do eshopu ako súčasť objednávky

Ďalšie podrobnosti dodáme mailom.

maxcreativa
Rozpočet na realizaci 4000 €
Datum předání projektu 01.09.2025
Bidy 4
Mám zájem
Společnosti využívající
náš portál

Co je to garantován projekt?

Přidejte si Váš požadavek na projekt, vyberte si nejvhodnější nabídku pro Vás a myslete na to, že v případě problému v tom nejste sami. Jsme tu na to abychom problém vyřešili za Vás!

Transakce za projekt probíhá přes Nakoduj.to
Bez rizika ztráty investice
Vytvořit garantovaný projekt Více info