Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Nový kabát
pro stará
Studia nových
médií
Jakub Ferenc, Hana Němečková, Naďa Buchtová
Novamedia.ff.cuni.cz
Požadavky a zadání projektu
→ nové oborové stránky
→ revize a aktualizace obsahu
→ příprava nového obsahu k
jedno/dvouobor...
Novamedia.ff.cuni.cz
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ál...
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éd...
Cíle?
→vizuálně přitažlivější
→reprezentativnější
→aktualizovaný oborový web (od
příštího ak.roku máme
dvouobor!)
Práce
s textem
Nové stránky, nový styl
Č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 ...
Seriózně
„Novomediální filozofie se zabývá
ubikvitním rozmachem postindustriální
technologie.“
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ím...
Dotazník, data
a design
Data-informed design pro relevantní
řešení
Prototyping
1:1
Inspirace designérem Matějem Chaberou
Od myšlenek rovnou do html, css a
javascriptu
Re-design
důležitých
součástí
Horní část
aktualizované informace
pro studenty
Dolní část
statické (nové) informace
pro uchazeče a jiné uživatele
Informa...
Re-design hlavičky webu
Re-design hlavičky webu
Re-design hlavičky webu
Nové rychlé odkazy založené na datech z Google Analytics
Nové sekce na novém webu
Nové sekce na novém webu
Nové sekce na novém webu
Nový web je
responsivní
Přístup mobile-first
http://bit.ly/1V7BQS0
Vizuální
stránka
Obsah jako interface
Imediace a Metro design
Technikálie /
Geeky “stuff”
Less CSS
Bootstrap
Wordpress + vlastní plugin
Díky za
pozornost!
Upcoming SlideShare
Loading in …5
×

Nový kabát pro stará Studia nových médií :-)

303 views

Published on

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

Published in: Education
  • Be the first to comment

  • Be the first to like this

Nový kabát pro stará Studia nových médií :-)

  1. 1. Nový kabát pro stará Studia nových médií Jakub Ferenc, Hana Němečková, Naďa Buchtová
  2. 2. Novamedia.ff.cuni.cz
  3. 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. 4. Novamedia.ff.cuni.cz
  5. 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. 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. 7. Cíle? →vizuálně přitažlivější →reprezentativnější →aktualizovaný oborový web (od příštího ak.roku máme dvouobor!)
  8. 8. Práce s textem
  9. 9. Nové stránky, nový styl
  10. 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. 11. Seriózně „Novomediální filozofie se zabývá ubikvitním rozmachem postindustriální technologie.“
  12. 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. 13. Dotazník, data a design Data-informed design pro relevantní řešení
  14. 14. Prototyping 1:1 Inspirace designérem Matějem Chaberou Od myšlenek rovnou do html, css a javascriptu
  15. 15. Re-design důležitých součástí
  16. 16. Horní část aktualizované informace pro studenty Dolní část statické (nové) informace pro uchazeče a jiné uživatele Informační architektura Homepage
  17. 17. Re-design hlavičky webu
  18. 18. Re-design hlavičky webu
  19. 19. Re-design hlavičky webu
  20. 20. Nové rychlé odkazy založené na datech z Google Analytics
  21. 21. Nové sekce na novém webu
  22. 22. Nové sekce na novém webu
  23. 23. Nové sekce na novém webu
  24. 24. Nový web je responsivní Přístup mobile-first http://bit.ly/1V7BQS0
  25. 25. Vizuální stránka Obsah jako interface Imediace a Metro design
  26. 26. Technikálie / Geeky “stuff” Less CSS Bootstrap Wordpress + vlastní plugin
  27. 27. Díky za pozornost!

×