everlution snd final

7/26/2019 Everlution SND Final

1/53

Slovensk nrodn divadlo

Webov sdlo

1
https://www.everlution.sk/


2/53

1. predstavenie Spolonosti

2


3/53

DOvote, aby sme sa predstavili

KTO JEEVERLUTIONPriname svetov technolgie a najmodernejie postupy pre irok spektrum zkaznkov.

V rokoch 2004 - 2015 sme spene dokonili desiatky vekch projektov. Spokojnos naich

klientov ns posva vpred, preto neustle pracujeme na novch vzvach.

RoxhillMedia.comslipcase.com Enrola.co.uk

PR databzov systm, ktor prepja

viac ne 5 milinov lnkov z rznychwebovch aj printovch mdi.

pecializovan agregtor

odbornch lnkov z oblastifinanci a poisovnctva.

CRM backendov systm,

v sasnosti napojenna 12 portlov a britsk vldu.

Tradingov hry na mieru

s aktulnymi dtami z LXE pre jednu

z najvch franczskych bnk.

Intern systm pre dodvateovTESCO.

Revolun HR databzov systm,ktor umouje zdiea potrebn

informcie.

Manta.hrtesco.com SocieteGenerale.co.uk

Vber naich projektov

3
https://www.everlution.sk/http://www.slipcase.com/https://www.manta.hr/http://www.societegenerale.co.uk/en/http://www.tesco.com/http://enrola.co.uk/http://roxhillmedia.com/


4/53

ProjektSlipcase.com

prklad naeho projektu

pecializovan agregtor odbornch lnkov z oblasti financi a poisovnctva.Dennodenn aktualizcia obsahu, najnovie sprvy, lnky od autort v danej oblasti,

osobn kontakty a alie uiton informcie. Viacrovov dostupnos obsahupo prihlsen. Vyvjan aplikcie pre Android a iS.

Personalizovan obsah

fokusovan newsletter

pokroil filter vyhadvania obsahu

komplexn tatistiky zobrazen

lnkov

4
http://www.slipcase.com/http://www.slipcase.com/http://www.slipcase.com/


5/53


6/53

6


7/53


8/53


9/53

Mobiln aplikcie

9


10/53

Ponkame komplexnrieenie

Nov truktra podstrnok

Dostupnos dleitch informci

Praliv dizajn

Ohaduplnos voi hendikepovanm

funkn technick rieenie

Draz na bezpenos webu

webov sdlo pre SLovensk nrodn divadlo

10


11/53

2. Pouitenos

11


12/53

Pouitenos

Nov truktra podstrnok

Nov truktru podstrnok sme vytvrali pomocou progresvnej

a zrove vemi hravej UX metdy.

Skupiny respondentov mali za lohu prehadne zoradi ponknut poloky menupoda logickch svislost (pomocou papierovch strikov).

intuitvne zoraovanie poloiek menu

12


13/53

Vstupy skupn 1 9.

Pouitenos

13


14/53

Analza vstupov

Vytvorenie kompromisu truktry, s ktorou sa stoton vina uvateov.

Vytvorenie novej truktry,

vyhovujcej vetkm skupinm

Pouitenos

14


15/53

Hlavn menu:

Kalendr predstaven | Repertor | O divadle | Kontakt

inohraopera

balet

Trochu inak

Detsk predstavenia

BudovyBezbarirov prstup

Histria

Vide

Archv

Mapaoddelenia SND

Press

Pouitenos

15


16/53

Prehadn rozren menu v Pte webu:

Repertor | O divadle | Blog | Kontakt

inohraopera

balet

Trochu inak

Detsk predstavenia

BudovyBezbarirov prstup

Histria

Vide

Archv

prca v divadle

prenjom priestorov

dokumenty

chata SND

Aktualitynapsali o ns

mesank portl

tlaov sprvy

Mapaoddelenia SND

Press

Pouitenos

16


17/53

3. Dizajn

17


18/53

dizajn

Vizul webu

To, o rob vizul webu SND jedinenm, s strhujce fotografiea vide vytvoren profesionlmi.

Cieom vslednho dizajnu je minimalisticky dopa tieto multimedilne zdrojea necha ich vynikn v plnej krse.

Jedinenos multimedilnych zdrojov

18


19/53

dizajn

Priamy preklik na kpu alebo rezervciu lstka, poet poslednchvonch lstkov. Jednoznane odliten ner a dtumkonkrtneho predstavenia.

