Seminární práce a
popis rolí
Ing. Martin Klepek, Ph.D.
Ing. Tereza Ikášová
Design a správa webové stránky
ZADÁNÍ SEMINÁRNÍ PRÁCE
Dnes budete rozděleni do týmů. Každý člen týmu bude zastávat konkrétní roli
projektu tvorby webu.
Vaším úkolem bude dostatečně proniknout do oboru role, kterou jste si vybrali,
a společnými silami se svým týmem vytvořit webovou stránku.
Požadavky na webovou stránku:
• Nový web děláte pro již existující firmu, která má webovou stránku.
• Tvoříte firemní web (e-shop NE)
• Vytvořený web bude funkční (ne pouze grafika)
ZADÁNÍ SEMINÁRNÍ PRÁCE
Hodnocení předmětu je složeno z následujících částí:
a) Sepsání reflective paper, v rámci kterého zreflektujte, jak jste si počínali při
své roli, jaké nové věci jste se při jejím studiu nad rámec výuky naučili a jak se
s rolí ztotožnili. (Max. 20 bodů).
b) Týmový výstup v podobě vytvořené funkční webové stránky a průvodního
textu za každou roli (v jednom společném týmovém dokumentu), který popisuje
strategii, která stála za dodanými výstupy. (Max. 40 bodů).
c) Týmová zkouška (Max. 40 bodů).
PROJEKTOVÝ MANAŽER
Náplň práce:
• Koordinace týmové práce
• Sestavení harmonogramu projektu a hlídání dodržování deadlinů
• Dohled nad na správnou posloupností úkolů a jejich logickou návazností.
• Poskytování podpory přetíženým členům týmu
Výstup:
• Harmonogram (plán projektu) - Word
• Vytvoření a správa platforem pro projektovou práci (Google Disk, Trello, popř. Teams) -
screen
• Projekt je dokončen v termínu
Doporučené nástroje a kroky:
• Trello, MS Teams, Google Disk, Tabulky Google
Co vám role přinese:
• Zlepšení dovedností v projektovém řízení a leadershipu
• Zkušenosti s vedením projektu
• Rozvoj organizačních a komunikačních schopností
Specifika:
• Role vyžaduje silné organizační a komunikační dovednosti
VSTUPNÍ ANALYTIK/MARKETÉR
Náplň práce:
• Analýza současných webových stránek
• Analýza konkurence
• Segmentace, targeting a positioning značky
Výstup:
• Stanovené STP – např. Word
• Vypracovaná analýza současného webu – např. Word
• Vypracovaná analýza konkurence – např. Word
Doporučené nástroje:
• Google Page Speed Insights
• Síla SEO (SEO analýza)
• Google
Co vám role přinese:
• Naučíte se analyzovat trh a konkurenci v kontextu webových stránek
• Získáte znalosti o segmentaci trhu a cílení zákazníků
• Rozvoj strategického myšlení
Specifika:
• Role je silně analytická
UX/UI DESIGNÉR
Náplň práce:
• Sestavení informační architektury webu
• Příprava wireframů pro všechny podstránky webu (dle výstupů ze vstupní analýzy)
Výstupy:
• Informační architektura webu ve vhodném nástroji (Whimsical, Miro atd.) – screen
myšlenkové mapy
• Wireframy pro všechny podstránky webu – Figma
Doporučené nástroje:
• Z počátku tužka a papír, následně Figma (wireframe, prototyp)
• Whimsical/Miro (myšlenkové mapy)
• Strukturované rozhovory s cílovou skupinou, uživatelské testování (současný web)
Co vám role přinese:
• Rozvoj dovedností v oblasti uživatelské zkušenosti
• Osvojení základních principů výzkumu v kontextu webových stránek
• Zlepšení kreativity a technických dovedností
Specifika:
• Role kombinuje kreativitu s technickým, analytickým myšlením
COPYWRITER + SEO SPECIALISTA
Náplň práce:
• Navnímání tonality značky
• Analýza klíčových slov
• Příprava textace webu
• Příprava meta nadpisů a popisků pro web
Výstupy:
• Analýza klíčových slov - Excel
• Textace nového webu, text přijde na místa vyznačená UX designérem – Word
• Meta nadpisy a popisky - Word
Doporučené nástroje:
• Google Trends, Collabim (trial verze)
• ChatGPT
Co vám role přinese:
• Naučíte se psát přesvědčivě a účelně
• Porozumíte vyhledávání klíčových slov a jejich citlivému zanesení do textace webu
Specifika:
• Role vyžaduje analytické myšlení a vlohy pro psaní textů
GRAFIK
Náplň práce:
• Definování barevné palety pro nový web
• Výběr Google fontů pro nový web
• Nafocení vlastních fotografií NEBO vygenerování obrázků pomocí AI. - Webová stránka
nebude obsahovat žádné fotky z fotobank či internetu. Pouze vlastní tvorbu.
• Vytvoření grafického návrhu webu ve Figma (volitelné)
Výstupy:
• Barevná paleta – konkrétní kódy barev
• Vybraná písma – názvy fontů a odkazy na jejich náhled na webu Google Fonts
• Fotografie vlastní tvorby NEBO vygenerované obrázky pomocí AI + prompty, které jste při
generování zadávali.
Doporučené nástroje:
• Google Fonts (https://fonts.google.com)
• Dall-E, MidJourney
• Figma
Co vám role přinese:
• Naučíte se vytvářet fotografie či je generovat prostřednictvím AI
• Rozvinete a otestujete své dovednosti v oblasti estetiky.
Specifika:
• Role vyžaduje estetické cítění a dobrý grafický úsudek.
WEB DESIGNÉR
Náplň práce
• Převzetí práce od všech členů týmu.
• Osvojení základů práce s platformou pro tvorbu webu.
• Vytvoření webové stránky na základě získaných podkladů.
Výstupy:
• Funkční webová stránka
Doporučené nástroje:
• Wordpress, Divi
• Dall-e, MidJourney, Unsplash
Co vám role přinese:
• Osvojení základní práce s Wordpressem
• Zkušenost s profesionální šablonou Divi
Specifika:
• Role vyžaduje technickou zdatnost a dobrý estetický úsudek
https://1url.cz/@roledss2023