Jakub Ferenc Hana Němečková Naďa Buchtová Cílem projektu bylo realizovat v rámci CMS Wordpress nové oborové webové stránky, s důrazem na možnost studovat obor nově i dvouoborově. Pro realizace projektu nebylo zapotřebí znalosti programování, spíše citu pro webový UX design a kladného vztahu ke copywritingu: byl revidován obsah, aktualizován a šablona byla upravena dle "vlastních požadavků" na vzhled tak, aby stránky plnily potřebné funkce a zároveň byly pro uživatele přívětivé/atraktivní. Záznam ke zhlédnutí: https://youtu.be/tYcR1ayZWcc?t=4h57m52s

1. Nový kabát
pro stará
Studia nových
médií
Jakub Ferenc, Hana Němečková, Naďa Buchtová

2. Novamedia.ff.cuni.cz

3. Požadavky a zadání projektu
→ nové oborové stránky
→ revize a aktualizace obsahu
→ příprava nového obsahu k
jedno/dvouoborovému studiu

4. Novamedia.ff.cuni.cz

5. Dotazník - jaký chcete nový
web?
→ nejčastěji je navštěvován jednou měsíčně
→ web je nejvyužívanějším go-to zdrojem aktuálních informací (77,3 %),
následuje twitter účet @stunome (51,1 %)
→ co na něm hledáme? nejčastěji informace procedurálního charakteru (aka
byrokracie spojená se studiem) a aktuální informace
→ panuje spokojenost s uspořádáním a aktuálností informací, naopak horší to je s
vizuální podobou a reprezentací oboru

6. Analýza - dotazník
→požadavky vzešlé z analýzy
+ moderní design
+ uspořádání informací na stránce
+ lidé Studií nových médií
+ projekty Studií nových médií

7. Cíle?
→vizuálně přitažlivější
→reprezentativnější
→aktualizovaný oborový web (od
příštího ak.roku máme
dvouobor!)

8. Práce
s textem

9. Nové stránky, nový styl

10. Čus, kejmo a jeho mámo!
„Chceš bejt cool a úplně nevíš, jak na
to? Trávíš spoustu času na netu a na
sítích tě bere i něco víc, než jen co
zrovna dělá ta číča z Tinderu a kde je
zrovna dobrá párty? Pojď k nám. Buď
cool, buď StuNoMe!“

11. Seriózně
„Novomediální filozofie se zabývá
ubikvitním rozmachem postindustriální
technologie.“

12. Zlatý střed
„Studia nových médií je navazujícím
magisterským oborem na FF UK, který
se pohybuje na hranici mezi humanitními
a vědecky i technicky zaměřenými obory.
Věnuje se jak teorii týkající se vlivu
nových technologií na společnost, tak
možnostem jejich aplikace.“

13. Dotazník, data
a design
Data-informed design pro relevantní
řešení

14. Prototyping
1:1
Inspirace designérem Matějem Chaberou
Od myšlenek rovnou do html, css a
javascriptu

15. Re-design
důležitých
součástí

16. Horní část
aktualizované informace
pro studenty
Dolní část
statické (nové) informace
pro uchazeče a jiné uživatele
Informační architektura Homepage

17. Re-design hlavičky webu

18. Re-design hlavičky webu

19. Re-design hlavičky webu

20. Nové rychlé odkazy založené na datech z Google Analytics

21. Nové sekce na novém webu

22. Nové sekce na novém webu

23. Nové sekce na novém webu

24. Nový web je
responsivní
Přístup mobile-first
http://bit.ly/1V7BQS0

25. Vizuální
stránka
Obsah jako interface
Imediace a Metro design

26. Technikálie /
Geeky “stuff”
Less CSS
Bootstrap
Wordpress + vlastní plugin

27. Díky za
pozornost!