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.