loha domovskej strnky SND

Prezentovanie Najblich nevypredanch

predstaven inohry, opery a baletu

Informcie o zmene alebo zruen predstaven, aktulne sprievodnpodujatia SND.

Aktuality SND

Jednoduch cesta k dleitm podstrnkam

Prezentcia lg partnerov s prelinkovanm.Poakovanie partnerom a sponzorom

S informciami nielen pre divkov, ale aj pre hercov, firmy, mdi, at.

Rozren menu v Pte webu

19


20/53


21/53


22/53

Poda dostupnosti: fotografia / video.

Podstrnka konkrtnej hry

vodn slider ponkajci emciu

konkrtnej hry

S priamym preklikom na kpu lstka.

Popis a prehad termnov

Dostupn multimedilny obsah.

Galria

Prezentcia osobnost, ktor prinaj divkom kultrny zitok.

Obsadenie a kreatvny tm

Zverejnenie recenzie po odshlasen a korekcii obsahu zo strany SND.

Recenzie divkov a propagcia newslettra

alie predstavenia danho nru.Cross Sell

dizajn

22


23/53


24/53

Rozrenie plochy videa po jeho spusten elegantnou animciou.vodn slider s videom ak je dostupn

ahk orientcia v prostred novho webu.

Odlenie nru pomocou zauvanej

grafickej znaky

24


25/53

Najbliie nevypredan predstavenie s preklikom na kpu aleborezervciu vstupenky. Delenie na aktulne hran predstavenia

a alie predstavenia v repertori.

Podstrnky inohry, opery a baletu

Repertor predstaven kadho anru

Zverejnenie recenzie po odshlasen a korekcii obsahu zo strany SND.

Recenzie divkov a propagcia newslettra

Modr saln, Edukan projekty, at.

alie formty predstaven

dizajn

25


26/53


27/53

Vber podstrnok repertoru.preklik z Domovskej strnky

27


28/53

Delenie: inohra, Opera, Balet, Trochu inak, Detsk predstaveniaa Modr saln ako typy ponkanch predstaven.

Zmena oproti sasnmu rozdeleniu kalendra - v prieskume niktoneuviedol, e si predstavenie vyber poda budovy, v ktorej sa kon.

Kalendr predstaven

Monos filtrovania zobrazench

predstaven Poda Typu

Informcie zoraden do stpcov poda vznamu.

Prehadn infografika

Priamy preklik na kpu / rezervciu

vstupenky

dizajn

28


29/53


30/53

Prehad oddelen divadla v kontakte, filtrovanie obsahu v blogu, ...

Prklady alch podstrnok

Prehadnos

DOstupnos Uitonch informci

dizajn

30


31/53


32/53

32


33/53

dizajn

Mylienka

V naom navrhnutom dizajne prevlda biela farba, ktor symbolizuje istotu umenia,ale takisto svetlo, ktor prina umenie do inak konzumnho ivota loveka.

V neposlednom rade prirodzene nechva vynikn vemi kontrastn vizulyjednotlivch hier.

Divadeln umenie je neskutone

pestroFarebn a pln kontrastov

33


34/53

4. Dostupnos informci

34


35/53

Dostupnos informci

Prieskum medzi nvtevnkmi

Ktor informcie s pre divka na strnke najdleitejie?

Nam cieom bolo zhromadi o najviac informci od cieovej skupiny - formoudotaznkov a osobnmi rozhovormi... Priname zaujmav postrehy, na ktor smepri naom nvrhu prihliadali.

Dleitos informci

35


36/53

Jednoduch prstup k informcim

Pri kpe lstka je podstatn pln hadiska

Prehad najblich vonch lstkov

Recenzie od odbornch kritikov

Vrazn oznaenie zmeny / zruenia

predstavenia na hlavnej strnke

lnok z blogu pri konkrtnom predstavenBlog ako podstrnka dostupn z pty webu. Nzka preferencia bloguv hlavnom menu.

Fokusovan newsletterMonos prispsobenia obsahu aj periodicity mailov.

Dostupnos informci

36


37/53

Ohaduplnos k hendikepovanm

Vysok kontrast webu a itatenos

prehadn truktra v textovom zobrazen

Ohadupln k slabozrakm.

Ohadupln k nevidiacim.

Dostupnos informci o bezbarirovostiOhadupln k telesne postihnutm.

Dostupnos informci

37


38/53

mobiln verzie

