Design rationale document. Rabobank.com
|
|
- Norbert Janssens
- 7 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Design rationale document Rabobank.com
2 Inhoudsopgave Inleiding Design values Algemene rationale Styleguide 2
3 Inleiding In dit document zijn de ontwerpuitgangspunten vastgelegd voor de vernieuwde Rabobank.com. Aan de hand van deze uitgangspunten is ontworpen en getoetst. Ze geven bovendien inzicht in de denkprocessen en de keuzes die zijn gemaakt. 3
4 Design values Aan het begin van het scrumproject voor Rabobank.com zijn er vier design values opgesteld. Het eindproduct, de Rabobank.com, moest hieraan voldoen. Internationaal geladen De Rabobank is een typisch Nederlandse bank. Nuchter, duidelijk en met een boerenkarakter. Iedereen in Nederland kent de bank zo. Maar in het buitenland is dat anders. Daar wil je naast de Nederlandse roots ook het internationale karakter uitstralen. Vandaar dat in het design de balans is gezocht tussen de nuchtere Nederlandse boerenaard en de internationale uitstraling van de bank. Verhalend Op de.com van een internationale bank moet je inzicht geven in de jaarcijfers, het productaanbod en hoe je contact op kunt nemen. Maar naast deze harde en koude content tonen verhalen waar de bank voor staat. Verhalen over mensen, binnen of buiten de bank. Mensen die voelen wat de bank teweeg brengt. Mensen die uitstralen wat de Rabobank ook uitstraalt. Gidsend De.com bedient zeer uiteenlopende doelgroepen. Van pers tot investeerders. Van grote corporates tot verdwaalde internationale Rabobank klanten. Al deze gebruikers hebben een eigen domein binnen of soms buiten de site. Navigatiestromen zijn, naast de heldere navigatie, afgevangen met een HUB-element. Een opvallend oranje blok op de homepage dat elke doelgroep de goede kant op stuurt. Flexibel De term flexibel heeft meerdere betekenissen binnen dit project. Allereerst moet de Rabobank.com responsive zijn en zich aanpassen naar verschillende schermformaten. Met flexibel wordt ook de opbouw van de verschillende pagina s bedoeld. Overzichtspagina s (bijvoorbeeld Duurzaamheid, Jaarverslagen of Rabo Development) bestaan uit verschillende elementen. Dit geldt ook voor artikelen en statische contentpagina s. Stakeholders en de redactie kunnen met de elementen zelf een pagina bouwen. 4
5 Algemene rationale De vorige versie van de Rabobank.com is flink onder de loep genomen. De bevindingen zijn samen met de merkwaarden van de Rabobank vertaald naar de algemene design rationale. 5
6 Een homepage centraal Een centraal vertrekpunt dat de rijkheid van de Rabobank toont. Een homepage die in grote visuele blokken laat zien wat er op dit moment speelt binnen de internationale wereld van de bank. 6
7 Een persoonlijke en benaderbare bank Er is voor een benaderbare Tone of Voice gekozen. Om zo een gelijkwaardige verhouding tussen de bank en de bezoeker van de website te creëren. Daarom staat op de homepage bijvoorbeeld een quote. Een quote van of over de Rabobank. Hiermee wordt duidelijk waar de Rabobank voor staat. 7
8 Navigeren via content Er staat veel content op de site. Heel veel content. Dit allemaal in een simpele en heldere navigatie oplossen is een illusie. De bezoekers navigeren daarom vooral via de content. Navigatie of ankeilers worden getoond daar waar ze relevant zijn. Zo houd je altijd een heldere en simpel te gebruiken site. 8
9 Magazine look & feel Een rijke user experience. Dat was het doel. Vandaar dat op contentniveau veel visuele verrijking is toegevoegd. Eigenlijk zoals dat ook in de folders, flyers en magazines van de Rabobank gebeurt. Prachtige foto s, grote titels, visueel onderscheidende leads, dropcaps en quotes. Allemaal voorbeelden van de visuele verrijking die de site een betere user experience geven. 9
10 Responsive Een volledig responsive website geoptimaliseerd voor alle formaten. Van grote beeldschermen tot mobiele telefoons. Door slimme hiërarchische keuzes te maken is de website voor elk moment geoptimaliseerd. Of de gebruiker nou achter de computer zit of op een mobiele telefoon snel wat op moet zoeken. 10
11 Open en toegankelijk Als bank wil je openheid en transparantie uitstralen. Ook visueel is dat belangrijk. Inkadering wordt daarom, als het kan, vermeden. Met open en toegankelijk wordt ook duidelijkheid bedoeld. Een goed voorbeeld hiervan is de verandering in typografie. Zo zijn de letters een slag groter gemaakt: voor lopende tekst is de oude 12px lettergrootte naar 17px veranderd. Dit nodigt de gebruiker meer uit om te lezen en vereist minder inspanning. 11
12 Focus en hierarchie Het is belangrijk dat het oog van de gebruiker eenvoudig door de content heen gaat. Waar op de vorige Rabobank.com veel elementen op hetzelfde niveau stonden, is op de nieuwe.com daarom een duidelijkere hierarchie aangebracht. Deze uit zich door sprekende fotografie, grote visuele ankeliers op overzichtspagina s, grotere koppen of een lead boven aan een artikel. Er wordt op elke pagina eigenlijk wel een element flink uitgelicht. Hiervandaan wordt het oog naar de rest van de content geleid. 12
13 Onderscheid Er bestaan veel verschillende soorten content op de Rabobank.com. Om dit begrijpbaar te maken voor de gebruiker, is hier een duidelijk onderscheid in gemaakt. Een persbericht ziet er bijvoorbeeld een stuk droger uit dan een magazine artikel. 13
14 Subtiel verassend Op een grote corporate website als de Rabobank.com is er geen ruimte voor gimmicks. Toch hoeft een corporate website niet perse saai of statisch te zijn. Daarom is de grens opgezocht van wat wel en niet kan. Zo bevat de website subtiele hovers, parallax scrolling achtergrond foto s en andere animaties. De regel hierbij is dat het zacht en rustig moet bewegen, zodat de verrijking vooral niet de overhand krijgt en subtiel aanwezig blijft. 14
15 Styleguide Grid Het grid voor de Rabobank.com bestaat uit 12 kolommen van elk 80 pixels breed, zonder gutter (of gutter van 0px). De 12 kolommen worden gebruikt als een veilig gebied, wat 960 pixels breed is. Dit past dan weer goed binnen 1024 pixels en is dus op desktop en landscape tablet te zien. Buiten dit veilige gebied loopt het grid nog twee kolommen door aan beide kanten. Waar het (esthetisch) kon, zijn elementen die geen tekst bevatten doorgetrokken naar deze buitenste kolommen. Een goed voorbeeld hiervan is de headerafbeelding op de homepage. 15
16 Kleuren Er is gebruik gemaakt van het vaste kleurenpallet van de Rabobank. De hoofdkleuren oranje en blauw zijn het meest prominent aangebracht, het liefst in combinatie met elkaar om herkenbaarheid van de Rabobank te vergroten. Daarnaast is er gebruik gemaakt van secondaire kleuren uit het pallet, waar de voorkeur vaak uitging naar hemelsblauw. Basiskleuren Steunkleuren Achtergrondkleur 16
17 Typografie Myriad Pro is de identiteitsbepalende letter van de Rabobank en is overal gebruikt. Voor een meer magazine-achtige look, is er een schreef letter aan toegevoegd: Cambria. Deze komt uit de huisstijl van de Rabobank en werd voorheen alleen nog maar in drukwerk gebruikt. Op de Rabobank.com wordt deze letter gebruikt bij de lead van een artikel en bij functieomschrijvingen van mensen. h1 h2 h3 h4 Lead Paragraph List Bullets Hyperlink Titel met functieomschrijving 17
18 Grafische elementen HUB element Quote block Vierkante ankeilers Social buttons Primaire buttons Secondaire buttons Tertiare buttons (intern) 18
19 Tertiare buttons (extern) Social feedmagnet element Avatar Iconen pijlers 19
edenspiekermann_ hva Stijlgids HvA responsive website
edenspiekermann_ hva Stijlgids HvA responsive website April 2014 Versie 1.0 HvA, Stijlgids responsive website - Februari 2014 - Versie 1.0 2 Inhoud Introductie 3 Concept webstijl 4 3-koloms grid homepage
Nadere informatieWIJ LEVEREN SOFTWARE WAARMEE VACATURES SNEL & EENVOUDIG WORDEN VERSPREID OP JOBBOARDS.
Huisstijlgids WIJ LEVEREN SOFTWARE WAARMEE VACATURES SNEL & EENVOUDIG WORDEN VERSPREID OP JOBBOARDS. HOE GEBRUIK JE DEZE HUISSTIJLGIDS? Deze huisstijlgids omvat afspraken over vorm, lettertypes, kleurgebruik
Nadere informatieInhoudsopgave. Styleguide Bewust. Pagina 2
Huisstijl Inhoudsopgave Inleiding Logo Logo gebruik Logo misbruik Logo app Kleuren Typografie Grid Beeld gebruik Beeld misbruik Beeld toepassing Buttons & iconen 3 4 5 6 7 8 9 10 11 12 13 14 Pagina 2 Inleiding
Nadere informatie1. ONTWIKKEL EEN MOBIELE VERSIE
1. ONTWIKKEL EEN MOBIELE VERSIE Het is een misvatting om te denken dat een webshop die ontwikkeld is als desktopsite, ook goed werkt voor mobiele gebruikers. Integendeel, je moet de website optimaliseren
Nadere informatieedenspiekermann_ hva Stijlgids HvA responsive website
edenspiekermann_ hva Stijlgids HvA responsive website April 2014 Versie 1.0 HvA, Stijlgids responsive website - Februari 2014 - Versie 1.0 2 Inhoud Introductie 3 Concept webstijl 4 3-koloms grid homepage
Nadere informatieProject Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld
Media, Informatie en Communicatie Ontwerpdocument Beeld Project Het Parool Jerry Leigh Henkes, Demy Verhoogt, Bastiaan Verbeek, Sterre van den Berge, Lucas de Vries, Kathy Gabriel en Hanna Loos. P125 Tutor
Nadere informatieUsability & Interface Design
Usability & Interface Design Marco Corrò Usability & Interface Design Interface Design = de vormgeving van de grafische gebruikersinterface van een website Usability = Extent to which a product can be
Nadere informatieCMD brand guide. Versie 1.0 oktober 2014
CMD brand guide Versie 1.0 oktober 2014 Inhoud 5 Uitgangpunten 7 Iconen 10 Totems 13 Typografie 16 Kleurgebruik 20 Fotografie 23 Uitingen 27 Powerpoint 29 Online 33 Beeldbank 35 Combinatie met HvA huisstijl
Nadere informatieTitelpagina Styleguide Jij&Overijssel
Huisstijlrichtlijnen Digitaal Titelpagina Styleguide Jij&Overijssel Inhoudopgave Onderwerp Pagina 1 Responsive design 3 2 Tone of voice 4 3 Kleurgebruik 5 4 Typografie 6 5 Formulieren 8 6 Pictogrammen
Nadere informatieInleiding. Daarnaast geldt dat bij gebruik van een eigen website een link wordt geplaatst bij de contactgegevens naar de homepage van In de Weerd:
Huisstijlhandboek Inhoudsopgave Inleiding... 3 Missie & organisatiebeschrijving... 4 Logo, pay-off & pictogrammen... 5 Logo & kleurgebruik... 6 Typografie... 8 Briefpapier... 9 Persbericht... 10 Powerpoint
Nadere informatieTemplate instellingen
Template instellingen Bij Vormgeving/Template instellingen vind je alle mogelijkheden om jouw huisstijl door te voeren in je shop. De template instellingen zijn onderverdeeld in diverse tabbladen. In dit
Nadere informatieResponsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders
Responsive Design Werkwijze en aanlevering Responsive Design Mach3Builders Introductie Door de explosieve stijging van het aantal soorten devices waarop websites bekeken kan worden, is het ontwerpen van
Nadere informatieWHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES
WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website? INTRODUCTIE Met het downloaden van deze whitepaper kunnen we
Nadere informatieNieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.
Be e ldsche rmvormge ving & We bde sign Doelstelling & Doelgroepverkenning Kijk naar verschillende websites om je doelgroep te verkennen. Ze hebben allemaal een andere doelstelling en roepen een bepaalde
Nadere informatieWeb. TU Delft. Huisstijlrichtlijnen
TU Delft Web TU Delft Huisstijlrichtlijnen Index 1 Broodtekst 2 Titels 3 Template homepage 4 Template vervolgpagina s 5 Hoofdmenu 6 Submenu 7 Headers 8 Tabblad 9 Tabblad varianten 10 Tabblad nieuws / agenda
Nadere informatieFunctioneel ontwerp. Navigatie
Functioneel ontwerp Het functioneel ontwerp bestaat uit de volgende onderdelen: 1. Navigatie 2. Lijst van alle pagina s 3. Paginaontwerp 4. Formulierontwerp 5. Grafisch ontwerp Navigatie Navigatie wordt
Nadere informatieBijlage 3. Kwalitatieve resultaten (uitkomsten verschillende usertests)
Bijlage 3. Kwalitatieve resultaten (uitkomsten verschillende usertests) 3.1 Mei 2014 3.2 10 & 11 november 2014 3.3 8 december 2014 Bijlage 3. Kwalitatieve resultaten (uitkomsten verschillende usertests)
Nadere informatie15 Interactie Ontwerpen
15 Interactie Ontwerpen Kenrick Fontijne 0909758 1A Inhoud Product backlog Sitemap Navigatie model Activity diagram Wireframes Content areas Styleguide Tone of voice Product Backlog MUST HAVE Als gebruiker
Nadere informatieContentformule website Alzheimer Nederland
Contentformule website Alzheimer Nederland Inleiding Deze contentformule is opgesteld bij de ontwikkeling van het nieuwe Alzheimer-Nederland.nl in 2016. Dit document legt uit welke keuzes zijn gemaakt
Nadere informatieAlgemene regels. Stappenplan webdesign
Algemene regels Stappenplan webdesign Kleurengebruik Denk bij het maken van een website aan je kleurencombinaties. Gebruik niet meer dan 4 kleuren; Achtergrond; Heading/ Subheading; Platte tekst; Links.
Nadere informatieGuideline document. Beeldgebruik bij homepage/ startscherm digitale diensten van Rabobank. Document voor Rabobank Nederland
Guideline document Beeldgebruik bij homepage/ startscherm digitale diensten van Rabobank Document voor Rabobank Nederland Bas van Agten, Jonathan Marchal Thijs Blaas Intro Dit guideline-document is geschreven
Nadere informatiesaleskit vtwonen.nl januari 2015
saleskit vtwonen.nl januari 2015 Over vtwonen.nl De website van het grootste en meest veelzijdige woonmerk van Nederland is een unieke one stop shop voor woonproducten, inspiratie en praktische informatie.
Nadere informatiestyleguide Albert Slow Styleguide
styleguide 1 Inleiding Albert Heijn wilde voor de ipad app Albert Slow een ontwerp dat echt aansprekend en wervend is zonder dat gebruiksvriendelijkheid en informatie voorziening in het gedrang zou komen.
Nadere informatieHuisstijlhandboek HiHaHo. Algemene richtlijnen & instructies voor het gebruik van de HiHaHo huisstijl Januari Versie 1.1
Algemene richtlijnen & instructies voor het gebruik van de HiHaHo huisstijl Januari 2016 - Versie 1.1 Inhoud 1. Inleiding 2. Logo 3. Opbouw logo en pay-off 4. Playbutton 5. Omgaan met het logo 6. Typografie
Nadere informatieEDUKIDS: Corporate DESIGN
EDUKIDS: Corporate DESIGN Visual Interface Design Eindopdracht door Mark Nuyens, V1TDI 1 INHOUD 1. 2. 3. 4. 5. Ontwerp logo Creatieve rationale: huisstijl Ontwerp homepage Ontwerp secundaire pagina Documentatie
Nadere informatieStijlgids mobiele apps Rijkswaterstaat
RWS BEDRIJFSINFORMATIE Stijlgids mobiele apps Rijkswaterstaat Richtlijn voor design en user experience Datum 17 maart 2015 Versie 1.1 Colofon Uitgegeven door Rijkswaterstaat Corporate Dienst Afdeling Corporate
Nadere informatieINHOUD. Introductie 3 Kleurenpalet 4 Typografie 5 Grid 6 Marges 7 Intro 8 Naam en functie 10 Bullet points 11 Titelpagina 12 Ondertiteling 13 Outro 14
STIJLGIDS HVA-VIDEO HOGESCHOOL VAN AMSTERDAM RICHTLIJNEN HVA-VIDEO VERSIE 1.0 2 INHOUD Introductie 3 Kleurenpalet 4 Typografie 5 Grid 6 Marges 7 Intro 8 Naam en functie 10 Bullet points 11 Titelpagina
Nadere informatieUw digitale. communicatie
Uw digitale communicatie Optieksignage: uw oplossing in Digital Signage Uw digitale communicatie Optieksignage is een unieke totaaloplossing op het gebied van digitale communicatie. Met de door ons ontwikkelde
Nadere informatieHUISSTIJLHANDBOEK. Huisstijlhandboek GGD Brabant-Zuidoost Versie 1.0
HUISSTIJLHANDBOEK Huisstijlhandboek GGD Brabant-Zuidoost Versie 1.0 INHOUDSOPGAVE Inleiding Pagina 03 Typografie Pagina 09 Het logo Pagina 04-06 Het gebruik van afbeeldingen Pagina 10-11 Kleurgebruik Pagina
Nadere informatieBedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit. Datum:
Briefing Webdesign Bedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit Datum: 23 Introductie Dit document is samengesteld om beter inzicht te krijgen in de informatie die een rol speelt bij
Nadere informatieWHITEPAPER IN 5 MINUTEN. 08. Content Design verdrijft CMS
WHITEPAPER IN 5 MINUTEN M A A R T 2 0 1 4 08. Content Design verdrijft CMS Introductie Je komt steeds vaker op websites die er bijzonder uitzien, of die het verhaal in één pagina vertellen. Jij wil dit
Nadere informatieVisual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO
Visual design Naam: Rob Dekker Studentnummer: 11020067 Vak: MMIO Datum: 02-03-2016 Wireframes desktop Maak visual designs van een homepage en product pagina van een sportmerk. Werk deze uit voor gebruik
Nadere informatieDennis Wagenaar 19-04-10 v 1.0
Ontwerprapport Save Energy Leiden Dennis Wagenaar 19-04-10 v 1.0 Inhoudsopgave Inleiding...4 1 Grafisch Ontwerp...5 1.1 De website...5 1.2 Header...6 1.3 Menu...6 1.4 Content...7 1.5 Grafieken...7 1.5
Nadere informatieresponsive design & merkbeleving Nils Vermeulen / Seminar
responsive design & merkbeleving Nils Vermeulen / Seminar deze seminar 1. De vraagstelling 2. Responsive (web)design 3. Responsive identity 4. Toepassen onderzoek 5. Van responsive design naar styleguide
Nadere informatieinhoud Merkpositionering 3
1 inhoud Deze styleguide is een overzicht van de kleuren/ texturen en lettertypes die in ons project uiteindelijke gekozen zijn. De onderbouwing en onderzoek hiernaar is te vinden op ons blog. Merkpositionering
Nadere informatieSTIJLHANDBOEK. een stijl met smaak. nederlands wijngilde
STIJLHANDBOEK een stijl met smaak nederlands wijngilde een vereniging van liefhebbers met een neus voor wijn Een vereniging van liefhebbers met een neus voor wijn. Zij heeft zich ten doel gesteld om de
Nadere informatieChantal Aafjes - 0834273. Onderzoek ABN AMRO
Chantal Aafjes - 0834273 Onderzoek ABN AMRO Inhoudsopgave Analyse Merkanalyse... pag. 4 Concurrentieanalyse... pag. 5 Merkanalyse (beeld)... pag. 6 Stijlstudie Schetsen... pag. 8 Digitale schetsen... pag.
Nadere informatieDeze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn?
Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn? Vormgeving in relatie tot verschillende doelgroepen Hoe kun je mensen groeperen? oefening [ met z n
Nadere informatieDoorontwikkeling huisstijl de Bibliotheek ten behoeve van jeugd en jongeren versie 1.0, oktober 2011
Doorontwikkeling huisstijl de Bibliotheek ten behoeve van jeugd en jongeren versie 1.0, oktober 2011 0.0 Huisstijlhandboek 0.1 Inleiding 0.2 Inhoudsopgave Inleiding Dit is een bijlage bij het huisstijlhandboek
Nadere informatieAddendum Burgerportaal
Centrum voor kennis en communicatie Concern communicatie Corporate communicatie Herman Gorterstraat 75 3511 EW Utrecht Postbus 18200 3501 CE Utrecht www.belastingdienst.nl Addendum Burgerportaal Contactpersoon
Nadere informatieSuccesvol dankzij het juiste design Ilse Kroes UX-designer van Vevida.
Succesvol dankzij het juiste design Ilse Kroes UX-designer van Vevida. 1 Reden dat je website er is. Informatie delen Online vertellen wat voor soort bedrijf je hebt. Zoveel mogelijk producten verkopen.
Nadere informatieDe website heeft een redelijk gestileerde uitstraling en oogt ook experimenteel. Verder lijd hij nauwelijks af van de inhoud, namelijk zijn foto s.
Analyse van een website (Opdracht 1a.) EricRyanAnderson.com De vormgeefaspecten Het doel van de website is om het werk van Eric Ryan Anderson te laten zien en daarmee klanten te overtuigen om gebruik te
Nadere informatieProduct Backlog. Als gebruiker wil ik een foto van mijzelf kunnen maken, omdat ik foto s wil laten zien aan andere mensen.
Product Backlog MUST HAVE Als gebruiker wil ik een foto van mijzelf kunnen maken, omdat ik foto s wil laten zien aan andere mensen. Als gebruiker wil ik dat mijn foto automatisch versierd wordt aan de
Nadere informatieWebflex voor Webdesigners
Webflex voor Webdesigners Kinetiek Webtechnologie - Handelstraat 14-6815 CW Arnhem - http://kinetiek.com Webflex voor webdesigners blz. 1 9-1-2013 17:09 Inhoudsopgave 1 Inleiding... 3 1.1 Menu s... 4 1.1.1
Nadere informatieSBO WEBSITES BOUWEN IN 7 STAPPEN
SBO WEBSITES BOUWEN IN 7 STAPPEN STAPPENPLAN WEBSITE BOUWEN Online ondernemers behalen drie procent meer omzet dan hun offline collega's, zo blijkt uit onderzoek. Een goede reden om als mkb er online aanwezig
Nadere informatieNederlandse Organisatie voor Wetenschappelijk Onderzoek
Nederlandse Organisatie voor Wetenschappelijk Onderzoek richtlijnen webstijl version 1.1 Fabrique Merken, Design en Interactie 12.12.2011 1 Fabrique Merken, Design en Interactie Inhoud 3 Introductie Algemeen
Nadere informatieAB OVO. iguide STYLEGUIDE
AB OVO iguide STYLEGUIDE 1 BEELDGEBRUIK SFEERVOL, MAAR NIET STOREND Bij elke keer dat je inlogt zie je dat de achtergrond bestaat uit een beeld. Dit beeld is van het land waar de gebruiker naartoe gaat.
Nadere informatieOver vtwonen.nl. Stijlvolle lay-out en responsive design. Adverteren via branded content online, print én TV
saleskit vtwonen.nl Over vtwonen.nl De website van het grootste en meest veelzijdige woonmerk van Nederland is een unieke one stop shop voor woonproducten, inspiratie en praktische informatie. Samengesteld
Nadere informatieDIGITALE COMMUNICATIE
DIGITALE COMMUNICATIE CONCURRENTIEANALYSE WEBSITE MPC STEF SEGERS TINE VAN NUNEN VEERLE VAN ROSSOM ELLEN VERRESEN Concurrentieanalyse Universiteit Gent Website: http://www.opleidingen.ugent.be/studiekiezer/nl/opl/anmeer.htm
Nadere informatieHet Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010
Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management
Nadere informatieCATEGORIE 3: Entiteiten en organisaties waarvan de VGC de inrichtende macht is
vlaamse gemeenschapscommissie Huisstijlgids V1.7 - februari 2016 Categorie 3 72 0.0 Titel hoofdstuk ONDERTITEL hoofdstuk 3.0 CATEGORIE 3: Entiteiten en organisaties waarvan de VGC de inrichtende macht
Nadere informatieScreen Design. Inge van Dam 0880974 CMD2E Screen Design Product page. Inge van Dam 0880974 CMD2E
1 Screen Design Inge van Dam 0880974 CMD2E Screen Design Product page 2 Visuele merk en Concurrentie analyse Welke bank heb ik geanalyseerd? Ik heb de ING bank toegewezen gekregen. Ik maak zelf geen gebruik
Nadere informatieCHECKLIST WENSEN & EISEN
CHECKLIST WENSEN & EISEN HEEFT U AL EEN HUISSTIJL VOOR UW BEDRIJF OF ORGANISATIE? Indien dat niet het geval is, begint hier het traject. De look-and-feel is erg belangrijk bij het aanspreken van de juiste
Nadere informatiecreatief.uniek.veelzijdig
info@r10grafischontwerp.nl www.r10grafischontwerp.nl creatief.uniek.veelzijdig Jezelf duidelijk en onderscheidend positioneren in de markt begint met naar buiten toe treden. Hierbij is het van belang dat
Nadere informatieCreatieve vormgeving is zintuigen prikkelen. www.studiofont.nl
Creatieve vormgeving is zintuigen prikkelen www.studiofont.nl Studio Font is een klein bureau voor grafische vormgeving, dat groots meedenkt. Of het nu gaat om een logo, huisstijl, website, flyer of een
Nadere informatieBRANDBOOK Algemene richtlijnen & instructies voor het gebruik van de Amplixs huisstijl maart 2019 Versie 2.2
Algemene richtlijnen & instructies voor het gebruik van de Amplixs huisstijl maart 2019 Versie 2.2 INHOUDSOPGAVE 3... Inleiding 4...Deel I. Het merk - intro 5... Amplixs DNA 6...Tagline 7...Deel II. Het
Nadere informatiegastcollege HvA, Iskander Smit, 26 mei 2009 ONTWERPEN VOOR MOBIEL INTERNET
gastcollege HvA, Iskander Smit, 26 mei 2009 ONTWERPEN VOOR MOBIEL INTERNET agenda! korte intro Info.nl! onze visie op mobiel! ontwerpen voor mobiel! voorbeelden van deliverables! 3 tips voor goed design
Nadere informatieVan Gogh Museum. Project Web. 26 designdagboek. vangoghmuseum.nl Bureau. Fabrique [merken, design & interactie] Web. fabrique.
Van Gogh Museum Project Web vangoghmuseum.nl Bureau Fabrique [merken, design & interactie] Web fabrique.nl Klant Van Gogh Museum Projectduur 7 maanden Aantal projectleden Fabrique: 8 Q42: 6 Van Gogh Museum:
Nadere informatieDe Telegraaf De feiten
Platform Dagblad De Telegraaf Website Telegraaf.nl De Telegraaf Mobiel De Telegraaf Tablet De Telegraaf Glossy s Specials Redactionele pijlers Nieuws Sport Finance Entertainment Informatie en reserveren
Nadere informatieHang je Little Big Detail op de muur.
Hang je Little Big Detail op de muur. Hang je Little Big Detail op de muur. Best-of-the-best Little Big Detail Opdracht: Plak je stippen op het beste Little Big Details (en bedenk waarom je je stippen
Nadere informatievliegtickets boekinsformulier voor 15 FEBRUARI 2015 groepsopdracht 2 rex hordijk alissa muffels luca verhees marek van der hoeven
boekinsformulier voor vliegtickets 15 FEBRUARI 2015 groepsopdracht 2 marek van der hoeven rex hordijk alissa muffels luca verhees 1 / 15 feberuari 2015 / GRoepsopdracht 2 Het concept
Nadere informatiepoldox web poldox web /24
poldoxweb poldoxweb 2012 1/24 poldox website 1. presentatie research -> breder dan onderwerp film 2. achtergrondinformatie film taakverdeling - de hele groep denkt na over de website - de hele groep schrijft
Nadere informatieAdverteren via funda. v1 KT2/3
Adverteren via funda De kracht van online adverteren via funda Met meer dan 36 miljoen bezoeken per maand is funda dé marktleider op het gebied van huizensites. Wij zorgen altijd en op elk moment voor
Nadere informatieAdverteren via funda. v1 KT2/3
Adverteren via funda De kracht van online adverteren via funda Met meer dan 31,7 miljoen bezoeken per maand is funda dé marktleider op het gebied van huizensites. Wij zorgen altijd en op elk moment voor
Nadere informatiePORTAL HYDRON. Marco Tangelder - Clickfactor Bram Voogel - Oracle
PORTAL HYDRON Marco Tangelder - Clickfactor Bram Voogel - Oracle Inhoud Introductie Hydron The Case Design Probleemstelling Design Oplossing Design Implementatie Portal implementatie Samenvatting Lessons
Nadere informatieWEBSITE USABILITY. white-paper
WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te
Nadere informatieAdverteren via funda. v0.1 KT2/3
Adverteren via funda De kracht van online adverteren via funda Met meer dan 31,7 miljoen bezoeken per maand is funda dé marktleider op het gebied van huizensites. Wij zorgen altijd en op elk moment voor
Nadere informatieInhoudsopgave. Inhoudsopgave
Inhoudsopgave Inhoudsopgave Introductie Logo Opbouw Logo Afmetingen Het 5e Element Typografie Kleurgebruik Iconografie Beeldgebruik Grid opbouw Grid Gebruik 2 3 4 5 6 7 8 9 10 11 12 2 Introductie Introductie
Nadere informatieVersion 2.0. Corporate Design geldig vanaf Meer dan pompen
Version 2.0 Corporate Design 2017 geldig vanaf 01-11-2017 - 1-1. Inhoudsopgave 1. Algemeen 1.1 Het logo 2 1.2 Het beeldmerk 2 1.3 De slogan 3 1.4 Logo en kleuren 4 1.5 Opbouw logo 6 1.6 Kleuren 7 1.7
Nadere informatieDe Telegraaf De feiten
Platform Dagblad De Telegraaf Website Telegraaf.nl De Telegraaf Mobiel De Telegraaf Tablet De Telegraaf Glossy s Specials Redactionele pijlers Nieuws Sport Finance Entertainment Informatie en reserveren
Nadere informatie1. Content - Tekst & Foto
1. Content - Tekst & Foto Met goede en gerichte content wordt een merk online stevig gepositioneerd. Een veel voorkomend probleem is dat medewerkers weinig tijd hebben en het aan inspiratie kan ontbreken,
Nadere informatieWISWEB. design concepts v0.1 WISWEB
design concepts v0.1 Het doel van het WISWeb design is vier-ledig: 1. het moet informatie verschaffen over producten (en evenementen) die voor voor het wiskunde onderwijs in het voorgezet onderwijs relevant
Nadere informatiehet assessment plan van aanpak Sophia Thelen Interactieve vormgeving (90414) Stagebedrijf & opdrachtgever: C&F Report design
het assessment plan van aanpak Sophia Thelen Interactieve vormgeving (90414) Stagebedrijf & opdrachtgever: C&F Report 02-09-2013 design inhoudsopgave Hoofdstuk Pagina Inhoudsopgave & contactgegevens 2
Nadere informatieDe Voedselmachine. Gemaakt door: Alles over de darmen, een onderschat orgaan
De Voedselmachine Alles over de darmen, een onderschat orgaan Gemaakt door: 11040785 Luna de Veer 10983783 Mikail Çoban 10778934 Bozana Miletic 11058900 Kennet Botan Facilitator De gekozen opdracht is
Nadere informatieChecklist voor een knallende website
Met deze checklist scan je je bedrijfswebsite op een aantal onderdelen. Ontdek de sterke punten van je website en welke punten je nog kunt verbeteren. De checklist maakt je bewust van de zaken die bepalen
Nadere informatieAdverteren via funda. v1 KT2/3
Adverteren via funda De kracht van online adverteren via funda Met meer dan 36 miljoen bezoeken per maand is funda dé marktleider op het gebied van huizensites. Wij zorgen altijd en op elk moment voor
Nadere informatieVan AllSolutions QX2 naar AllSolutions10
Van AllSolutions QX2 naar AllSolutions10 Pagina 1 van 11 Inhoud 1. AllSolutions10 gelanceerd... 3 Responsive... 3 Design... 3 2. AllSolutions10 activeren... 4 3. Aangepaste bovenkant... 5 4. Uw website
Nadere informatieHallo, wij willen je graag voorstellen. aan je nieuwe website:
Hallo, wij willen je graag voorstellen aan je nieuwe website: Vanwege de op handen zijnde veranderingen in de geestelijke gezondheidszorg, willen wij je een handje helpen met je bereikbaarheid, uitstraling
Nadere informatie5 manieren om. om jouw landingspagina. te optimaliseren
5 manieren om om jouw landingspagina te optimaliseren introductie Een landingspagina is een essentiële schakel in het succes van jouw customer journey, want het is dé plek om jouw klant te overtuigen om
Nadere informatieHuisstijl Koning Willem 1 College Hieronder staan een aantal richtlijnen geformuleerd in het huisstijlhandboek van KW1C.
VOORLICHTINGSFOLDER, tweedelig Opdracht: Maak een Voorlichtingsfolder voor de opleiding Marketingmedewerker / Creatieve Marketing en Communicatie MHBO. Verwerk in de folder de huisstijl van het Koning
Nadere informatieConcurrentieanalyse http://www.syntra-mvl.be/ Kenmerk: Homepage 3/5 Design 3/5 Navigatie 4/5 Inhoud 4/5 Interactie 3/5 Leesbaarheid 5/5 Technische kwaliteit 4/5 Totaalindruk 4/5 Beschrijving website: De
Nadere informatieMonks DESIGN CHECKLIST
EMAIL DESIGN CHECKLIST Merk Optimalisatie Merknaam staat in de Van naam Het verstuur adres is herkenbaar Het Aan-veld is gepersonaliseerd met de naam van de ontvanger De onderwerpregel is informatief kort
Nadere informatieOnderzoek naar producten en concurrentie Shop till you drop
Onderzoek naar producten en concurrentie Shop till you drop http://www.pimpter.com/nagelprinters/ Als je op de website komt is het meteen zichtbaar dat het over nagelprinters gaat. Buiten dat je allerlei
Nadere informatieVan persona s en scenario s naar wireframes. Lay-out met grid
Interaction Design Van persona s en scenario s naar wireframes Lay-out met grid Louis Klomp LHJ.Klomp@windesheim.nl X8.10 / X7.96 Tel (088-469) 9908 Wat gaan we doen deze week? Persona s Scenario s Conceptueel
Nadere informatie/ versie januari 2015
S T A D S S T I J L R I C H T L I J N E N O N L I N E versie 0.1 - januari 2015 H I S T O R I E M E T T O E K O M S T Delft heeft unieke kwaliteiten: een prachtige historische binnenstad, een culturele
Nadere informatieHandleiding Nieuwsbrief InSocial in Mailchimp
Handleiding Nieuwsbrief InSocial in Mailchimp Inhoud 1 Mogelijkheden page 2 2 Bericht opties page 3 3 Achtergrond page 4 4 Afbeeldingen page 5 5 Tekst page 6 6 Link page 7 7 Testen page 8 TEST altijd eerst
Nadere informatieHuisstijl handboek van de kledingwinkel
Huisstijl handboek van de kledingwinkel BERSHKA BERSHKA BERSHKA Inhoud Inleiding...1 De huisstijl...2 - Het Logo. - De Huisstijlkleuren Typografie...3 - Broodletter - Cursieven - Koppen Drukwerk...4 -
Nadere informatiepagina 1 van 5 Deze voorwaarden zijn toepasbaar op alle websites gemaakt door The Fat Lady.
pagina 1 van 5 Algemene Voorwaarden Website The Fat Lady 6 maart 2017 Algemene Voorwaarden Deze voorwaarden zijn toepasbaar op alle websites gemaakt door The Fat Lady. Wireframes Na de briefing door de
Nadere informatieAdverteren via funda. v1 KT2/3
Adverteren via funda De kracht van online adverteren via funda Met meer dan 36 miljoen bezoeken per maand is funda dé marktleider op het gebied van huizensites. Wij zorgen altijd en op elk moment voor
Nadere informatieNaast deze specificaties zijn deze de volgende opzetten in PSD formaat een goede basis om mee aan de slag te gaan: Desktop Mobiel
Design aanleveren Zelf een design voor een nieuw e-mailtemplate aanleveren welke door ons moet worden omgezet in code? Houd dan rekening met specificaties en beperkingen die hierop van toepassing zijn.
Nadere informatieMediakit ELSEVIERWEEKBLAD.NL
Mediakit ELSEVIERWEEKBLAD.NL 2018 Pageviews 3.959.488 Unieke bezoekers 777.147 Bron: Google Analytics, jan 2018 OVER ELSEVIERWEEKBLAD.NL Wat is Elsevierweekblad.nl? Elsevierweekblad.nl brengt het belangrijkste
Nadere informatieHuisstijlhandboek. Richtlijnen voor het gebruik van het logo. Dienst Communicatie. Tel v 1.
Huisstijlhandboek Richtlijnen voor het gebruik van het logo Dienst Communicatie Tel. 053 640 695 communicatie@denderleeuw.be v 1.0 Inhoudstafel 1. Inleiding 2. Logo 2.1. opbouw 2.2. wat mag niet? 2.3.
Nadere informatieUMC UTRECHT 'DE BESTE ZORG VOOR NU EN IN DE TOEKOMST'
UMC UTRECHT 'DE BESTE ZORG VOOR NU EN IN DE TOEKOMST' Het Universitair Medisch Centrum Utrecht legt de nadruk op vernieuwende, toonaangevende behandelingen die beantwoorden aan de zorgbehoeften van nu
Nadere informatieWAAROM DIGITAAL ADVERTEREN ADVERTEREN OP DE HOMEPAGE ONLINE ADVERTEREN
WAAROM DIGITAAL ADVERTEREN Onze website www.noa.nl is hét online kennisplatform voor professionals in de afbouw. Het is een veel bezocht platform, omdat er gratis veel kennisintensieve artikelen te lezen
Nadere informatieHet merk! Dat kan beter!
Het merk! Het merk dat kan beter! staat voor de verbetering van samenwerking tussen verschillende partijen. Samenwerking die nodig is om frustrerende maatschappelijke problemen echt op te kunnen lossen.
Nadere informatiePopulair. CONTENT B 3 artikelen per maand Incl. 1 foto per artikel Persoonlijke redacteur Contentplan 395,- per maand
1. Content - Tekst Met goede en gerichte content wordt een merk online stevig gepositioneerd. Een veel voorkomend probleem is dat medewerkers weinig tijd hebben en het aan inspiratie kan ontbreken, zodat
Nadere informatieVERSIE BRANDBOOK SPORTBEDRIJF ZAANSTAD. zaans brandbook
VERSIE 2.1 2018 BRANDBOOK SPORTBEDRIJF ZAANSTAD zaans brandbook inhoudsopgave 3 Kleurenpalet en kleurwaardes 14 Gebruik Patronen 4 Logo witruimte 15 Gevel Patroon 5 Schaal en proportie 16 Mosterd Patroon
Nadere informatie6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google?
PIMPTER WEBSHOP http://www.nailsprinter.com http://www.pimpter.com/ http://www.salonique.com/nail-printers.html http://www.nagelstudiocenc.nl/shop.php http://www.yournail.nl/webwinkel-category-1127889/nagelprinter.html
Nadere informatieMobiele webwinkel. Handleiding Versie
Mobiele webwinkel Handleiding Versie 2.1 088 990 7700 support@ccvshop.nl www.ccvshop.nl Inhoudsopgave Inhoudsopgave 2 Changelog 3 1. Inleiding 4 2. Instellingen CCV Shop 5 2.1 App installeren 5 2.2 Instellingen
Nadere informatie