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.

Navštíviť web stránku

Aké boli požiadavky klienta?

  • graficky upraviť trendy/lifestyle značku (brand)
  • naprogramovať responzívny eshop s grafickým dizajnom na mieru
  • vytvoriť užívateľsky jednoduchý online editor/aplikáciu na tvorbu fotoproduktov (fotoknihy, fotokalendáre...)
  • opakované online objednanie cez e-shop so štandardnými funkciami

 

Ako to všetko prebiehalo?

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

Mám záujem o grafický dizajn

2. Dizajn

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

Wireframe (skica)

wireframe_homepage

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

Finalny navrh

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.

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ď.)

Nahravanie obrázkov

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

Čo nás čaká ďalej?

Po testovacej fáze na desktopovej verzii sa pustíme do mobilnej responzívnej verzie aby si zákazníci vedeli vytvárať fotoknihy zo svojich dovoleniek z pohodlia cez svoj mobilný telefón alebo tablet.

Aký je prínos pre WAME.sk? Získali sme spokojného klienta, ktorý nám zveril ďalší vývoj funkcií fotoeditora. Čaká nás kopec práce, na ktorú sa samozrejme veľmi tešíme.

Páči sa Vám ako sme vytvorili a rozvíjame syyyr.eu?

KONTAKTUJTE NÁS