responzivita samozrejmosou

Zobrazenie na mobilnch zariadeniach,

tabletocH aj monitoroch

Dostupnos informci

38


39/53

5. Technick rieenie

39


40/53

Technick rieenie

Funknos a bezpenos

Softvr vyvjame pomocou SOLID princpov, vaka omu je n kd znovu pouitena modulrny. Zabezpeujeme tak vysok testovatenos (unit testovanie, integrantestovanie a funkn testovanie), ktor je dleit pre znenie chybovosti kdu.

Nasledujeme tie OWASP Testing guide metodolgiu verziu 4, ktorej vsledkom sbezpen webov aplikcie. Samozrejmosou je aj pouitie zabezpeenhoprotokolu HTTPS.

kvalita a istota kdu

40


41/53

Rozlenenie projektu na menie celky

odovzdvanie celkov na schvlenie

s dohodnutou frekvenciou

(Tdenn bza)

Vasn dodANIE PROJEKTU

VYSOK FLEXIBILITA VO VSLEDNOM RIEEN

Spsob realizcie - scrum

Technick rieenie

41


42/53

Framework symfony (opensource)

programovac jazyk php verzia 7

hlavn databza mysql

nstroj na vyhadvanie elasticsearch

kninica fos user bundle

na sprvu uvateov

html, css, javascript

Frontend a backend technolgie

Technick rieenie

42


43/53

zobrazovanie potu vonch vstupeniek

promovanie najblich nevypredanch

predstaven

napojenie systmu vstupeniek na web

Technick rieenie

43


44/53

Nhady Backendu

Technick rieenie

44


45/53

Nhady Backendu

Technick rieenie

45


46/53

6. Cena

46


47/53

Cena

Cenov ponuka

no, kad sluba nieo stoj. Garantujeme Vm vak vysok kvaliturealizcie a spokojnch informovanch nvtevnkov.

12 ooo

47


48/53

Na projekte webu u ns spolupracujeviacero pecializovanch odbornkov

UX pecialista

Dizajnr

Tm programtorov

Tester

Seo a marketingov pecialista

Cena

48


49/53

Na vypracovan ponuky pracovali:

Miro

CEO

Lucia

Project manager

Mao

Ux specialist

Jana

Designer

Tom

Lead developer

Mat

Software architect

Cena

5 rokov grafick dizajnrka,2 mesiace vidiny o webe SND

vo vonom ase

11 rokov web developer,14 rokov horolezec

5 rokov fanatik do UX,2 roky vegetarin

15 rokov webdeveloper,

3 roky nepouit permanentkado posilovne

8 rokov web developer,2 roky had Mersenove prvoslo

5 rokov scrum master,

8 rokov nvtevnk SND

49


50/53

Priemern cena lovekode (ManDay - MD): 250

Backend 50 MD 12 500

Zaha nakdovanie a tlovanie sprvy predstaven, osb (herci, ria, kontakty), recenzi, archvu,aktualt, lnkov, takisto initial setup vstupn nastavenie framework.

Frontend 25 MD 6 250

Zaha dizajn, nakdovanie a tlovanie zkladnho layoutu, domovskej strnky, podstrnokjednotlivch hier, nrov, kalendru predstaven, blogu, kontaktov a jednotlivch podstrnokv rmci menu. V zvislosti od API portlu Nvtevnk.sk vieme doplni aktulny poet vonch

vstupeniek k jednotlivm predstaveniam.

Vytvorenie nvrhu a ponuky 18 MD 4 500

Testovanie 10 MD 2 500

Project management 10 MD 2 500

28 250

Z dvodu tejto kalkulcie poadujeme maximlnu sumu 12 000 .

Odhad cenovej kalkulciE

Cena

+ DPH 5 650

33 900

50


51/53

7. Zver

51


52/53

Zdroje obrzkovPrehlasujeme, e obrzky prevzat zo strnky SND bolipouit vlune pre potreby vypracovania nvrhuwebovho sdla pre SND.

Zver

52


53/53

Ak ste prilia semakujeme za pretudovanie naeho nvrhu a temesa na spoluprcu s SND.

Everlution tm

We love to make things work.

Zver

Everlution s.r.o.

Myslenick 31, Pezinok 902 03, SRwww.everlution.sk

IO: 47 328 304, DI: 2023816179
https://www.everlution.sk/https://www.everlution.sk/https://www.everlution.sk/

everlution snd final

Documents