Transcript Internet Project Plan - HOPE is as an anchor for the soul

Internet
Project Plan
Plaats een screenshot van de
bestaande homepage
(daarna dit tekstkader weghalen)
Werkcollege B2 C2
Plaats een screenshot met jouw ontwerp van
de vernieuwde homepage
(daarna dit tekstkader weghalen)
Jan-Willem van Pagee
Naam student: ________________________
Naam student: ________________________
Klas: _________
Klas: _________
Website: ________________________
Programma blok2
klaar om een mini-onderneming te beginnen en de kennis
uit o.a. dit blok toe te passen in goed onderbouwde plannen/
adviezen m.b.t. bestaande of nieuwe sites. De opgedane kennis
kan ook toegepast worden op meer middelen zoals app’s en
verschillende devices. App’s maken leer je niet. Dit gaat te ver in
het programmeren, maar met de basiskennis die je in jaar 1 en de
procesmatige kennis van dit jaar kun je wel adviezen geven die
de app in een heel ander daglicht kunnen zetten en hierdoor het
maximale uit een applicatie kunnen halen.
Ben jij die leergierige student die in dit profiel past,
dan is dit jouw blok!
Competenties volgens hogeschool richtlijnen
Tijdens dit blok leer je je adviserende rol als communicator te
versterken. Daarnaast leer je door onderzoek een onderbouwd
plan te maken en daarmee een eigen visie te ontwikkelen op het
gebied van internetcommunicatie. Je taalvaardigheden worden
geprikkeld bij het (her)schrijven van de content voor de website
die door o.a. google snel gevonden kan worden. De ontwikkelde
visie is terug te zien in een strategisch plan en visuele ontwerp
van de site. Onder andere het opgestelde plan en geschreven
content komen tot hun recht in een door jou gemaakt concept
website (uitvoering). Als laatste presenteer je alle doorlopen
facetten in een PDF, die mogelijk ook echt gebruikt kan worden.
In jaar 1 hebben we al kennis mogen maken met het fenomeen
internet. In blok3 heb je uit het niets een website gemaakt.
Deze opdracht had tot doel om o.a. bekend te worden met
termen zoals; HTML, CSS. Daarnaast leerde je deze codetalen
gecombineerd toe te passen in een echt werkende website.
Je wordt niet opgeleid om webbouwer/ontwerper/ict-er te
worden. Daar zijn andere opleidingen meer in gespecialiseerd.
Maar het is wel noodzakelijk om te weten hoe het proces in
zijn werk gaat, wat de mogelijkheden zijn en waar jouw rol als
communicatiespecialist van groot belang is. Je zult merken
als je verstand hebt van webbouwen, je sneller aansluiting
hebt en een sterke gesprekspartner wordt van bij bijvoorbeeld
webdevelopers of online marketeers. Hierdoor laat je je niet
van de wijs brengen en kun je miscommunicatie voorkomen.
Bovendien kun je het proces bewaken met betrekking tot
wensen, tijd, kosten. Voor degene die straks voor zich zelf willen
beginnen is de bouwers-competentie misschien wel handig om
verder te ontwikkelen.
In jaar twee vervolgen we deze cursus. De essentie van deze
lessen ligt met name op het proces van websites maken en
samenwerking. Een website valt of staat op het proces tot het
maken van de website. Onderzoek is het sleutelwoord bij het
proces. Met name op zoekersgedrag, usability, concurrentie
en onderscheidend vermogen. Een plan komt het best tot
zijn recht als je een concept van de website maakt. Hierdoor
ben je niet alleen een gebruiker en kun je zelf een kick krijgen,
de klant overtuigen en de developers je kennis tonen. Door
uitgebeide analyses kun jij je kritische blik onderbouwen
en de communicatieboodschap het best tot zijn recht laten
komen op o.a. het web. Aan het einde van het blok ben je
Denk hierbij aan fotoslideshows, webshop, forms. Het mag
natuurlijk wel technisch werken. Deze vaardigheden helpen wel
bij het overbrengen van het plan, maar zijn niet noodzakelijk om
een internetadvies over te brengen.
Beoordelingscriteria:
De opdracht wordt op de volgende criteria beoordeeld:
- Compleetheid (is alles ingevuld)
- Zoekoptimalisatie (realistisch, vernieuwend)
- Inhoud plan (onderbouwing, realistisch, tekstueel)
- Design (creativiteit, usability, overtuigingskracht, estethiek)
- Inhoud website (functionele tekst, logisch gekozen posities elemenenten zoals, menu, stuctuur)
- Techniek website (werkt de basis, extra toevoegingen)
- Publiceerbaarheid (verbeteringsgehalte, bruikbaarheid,
onderscheidend vermogen, passend bij doelgroep, functionaliteit, is totaal advies echt passend advies)
Zie weging in checklist pagina 11.
Elk lid per groepje krijgt hetzelfde cijfer mits er sprake
is van geen goede taakverdeling, samenwerking en / of
workload.
Hoofdopdrachtopdrachten
Gezien er veel bedrijven jarenlang dezelfde website hebben
luidt de hoofdopdracht als volgt: Verbeter in tweetallen een
bestaande (dramatische) website (min. 2 webpagina’s home
en volgpagina), d.m.v. een analyse van de bestaande site en
twee concurrerende websites. Vul, naast de uitkomsten van
de analyses, ook de overige ruimtes met goed overwogen
informatie in (internetcommunicatieplan). Een commercieel
bedrijf heeft vaak wel de knowhow en het geld, maar stichtingen
en goede doelen, verenigingen of iets dergelijks hebben vaak
het geld niet om de site aan te passen. Zie dit als een kans
om ervaring op te doen en anderen kostenloos te helpen
(maatschappelijk ondernemen!).
Deadline:
Laatste les presenteer je in tweetallen het plan.
Hierbij krijg je feedback van de docent en je klasgenoten.
De groepjes van twee verdelen vooraf de taken evenwichtig.
Het bouwen van de site doe je daarintegen samen.
De website moet zelf gebouwd zijn. Je mag GEEN templates
gebruiken. Dus Wordpress-themes mogen niet gebruikt worden!
Achter in dit werkboekje vul je de vervulde taken en uren per
student in. Technisch hoeft niet alles te werken. Als je maar
aangeeft wat de bedoeling is van het geen wat nog niet werkt.
Herkansing:
Verbeter zelfstandig een andere bestaande website. Zie voor
de rest de hierboven genoemde hoofdopdracht. Inleveren op
vrijdag voor 15.00 uur in de herkansingweek van blok3. Lukt
dat niet dan moet je het inleveren op vrijdag voor 15.00 uur in
herkansingweek blok2 volgend jaar.
Inleveren:
Website online met je werkboekje (downloadbare pdf ) op een
logische plaats op de homepage. URL vóór de deadline mailen
naar docent. Check altijd voordat je inlevert of alles naar behoren
werkt. Lessen zijn verplicht en na twee lessen gemist te hebben
dien je je te melden bij de docent om het verdere verloop te
bespreken. Drie lessen gemist (welke reden dan ook, want de
helft van het blok gemist) is het blok over doen in jaar 4 (jaar drie
loop je stage).
Blok 2 C2 internetcommunicatie
2
Bedrijven staan te springen om adviseurs met kennis van
zaken, maar dat weten ze vaak zelf niet. Vooral bestaande
websites zijn vaak toe aan een facelift zowel visueel als
inhoudelijk. Met name in het tijdperk van zeer snelle
technologische ontwikkelingen zoekt het bedrijfsleven
naar mensen met de juiste knowhow en de gedrevenheid
om te blijven leren, de laatste trends te volgen om daar
ook een visie over te ontwikkelen en skills om deze te
implementeren.
Weekoverzicht
Lees het overzicht goed door en zet in je smartphone het
huiswerk al neer. Hierdoor voorkom je problemen en heb
je de informatie al 1 keer tot je genomen.
Les1
eerste uur
- Veranderingen in de jaren qua look feel en inhoud
- Theorie (websites bekijken en vergelijken)
- Usability
- Toekomst (cloud), devices etc. (filmpjes)
- Zoekmachine optimalisatie
- Google Adwords
- Mogelijkheden in een website
- Troubleshooting
- Uitleg internetprojectplan
- Uitleg webschets (vlekkenplan pagina-indeling)
TIPS:
- Kijk goed naar de checklist en houd hem bij.
- Kijk kritisch naar de bestaande website en die van
ECHTE concurrenten.
- Kies echte bedrijven en niet blogs of iets dergelijks.
- Als je een bestaande website van echt goed advies voorziet, kun je
dit ook voorleggen aan het bedrijf in kwestie (€€€€).
- Maak een goede schets en een goed doordacht functioneel plan (zijn veel punten voor te halen).
- Maak het je zelf niet te moeilijk. Niet alles hoeft te werken (mag natuurlijk wel). Je kunt ook o.a. een slideshow als plaatje tonen)
- Vergeet niet achterin je taken en urenverantwoording te (pag19)
vermelden voordat je de opdracht inlevert.
- Test altijd alles voordat je het inlevert!
- Kijk uit dat er geen teksten verborgen zijn (rood plusje).
- Vergeet niet je klas en naam te vermelden in het werkboek.
- Vul het werkboek (met zinnige info) volledig in.
(geen lege vakken!)
Opfris cursus Dreamweaver HTML CSS
Huiswerk
Beeld en (bestaande) tekst materiaal verzamelen
voor inhoud van site
Verder werken aan ontwerp in photoshop
Verder invullen Internetprojectplan
Les 4
eerste en tweede uur
Opfris cursus Dreamweaver HTML CSS
Aan de hand van eigen gemaakte schets
de gekozen website in HTML en CSS maken
Huiswerk
Site geraamte afmaken van eigen project (HTML en CSS)
Ontwerp in photoshop homepagina afmaken
Verder invullen Internetprojectplan
Les 5
eerste uur
Van Photoshop naar Dreamweaver
Opdelen van photoshopontwerp in slices
(oefening tijdens de les)
Uitleg online zetten
Werken aan eigen project
Les 2
eerste uur en tweede uur
Bespreken huiswerk volgende les
Photoshop cursus
- Vlakken opbouw
- Kleuren
- Slicen
Huiswerk
Ontwerp in Photoshop volgpagina afmaken
Presentatie plan voorbereiden
Huiswerk
Verder invullen Internetprojectplan (pagina 6, 7, 8, 9)
Beeld en (bestaande) tekst materiaal verzamelen voor
inhoud van site en meenemen naar de les
Huiswerk
Feedback verwerken en PDF-en van internetplan en als
download plaatsen in gemaakte website
Online zetten website voor gestelde termijn
Les 6
eerste en tweede uur
Presenteren van Internetplannen
8
Huiswerk
Keuze maken bestaande website om te verbeteren
(bestaande website moet echt dramatisch zijn)
TIP! Maak contact met het bedrijf waarvoor je de site
wilt gaan verbeteren.
Begin maken met invullen Internetprojectplan voor
gekozen website (pagina 4, 5, 13 t/m 18)
3
tweede uur (als er tijd over is)
- Theorie toepassen op basis van
4 aangeleverde websites in groepen
- Groepen rouleren
- Evalueren van bevindingen
- Selectie samenwerkingsgroepen maken
Les 3
Eerste en tweede uur
Bespreken aantal schetsontwerpen/functioneel plan
(pag 8 en 9).
Internet
Project Plan
Werkcollege B2 C2
Photoshop ontwerp (bestaan
de en nieuwe volgpagina)
nicatie
Blok 2 C2 internetcommu
Bestaande volgpagina
Deborah & Annelien
Naam student: ________________________
C2C
Klas:_________
olade.nl
_____
www.visserchoc
_____________
Website:______
Nieuwe volgpagina
Blok 2 C2 internetcom
Blok 2 C2 internetcommunicatie
Analyse en beeldvorming
Korte omschijving geanalyseerde organisatie
Wat kun je zeggen over de organisatiecultuur?
De organisatie die ik voor de opdracht heb geanalyseerd is een kerk in Ede. De kerk
valt onder de evangelische stroming, alhoewel ze liever niet een bepaalde stempel
(denominatie) krijgt toegediend. Tijdens mijn studie aan de CHE ben ik op zondag
hier regelmatig te vinden tijdens de dienst. De kerk kan wat mijn communicatieve
vormgevings-oog wel een redelijke ‘opknapbeurt’ gebruiken.
Er is een leiderschapsteam aanwezig wat bestaat o.a. uit 2
leiders, sprekers, muziekteam, kinderwerkers en jeugdleiding.
Primaire doelstelling organisatie
Het bouwen van gemeenschap en het cultiveren van de boodschap van jezus Christus.
Wat is het doel van de organisatie met de bestaande website?
Wat is de eerste indruk van de bestaande website?
donker, koude kleuren, geen goede kleuren combinatie.
Gemaakt met basis HTML en CSS.
Weinig aandacht aan design
Gevoel of de website uit 2000 komt.
Welke huisstijlelementen zie je op de bestaande
website?
In welke landen is de organisatie actief?
Platform niet meer van deze tijd
geen passende uitstraling voor de kerk
Website niet mobile friendly
4
Elke zondag een dienst in de vorm van een bijeenkomst met een spreker en muziek.
Zwakke punten
groot logo links bovenin
Kleuren in de menu items komen terug in de tekst en afbeeldingen
Mensen informeren over wie ze zijn, wat ze doen en waar en wanneer je ze kunt
bereiken.
Welke diensten of producten levert de organisatie?
Sterke punten
informatie makkelijk en overzichtelijk te vinden
Wat is de corporate story van het bedrijf (of schrijf er een)
De goede boodschap overbrengen.
SWOT bestaande website
(uitkomsten checklist pagina 11)
Bedreigingen
Wie kunnen we als concullega’s van de organisatie
beschouwen? (Twee analyseren)
Voor dit onderzoek worden twee concullega’s uitgezocht. Ter
bevordering van het onderzoek is er gekeken naar concullega’s
die veel aandacht hebben besteed aan de online inrichting. Kennis en beschikbaarheid van materiaal zijn hierbij key
elementen.
Concullega 1: Mozaiek0318 / Concullega 2: Hillsong Church
Enkel in Nederland
Wat is de aanleiding om de bestaande website te
verbeteren?
In welk marksegment bevindt de organisatie zich?
Ondanks dat de website van HOPE beschikt over alle benodigde informatie die men verwacht op een kerkelijk platform te
vinden, staat de inrichting van het platform niet meer in lijn
met de uitstraling van de kerk. “De website heeft geen uitstraling van een jonge dynamische gemeente”
“Website is het nieuwe visitekaartje” Slecht visitekaartje geeft geen goede indruk. Indirect, minder
kans op nieuwe bezoekers/ leden.
Kansen
Meer gebruik maken van afbeeldingen
Non-profit / geestelijk
Blok 2 C2 internetcommunicatie
Geanalyseerde Concurrent 1
Plaatst hier een screenshot van de website van concurrent 1
en vul a.h.v. de gemaakte analyse, de plus- en minpunten in
(zet nummers in de screenshots om te verwijzennaar wat je bedoeld).
Pluspunten bestaande website
en onderbouwing
1. Kernwaarden centraal
2. Professionele uitstraling
3. afbeeldingen geven inside looks weer, “Echte sfeer/
gang van zaken wordt duidelijk”
4. Goede kleurencombinatie
5. Nagedacht over het design en de inrichting van de
website
Minpunten bestaande website
en onderbouwing
2.
3.
4.
5.
Home pagina (of landingspage)
Blok 2 C2 internetcommunicatie
5
1. Landingspagina beschikt over veel call to actions.
Geanalyseerde Concurrent 2
Plaatst hier een screenshot van de website van concurrent 2
en vul a.h.v. de gemaakte analyse, de plus- en minpunten in
(zet nummers in de screenshots om te verwijzennaar wat je bedoeld).).
Pluspunten bestaande website
en onderbouwing
1. Sterke opening. Prikkelend, maakt nieuwschierig.
2. website heeft een goede “flow”
3. Mobile friendly
4. afbeeldingen geven inside looks weer, “Echte sfeer/
gang van zaken wordt duidelijk”
5. Kernwaarden centraal
Minpunten bestaande website
en onderbouwing
2. veel verkoop/ promotie
3.
4.
5.
Home pagina (of landingspage)
Blok 2 C2 internetcommunicatie
6
1. Landingspagina beschikt over veel call to actions
Photoshop ontwerp (bestaande homepagina)
Plaatst in het kader op de monitor een screenshot van de bestaande website en vul a.h.v. de gemaakte
analyse, de plus en min punten in (zet nummers in de screenshots om te verwijzen naar wat je bedoelt).
Pluspunten bestaande website
en onderbouwing
1.
2.
3.
4.
5.
1.
2.
3.
4.
5.
Blok 2 C2 internetcommunicatie
7
Minpunten bestaande website
en onderbouwing
Strategie nieuwe website
Plaats hieronder plaatjes interessegebieden doelgroep
Persona (beschijving op 10 punten van een bezoeker)
Interessegebieden doelgroep (minimaal 10)
- spirituele interesse
- net afgestudeerd, op zoek naar een kerk om in te investeren
- post-modernist, oog voor kwaliteit en gericht op relatie
- intersse in worship-muziek
- open houding, stelt eerlijke vragen, ‘sociaal dier’
- leergierig
- ‘urban’ stadsmentaliteit
-
- muziek
- design (oog voor detail)
- koffie-cultuur
- studie (bijbel)
- Jezus/bijbel
- zingen
- groeien en ontwikkelen
- leiderschap
- gebed en aanbidding
Scenario (vertelt hoe de bezoeker op de site komt)
Doel / missie website (kennis / houding / gedrag)
Bezoekers prikkelen, nieuwschierig maken en informeren.
Plaats hieronder plaatjes inspiratie nieuwe site
Inhoud bestaande website
(onderwerpen, content, bijzonderheden, etc.)
Geadviseerde en noodzakelijke inhoud/content
(Wat is noodzakelijk qua onderwerpen, content, bijzonderheden, etc.)
Veranderlijke content benoemen. (nieuws, producten vacatures etc.)
en met welke regelmaat zal dit plaatsvinden?
Blok 2 C2 internetcommunicatie
8
Marloes is net afgestudeerd en bevindt zich in een kantelperiode. Haar
oude vertrouwde omgeving heeft ze voorgoed gedag gezegd om nu, na
haar studie, een sociaal en onafhankelijk leventje op te bouwen in haar
studentenstad Ede. Van een vriend heeft ze gehoord over een kleine,
jonge gemeente. Ze besluit te googelen op ‘jonge kerk Ede’. In een paar
clicks komt ze op de website van HOPE, de kerk waar haar vriendin het
over had. Door het grafisch design, de afbeeldingen en de uitstraling
van de website wordt ze nieuwschierig en enthousiast. Ze besluit de stoute
schoenen aan te trekken en de eerstvolgende dienst te bezoeken, waarvan
ze het thema en de spreker al heeft kunnen vinden op de website.
Opdracht zoekgedrag en vindbaarheid
Hoofdcategorie
Opdracht
Voor de opdracht ga je op zoek naar de populaire zoekwoorden van het bedrijf waarvoor je de website gaat
maken. Je maakt hiervoor een account aan in Adwords en gaat een zoekwoordenanalyse uitvoeren. Overeenkomende woorden
Aantal zoekers
volgens
Adwords
Concurrent
volgens
Adwords
1
Bundel alle woorden die op hetzelfde neerkomen in een hoofdcategorie. Het is de bedoeling dat je 10 of
meer hoofdcategorieën gaat krijgen. De woorden die bij de hoofdcategorie horen, vermeld je ook.
2
Geef in het overzicht per woord aan hoeveel zoekers de afgelopen maand op het woord gezocht hebben en
hoe groot de concurrentie volgens Adwords is.
3
Bij iedere hoofdcategorie geef je een uitleg waarom je juist dit zoekwoord als hoofdcategorie hebt gemaakt.
Bedenk daarbij dat in de meeste gevallen slim is om juist een woord waarop niet zoveel concurrentie zit veel
4
op je website te gebruiken.
Hoofdcategorie
Waarom dit zoekwoord als hoofdcategorie
5
1
6
2
9
3
4
7
5
6
8
7
8
9
9
10
10
Op welke website zou jij een advertentie plaatsen of link naar jouw site en waarom?
Internetadres
Argumenten
Blok 2 C2 internetcommunicatie
Sociale Media
Welke aanwezige sociale media zijn er of missen er volgens jou.
Mocht er een bestaande
facebookpagina zijn, plaats
hier dan een screenshot.
Kruis aan van welke
sociale media middelen
gebruik wordt gemaakt
Sociale media functioneel ingezet?
ja
nee
Twitter
Facebook
Google+
beknopte onderbouwing en adviesen
x
Twitter is een handig medium om een breed publiek aan
te spreken d.m.v. tags. Hier kan HOPE church een breder
publiek aanspreken
x
FB is wordt voornamelijk gebruikt voor de huidige leden
van de kerk, activiteiten en foto’s worden gepubliceerd op
Facebook
Instagram
x
Instagram zou goed werken als 1 (jong) persoon die fotografie als hobby heeft hierop wordt gezet. Elke dag 1 foto
waarin bijvoorbeeld leden worden geintroduceerd d.m.v
een kort verhaal of getuigenis (storytelling)
x
Handig om preken op te publiceren.
x
10
Plaats hier een
screenshot van
de door jullie
aangemaakte
gemaakte facebookpagina
aanrader
Youtube
Pinterest
x
Flickr.com
x
Anders nl.
x
Anders nl.
x
Blok 2 C2 internetcommunicatie
Structuur vernieuwde website
Info verzamelen, structureren, adresseren, labelen
status
Met deze takenlijst hou je het overzicht. Kruis aan wat af is.
Analyse/Strategie (weging max. 25 punten)
Keuze Kruis de technische mogelijkheden aan
die je in de website zou willen plaatsen
zoekfunctie
Voor het eventueel zoeken op preken/ agenda punten.
Animatie/interactie
contactformulier
In de vorm van een mail optie is dit handig. Voor eventuele
vragen of verdere info.
filmpjes / video
video’s van de diensten/livestreams zijn erg populair, handig
in kerken voor mensen die niet kunnen komen maar wel de
dienst willen meemaken.
foto gallery
Foto’s van de diensten en events geven een leuke indruk voor
bezoekers en dienen als herinneringen voor de leden.
links naar Facebook
Een link naar de sociale media is zeker van belang om de
onderlinge gesprekken en verbindingen daar voort te zetten.
links naar Twitter
Een link naar de sociale media is zeker van belang om de onderlinge gesprekken en verbindingen daar voort te zetten.
Oefening tijdens les1 (entree CHE) (pag 19)
Analyse bestaande website (pag 4, 7,20 , 21, 22)
Concurrentie analyse 2x (pag 23, 24, 25, 26, 27, 28, 5, 6 )
Strategie nieuwe site (pag 8)
Onderbouwing
Zoekgedrag en vindbaarheid (pag 9)
Sociale Media en eigen Facebook pagina voor bedrijf (pag 10)
Terugkoppeling naar klant en feedback (optioneel pag 18)
Structuur (weging max. 20 punten)
Keuze technische mogelijkheden en onderbouwing (pag11)
Structuur tekening, sitemap maken (breadcrumbs) (pag 12)
Functioneel ontwerp (vlekkenplan) en onderbouwing 2x pag 13, 14)
Informatie verzamelen (beeld, bestaande tekst)
A.d.h.v. functioneel ontwerp, homepage ontwerp in Photoshop (pag 15, 16)
A.d.h.v. functioneel ontwerp, volgpagina ontwerp in Photoshop (pag 17, 18)
links naar Linkedin
meertalige optie
Het is goed om de pagina ook in het Engels aan te bieden.
Slices van onderdelen voor dreamweaver
flash intro
DreamWeaver (weging max. 30 punten)
leeftijds autorisatie
A.d.h.v. functioneel ontwerp <div> opbouwen m.b.v. HTML en CSS
beveiligde regionen (password)
Voor leden is een beveiligde zone met adres en contactgegevens erg handig om te hebben. Wel belangrijk dat deze
goed beveiligd wordt.
mogelijkheid tot lid worden
Als men lid wil worden van de kerk is het belangrijk dat deze
optie online wordt aangeboden al zal de verdere procedure via
persoonlijk contact worden vervolgd.
agenda
Belangrijk om de leden en bezoekers op de hoogte te houden
van evenementen, en diensten. Ook de inhoud van de diensten speelt hier een belangrijke rol, zo kan men op de hoogte
worden gesteld van de activiteiten/thema’s/preken die de kerk
aanbied.
forum / blog
preken kunnen door de voorganger gepubliceerd worden
zodat leden en bezoekers deze op een later moment kunnen
teruglezen. Video’s kunnen hieraan gekoppeld worden.
Invullen en/of herschrijven van content (zoekoptimalisatie) van de website
In PDF downloadbare internetplan geplaatst op zichtbare plaats op de site
Online zetten > werkende site (twee pag) en url gemaild
Transparant ingevulde taakverdeling en samenwerking pag 29 (o/v)
Blok 2 C2 internetcommunicatie
11
Ontwerp (weging max. 25 punten)
content items
footer
Stuctuur
tekening
Extra
uitleg
huiswerk
voor aankomende les.
In te vullen structuurschema
Organiseren van informatie (labelen) door informatie en navigatie structuur te tekenen
(vervang geplaatste materiaal met eigen stuctuur tekening
Opdracht 1 vb. Stuctuur tekening
Maak hem niet na,maar ontwikkel
een structuur tekening die bij jouw
website past.
HOME
menu items :
• link evenement
• .........................
• ...................etc.
?
Evenement
puntgewijs vermelden
wat er op deze pagina
gaat komen
puntgewijs vermelden
wat er op deze pagina
gaat komen
puntgewijs vermelden
wat er op deze pagina
gaat komen
• www...........
• www...........
• ...................etc.
......................
...................etc.
www.
www.
12
?
?
downloadbare PDF
......................
......................
...................etc.
Sitemapgegevens per menu item invoeren minimaal 4 (breadcrumbs) (voorbeeld: home / algemeen / organisatiecultuur / personeelsbeleid)
Blok 2 C2 internetcommunicatie
Functioneel ontwerp (Homepagina)
Ontwerp en keuze onderbouwing
Opdracht 2 vb. Functionele tekening
Vervang
het geplaatste screenshot van het functionele ontwerp met die van jullie
Maak hem niet na, maar ontwikkel een sturctuur tekening die bij jouw website past.
Christelijke Hogeschool Ede - Overtuigend anders
http://www.che.nl
Onderbouwing gemaakte keuzes
Body
Strak design, korte bondige tekst, responsive,
Formaat in px
Google
Container/wrapper
Inge van Diepen
Studente Communicatie
Header
"Geloven op school,
een veilige keuze!"
Logo
Items
transparante background. menubalk
0:07 / 0:18
Images
Home
Studeren
Professionals & bedrijven
Studeren bij CHE
Onderzoek
Bezoek de Open dag
Personeel en arbeid (P&A)
Journalistiek
Management, economie en recht (MER)
Sociaal pedagogisch hulpverlening (SPH)
Leraar basisonderwijs (PABO)
Maatschappelijk werk en dienstverlening (MWD)
Godsdienst pastoraal werk (GPW)
Verpleegkunde
Leraar godsdienst
Bezoek de open dag!
Professional en Bedrijven
vul een trefwoord in..
Zoeken
Nieuwsberichten en
actualiteit
Homepage: gekozen voor een zee, associatie met het
woord ‘anchor’.
‘over ons’: koffie met journal verwijst naar koffiecultuur =
tijd met elkaar doorbrengen, elkaar leren kennen. Journal
verwijst naar: leren, ontwikkelen, groeien, reflecteren
Navigatie
gebruiksvriendelijk en overzichtelijk
Content
Gekozen voor korte, bondige en aantrekkelijke teksten.
De combinatie van aansprekende tekst, strak design en
aantrekkelijke afbeeldingen wekt nieuwschierigheid op bij
de bezoeker.
Interactiviteit
Download button
Advertentie ruimte
geen! Het is geen commerciele instelling
Evenementen
Wat staat er in de footer:
Beknopt beschrijven Doe dit
ook bij kaders waar foto’s in
komen te staan!
Footer
Links
Blok 2 C2 internetcommunicatie
13
Communicatie
Over CHE
Functioneel ontwerp (volgpagina)
Ontwerp en keuze onderbouwing
Items
Vervang het geplaatste screenshot van het functionele ontwerp met die van jullie
Onderbouwing gemaakte keuzes
Formaat in px
Body
Christelijke Hogeschool Ede - Overtuigend anders
http://www.che.nl/studeren/communicatie
Google
Container/wrapper
Inge van Diepen
Studente Communicatie
"Een dag achter de schermen
bij de EO"
Logo
Header
0:07 / 0:18
Studeren
Professionals & bedrijven
Onderzoek
Communicatie
Instroomeisen
Zoeken
Communicatie op de CHE!
Beroepsperspectief
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec odio urna. Quisque scelerisque
Studiejaren
tempus bibendum. Donec nec urna id nibh pulvinar scelerisque pretium in nulla. Aenean eu feugiat
Stage
sapien. Pellentesque at lacus est, vestibulum malesuada ipsum. Vestibulum ante ipsum primis in
Specialiseren
faucibus orci luctus et ultrices posuere cubilia Curae; Sed enim nibh, semper vitae molestie ut,
Deeltijd
Images
Over CHE
vul een trefwoord in..
condimentum ac sapien.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Sed enim nibh, semper vitae molestie ut, condimentum ac sapien.
Content
14
Studeren in Ede
Navigatie
CHEck it out!
Home
Home > Studeren > Communicatie
Twijfel je of jij geschikt bent als student Communicatie?
Studiekeuze advies
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas
Bezoek de open dag
nec odio urna. Quisque scelerisque tempus bibendum. Donec nec
urna id nibh pulvinar scelerisque pretium in nulla.
Chat met
Stefan
Quisque scelerisque tempus bibendum. Donec nec urna id nibh
Inschrijven!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec odio urna. Quisque scelerisque
tempus bibendum. Donec nec urna id nibh pulvinar scelerisque pretium in nulla.
interactiviteit
Aenean eu feugiat sapien. Pellentesque at lacus est, vestibulum malesuada ipsum.
Donec nec urna id nibh pulvinar scelerisque pretium in nulla. Aenean eu feugiat sapien. Pellentesque at
lacus est, vestibulum malesuada ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Sed enim nibh, semper vitae molestie ut, condimentum ac sapien.Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed enim nibh, semper vitae molestie
ut, condimentum ac sapien.
Advertentie ruimte
Loop een dagje mee met een Communicatie student
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas
nec odio urna. Quisque scelerisque tempus bibendum. Donec nec
urna id nibh pulvinar scelerisque pretium in nulla.
Meld je
aan!
Links
Quisque scelerisque tempus bibendum. Donec nec urna id nibh
Footer
Footer
Blok 2 C2 internetcommunicatie
Photoshop ontwerp (bestaande en nieuwe homepagina)
15
Blok 2 C2 internetcommunicatie
Photoshop ontwerp (nieuwe homepagina)
Ontwerp onderbouwing gemaakte keuzes
Knelpunten /aanbevelingen
16
Verschillen bij het tonen op andere devices.
Blok 2 C2 internetcommunicatie
Photoshop ontwerp (nieuwe volgpagina)
Ontwerp onderbouwing gemaakte keuzes
Knelpunten /aanbevelingen
17
Verschillen bij het tonen op andere devices.
Blok 2 C2 internetcommunicatie
Terugkoppeling vernieuwde website
van
wie
Goede punten
Verbeterpunten en feedback
klant (K), docent (D) en mede
leerlingen(S)
van
wie
Goede punten
Verbeterpunten en feedback
klant (K), docent (D) en mede
leerlingen(S)
18
Blok 2 C2 internetcommunicatie
Aanbevelingen Entree J&C oefening les1
Thema: Zo ziet de student graag de inrichting van entree J&C!
Goede punten
Verbeter punten en feedback
Schets
19
Blok 2 C2 internetcommunicatie
Bestaande site analyse checklist (pag1)
Korte toelichting
Korte toelichting
20
Korte toelichting
Korte toelichting
Korte toelichting
Bestaande site analyse checklist (Extra Pag2)
21
Korte toelichting
Bestaande site analyse checklist (pag3)
Korte toelichting
Korte toelichting
Conclusie en onderbouwing
22
Eindcijfer
Concurrentie 1 analyse checklist (pag1)
Korte toelichting
Korte toelichting
23
Korte toelichting
Korte toelichting
Korte toelichting
Concurrentie 1 analyse checklist (Extra Pag2)
24
Korte toelichting
Concurrentie 1 analyse checklist (pag3)
Korte toelichting
Korte toelichting
Conclusie en onderbouwing
25
Eindcijfer
Concurrentie 2 analyse checklist (pag1)
Korte toelichting
Korte toelichting
26
Korte toelichting
Korte toelichting
Korte toelichting
Concurrentie 2 analyse checklist (Extra Pag2)
27
Korte toelichting
Concurrentie 2 analyse checklist (pag3)
Korte toelichting
Korte toelichting
Conclusie en onderbouwing
28
Eindcijfer
Overzicht taken per student
klas
naam
omschrijving
klas
tijd
naam
omschrijving
tijd
29
totaal
totaal
Blok 2 C2 internetcommunicatie