syyyr logo

Kto je Syyyr.eu?

Značka syyyr.eu sa špecializuje na online tvorbu, predaj a tlač fotokníh a fotokalendárov. Cieľom je ponúkať profesionálne spracované fotoprodukty v spojení s jednoduchým užívateľským online editorom.

1. Branding syyyr

Klient mal pripravený základný návrh loga, s ktorým nebol klient ani my úplne stotožnený. S grafikom sme zhodnotili pôvodný stav loga a a vytvorili sme nový návrh, ktorý nesie v sebe známky hravosti, jednoduchosti, lifestylu.

zmena_loga_syyyr.eu
Finalny navrh

Dizajn

Po konzultácii s klientom bol vytvorený prvotný návrh rozmiestnenia prvkov, tzv. wireframe

Finálny graficky návrh

Po konzultácii a schválení wireframu sme vytvorili graficky návrh pre web, fotoprodukty a online editor. Design obsahuje tradičné prvy: slider, odporúčané produkty a CTA na tvorbu fotoknihy

3. Programovanie/Implementácia

Na základ celého systému sme využili náš WAME admin CMS kde sme vytvorili nový modul. Po frontendovej stránke si to žiadalo využiť technológiu pre asynchrónne načítavanie obsahu, aby sa zákazníkovi neobnovovala stránka za každým klikom. Zvolili sme Nittro framework ktorý je prepojený s Nette frameworkom, na ktorom je postavené naše CMS.

Pre jednotlivé úkony sa vytvorili API endpointy a potom jednotlivé malé funkcie (komponenty), z ktorých sa vyskladal celý fotoeditor.

syyyr programovanie web
Nahravanie obrázkov

4. Spustenie/ testovanie

Po programovaní sme spustili základnú, funkčnú verziu online editora s eshopom. Následne sme sa pustili do testovania s reálnymi užívateľmi. Cieľom testovania bolo odhaliť nedostatky, ktoré môžu mať vplyv na vytvorenie fotoproduktov. Na základe výsledkov z testovania sme v rámci jednotlivých šprintov doplnili do editora/eshopu nové funckie (napr. zľavový modul, progress bar pri nahrávaní fotiek atď.)

Progress bar

Hlavné funkcie fotoeditora syyyr.eu?

  • online editor, ktorý viete využívať kdekoľvek, nie je potrebné sťahovať a inštalovať žiadny program
  • automatické vyskladanie fotografií
  • manuálne vyskladanie fotografií
  • ukazovateľ počtu nahratých fotografií
  • automatická optimalizácia fotografií
  • možnosť zmeny rozloženia/usporiadania fotografií
  • funkcia drag a drop/ natiahnutie fotografií z panela a PC do pozície na stranu
  • možnosť upraviť texty v šablónach
  • posúvanie fotografie myšou vo výreze na strane
  • funkcie pod fotografiou (zoom, otočenie)
  • textový editor (hrúbka, kurzíva, veľkosť, font, farba)
  • kontrola min. rozlíšenia fotografie
  • PDF tlačové výstupy priamo do tlačových zariadení
Ukážka editora