responsive design & merkbeleving Nils Vermeulen / Seminar

Maat: px
Weergave met pagina beginnen:

Download "responsive design & merkbeleving Nils Vermeulen / Seminar"

Transcriptie

1 responsive design & merkbeleving Nils Vermeulen / Seminar

2 deze seminar 1. De vraagstelling 2. Responsive (web)design 3. Responsive identity 4. Toepassen onderzoek 5. Van responsive design naar styleguide

3 De VraagStelling Hoe blijft het visuele aspect van een merkbeleving overeind in een responsive (web)design?

4 aanleiding Stage bij

5 aanleiding Stage bij

6 RESPONSIVE (WEB)DESIGN Responsive websites passen zich aan naar de schermafmeting die een bezoeker van de website gebruikt. Er is slechts één website die veranderd qua layout afhankelijk welk schermafmeting er gebruikt wordt - Integrity Design, 2014

7 RESPONSIVE (WEB)DESIGN

8 RESPONSIVE (WEB)DESIGN Ethan Marcotte (2011) spreekt over drie hoofdingrediënten voor een responsive webdesign: 1. Een flexibel, grid-based layout 2. Flexibele afbeeldingen en media 3. En mediaqueries (verwerkt in de CSS3-code)

9 RESPONSIVE (WEB)DESIGN Redenen om over te stappen op responsive webdesign: 1. De snelheid 2. Stijging mobiel gebruik 3. Betere gebruikerservaring 4. Sociaal media 55% via mobiel 5. Minder kans op fouten bij Google (SEO) 6. Klaar voor de toekomst

10 RESPONSIVE (WEB)DESIGN Nadelen: Zware content niet mobiel Vaak een functioneel karakter Gevolg: eigen identiteit is ver te zoeken (de Leeuw, 2013)

11 RESPONSIVE (WEB)DESIGN

12 RESPONSIVE (WEB)DESIGN Het alternatief op responsive webdesign: webapp Speciaal voor specifiek apparaat Zelfde look en feel als (native) apps Direct updaten Nadeel: voor elke apparaat weer een aparte website

13 RESPONSIVE (WEB)DESIGN

14 RESPONSIVE identity Maar hoe blijft nu het visuele aspect van een merkbeleving overeind in een responsive design? Van responsive webdesign naar responsive identity Content first Sterke mobiele merkidentiteit belangrijk

15 RESPONSIVE identity

16 RESPONSIVE identity 5 Tips voor een dynamische schaalbare identiteit

17 RESPONSIVE identity 5 tips voor een dynamische schaalbare identiteit 1. Kleinere schermen vragen om een uitgesproken stijl

18 RESPONSIVE identity 5 tips voor een dynamische schaalbare identiteit 2. Effectief gebruik van logo s en iconen

19 RESPONSIVE identity 5 tips voor een dynamische schaalbare identiteit 2. Effectief gebruik van logo s en iconen Optimaliseer je logo voor online toepassingen Vermijd dunne lijnen Gebruik stevige typografie Eenvoudig kleurgebruik (contrast) Introduceer een symbool Maak een.svg-bestand van je logo

20 RESPONSIVE identity 5 tips voor een dynamische schaalbare identiteit 3. Herkenbare typografie

21 RESPONSIVE identity 5 tips voor een dynamische schaalbare identiteit 4. Kleur bekennen

22 RESPONSIVE identity 5 tips voor een dynamische schaalbare identiteit 5. Fotografie en visuele content op mobiel

23 RESPONSIVE identity Toepassing van deze tips

24 RESPONSIVE identity toepassing van deze tips 1. Senseo vodafone NL 11:00 94%

25 RESPONSIVE identity toepassing van deze tips 2. Twix vodafone NL 11:00 94%

26 RESPONSIVE identity toepassing van deze tips 3. Burn Energy vodafone NL 11:00 94%

27 RESPONSIVE design IN EEN STYLEGUIDE Aanwijzingen in styleguide te vaag/mockup te gedetailleerd Oplossing: Moodboards 1. Conceptboard 2. Designboard 3. Styleboard

28 RESPONSIVE design IN EEN STYLEGUIDE Styleboard meest geschikt voor bestaande stijl Styletiles van Samanta Warren

29 Samenvatting Waarom kiezen voor responsive (web)design? 1. De snelheid 2. Stijging mobiel gebruik 3. Betere gebruikservaring 4. Sociaal media 55% via mobiel 5. Minder kans op fouten bij Google (SEO) 6. Klaar voor de toekomst

30 Samenvatting Hoe blijft het visuele aspect van een merkbeleving overeind in een responsive (web)design? 5 tips voor een dynamische schaalbare identitiet (Responsive identity) 1. Uitgesproken stijl 2. Effectief gebruik van logo s en iconen 3. Herkenbare typografie 4. Beken kleur 5. Sterke fotografie en visuele content

31 Samenvatting Hoe blijft het visuele aspect van een merkbeleving overeind in een responsive (web)design? 5 tips voor een dynamische schaalbare identitiet (Responsive identity) 1. Uitgesproken stijl 2. Effectief gebruik van logo s en iconen 3. Herkenbare typografie 4. Beken kleur 5. Sterke fotografie en visuele content Tot slot: Tips voor ontwerpers: Ga zorgvuldig om met de grote van afbeeldingen Of: maak afbeeldingen device-aware

32 Bedankt! En veel succes met mobiel ontwerpen (of adviseren)

responsive design & merkbeleving

responsive design & merkbeleving responsive design & merkbeleving responsive design & merkbeleving responsive design & merkbeleving Onderzoeksverslag Responsive design & merkbeleving Door Nils Vermeulen, 11 juni 2014 Studentennummer:

Nadere informatie

Publishing & Printing Company B.V.

Publishing & Printing Company B.V. STAPPENPLAN WEBSITE Versie 1.3 Publishing & Printing Company B.V. Weth. Sangersstraat 38 (0)46-437 73 11 KVK 140.41959 6191 NA Beek web@pp-company.nl BTW NL 0085.52.861.B01 Algemene voorwaarden www.pp-company.nl

Nadere informatie

Content Strategie. Hoorcollege 2 9 september 2013

Content Strategie. Hoorcollege 2 9 september 2013 Content Strategie Hoorcollege 2 9 september 2013 Agenda HC2 Communicatie Basisprincipes content Content en platformen Content en SEO Owned, earned, paid media 2 3 4 5 6 Overtuigen en shared meaning Hoe

Nadere informatie

1. ONTWIKKEL EEN MOBIELE VERSIE

1. 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 informatie

Qoorts Online Marketing

Qoorts Online Marketing Qoorts Sarphatistraat 62G 1018 GP, Amsterdam +31(0)20 737 14 82 info@qoorts.nl www.qoorts.nl Voorbereid door: Kees W. van den Bos Over Qoorts Of u nu een nieuw merk wilt bouwen, inclusief marketing materialen

Nadere informatie

strategie concept creatie

strategie concept creatie strategie concept creatie Wij houden van competities, daag ons uit voor uw pitch?tip: Waarom wij? Innovatie in Design Een merk is de spiegel van uw creatie. Het vertegenwoordigt uw product en uw bedrijf.

Nadere informatie

strategie concept creatie

strategie concept creatie strategie concept creatie Wij houden van competities, daag ons uit voor uw pitch!?tip: Waarom wij? INNOVATIE IN DESIGN Een merk is de spiegel van uw creatie. Het vertegenwoordigt uw product en uw bedrijf.

Nadere informatie

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES

WHITEPAPER. 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 informatie

10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE

10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE 10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE Is uw website aan vernieuwing toe? Pas deze tips toe en haal meer uit je website De laatste jaren zien we grote veranderingen op het gebied van webdesign.

Nadere informatie

Claim Your Aim B.V. Vragenlijst. Websites, Social Media, SEO & Beveiliging. Datum: Plaats: stef@claimyouraim.com Tel: 06-24447057

Claim Your Aim B.V. Vragenlijst. Websites, Social Media, SEO & Beveiliging. Datum: Plaats: stef@claimyouraim.com Tel: 06-24447057 Claim Your Aim Vragenlijst Websites, Social Media, SEO & Beveiliging Opdrachtgever Opdrachtnemer Bedrijf: Claim Your Aim B.V. Contactpersoon: Msc. S.J.A. Bloo E-mail: stef@claimyouraim.com Tel: 06-24447057

Nadere informatie

Bedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit. Datum:

Bedrijf: 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 informatie

Hallo, wij willen je graag voorstellen. aan je nieuwe website:

Hallo, 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 informatie

Dinsdag 17 april 2012 kick-off

Dinsdag 17 april 2012 kick-off Dinsdag 17 april 2012 kick-off Niek van Twillert Managing Director App HET Instrument Agenda Historie papieren Instrumentengids Instrumentengids.nl Oriëntatiegedrag potentiële klant 2012. App HET Instrument

Nadere informatie

Van lead naar klant. Alles wat u moet weten over leads

Van lead naar klant. Alles wat u moet weten over leads Van lead naar klant Alles wat u moet weten over leads Leads Voor de meeste websites is hét doel: leads. Ofwel, mensen of bedrijven die interesse hebben in uw product of dienst., potentiële klanten dus.

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;

Nadere informatie

Nieuwe website? Best4u helpt je op weg

Nieuwe website? Best4u helpt je op weg Nieuwe website? Best4u helpt je op weg Optimaal online presteren begint voor jou als ondernemer bij een goede website. Je wilt een mooi design, passende functionaliteiten, overtuigende teksten en je publiek

Nadere informatie

PRESTATIESITE WEBPAKKET

PRESTATIESITE WEBPAKKET PRESTATIESITE WEBPAKKET PRESTATIESITE Wij hebben al onze ervaring gebruikt om een gestandaardiseerd webpakket te ontwikkelen met een lay-out welke de focus heeft op leads en new business. Op deze wijze

Nadere informatie

02. Responsive Design

02. Responsive Design WHITEPAPER IN 5 MINUTEN J U L I 2 0 1 2 02. Responsive Design Introductie De wereld van schermen waarop je website wordt getoond, raakt in rap tempo versnipperd. Voorheen was het makkelijk: websites werden

Nadere informatie

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders

Responsive 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 informatie

Screen Design Puntgave Pixels

Screen Design Puntgave Pixels Screen Design Puntgave Pixels Hogeschool Rotterdam Instituut voor Communicatie, Media & ICT Communication & Multimedia Design Jasper Schelling j.a.schelling@hr.nl docent.cmd.hro.nl/scjas Welkom! Dit kwartaal

Nadere informatie

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat. Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker

Nadere informatie

9 redenen waarom jouw website geen klanten oplevert.

9 redenen waarom jouw website geen klanten oplevert. 9 redenen waarom jouw website geen klanten oplevert. Introductie Een goed ingerichte website met een goed uitgevoerde marketingstrategie is het ideale marketing tool voor ondernemers. Een goede website

Nadere informatie

visuele communicatie Auteur: Raoul Postel

visuele communicatie Auteur: Raoul Postel visuele communicatie Auteur: Raoul Postel het idee het concept het doel: een logisch proces naar een verrassend concept / idee het concept / idee vertalen naar vormgeving en medium het idee het concept

Nadere informatie

Titelpagina Styleguide Jij&Overijssel

Titelpagina 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 informatie

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com Talk Nerdy To Me 16-05-2012 NHL Responsive Webdesign Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com 1.1 Waarom is webdesign voor mobiel gebruik onvermijdelijk? in 2010 was er 600% groei in

Nadere informatie

WEBSITE SCAN Vrijblijvend advies

WEBSITE SCAN Vrijblijvend advies WEBSITE SCAN Vrijblijvend advies IBAN: NL57ABNA0479025207 Inleiding: Wij hebben uw website op diverse facetten geanalyseerd en hier een bondig rapport voor geschreven. Door het uitvoeren van onderstaande

Nadere informatie

Brochure. Contactpersoon. Royal Webbers. Frans Halsstraat 2B 3583 BP Utrecht

Brochure. Contactpersoon. Royal Webbers.  Frans Halsstraat 2B 3583 BP Utrecht Brochure Royal Webbers Frans Halsstraat 2B 3583 BP Utrecht info@royalwebbers.com www.royalwebbers.com Contactpersoon Amar Muric 06 247 103 04 muric@royalwebbers.com 2 Over Royal Webbers 3 Al meer dan 150

Nadere informatie

Zoekmachine optimalisatie Trends 2011. SEO ontwikkelingen om rekening mee te houden in 2011

Zoekmachine optimalisatie Trends 2011. SEO ontwikkelingen om rekening mee te houden in 2011 Zoekmachine optimalisatie Trends 2011 SEO ontwikkelingen om rekening mee te houden in 2011 Een woord vooraf Bronnen: bruceclay.com, searchengineland.com, frankwatching.com, marketingfacts.nl, dutchcowboys.nl,

Nadere informatie

CMD brand guide. Versie 1.0 oktober 2014

CMD 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 informatie

Een nieuwe website speciaal op maat gemaakt

Een nieuwe website speciaal op maat gemaakt Een nieuwe website speciaal op maat gemaakt dibbadoo Een onvergetelijke eerste indruk met een website van Dibbadoo Bestaande en potentiële klanten zoeken elke dag op internet naar producten en diensten.

Nadere informatie

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl Taak en Tekst voor websites die werken www.jouwsite.nl Websitecheck Taak en Tekst, www.taakentekst.nl Buijs Ballotstraat 27A, 2563 ZH Den Haag 06-13935470 1 Websitecheck Website: Eigenaar: Datum: www.jouwsite.nl

Nadere informatie

Help, ik heb een website!

Help, ik heb een website! Help, ik heb een website! Help, ik heb een website Zoekmachine optimalisatie en zoekmachine adverteren: wat houdt dit in en wat kan/moet ik ermee? De zin en onzin van Zelf check: hoe doet mijn website

Nadere informatie

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer 01/05 Websites Nederland over Mobile marketing Mabelie Samuels internet marketeer 02/05 Mobile marketing Kunt u zich uw eerste mobiele telefoon nog herinneren? Die van mij was een Motorola, versie onbekend,

Nadere informatie

Guideline 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 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 informatie

Meer Winst Met Je Website MEER WINST MET JE WEBSITE!

Meer Winst Met Je Website MEER WINST MET JE WEBSITE! MEER WINST MET JE WEBSITE! Wat is het doel van jouw website? Wat wil je dat de bezoekers doen? En doen ze dat nu ook? Of kijken ze doelloos rond om daarna weer te verdwijnen. Vandaag gaan we kritisch naar

Nadere informatie

Design rationale document. Rabobank.com

Design rationale document. Rabobank.com Design rationale document Rabobank.com Inhoudsopgave 3 4 5 14 Inleiding Design values Algemene rationale Styleguide 2 Inleiding In dit document zijn de ontwerpuitgangspunten vastgelegd voor de vernieuwde

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;

Nadere informatie

CHECKLIST WENSEN & EISEN

CHECKLIST 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 informatie

Wat zijn de doelstellingen van uw. actief zijn? 28-10-2014. Online marketing: het belang van internet en je website. TenZer niet het eerste idee

Wat zijn de doelstellingen van uw. actief zijn? 28-10-2014. Online marketing: het belang van internet en je website. TenZer niet het eerste idee TenZer niet het eerste idee Online marketing: het belang van internet en je website Workshop 27 oktober 2014 Lead to Sale Creative Photostudio Vallen en opstaan En toen.. TenZer Probeer ervaren ondernemers

Nadere informatie

Ameland binnen handbereik

Ameland binnen handbereik Ameland binnen handbereik Gauke Pieter Sietzema Hoofd ontwikkeling, SEO specialist & Sterc partner Hendrik Jan Hofstede Strateeg & internetmarketeer & Sterc partner VVV Ameland mobile - Ameland binnen

Nadere informatie

Probeer nu GRATIS. Start met het uitzenden van uw Narrowcasting boodschap

Probeer nu GRATIS. Start met het uitzenden van uw Narrowcasting boodschap Probeer nu GRATIS Start met het uitzenden van uw Narrowcasting boodschap Opensignage eenvoudig uw doelgroep informeren Zoekt u een eenvoudige manier om uw doelgroep te informeren via een beeldschermennetwerk?

Nadere informatie

Seminar. Essay conceptstores

Seminar. Essay conceptstores Seminar Essay conceptstores Marlies van den Bos 1622703 Concept Design Eng JDE-SCONE.3V-13 Marvin Fernandes 19-12-2014 1 CONTENT IntroductiE Conceptstores Communicatie Conclusie uitwerking infographic

Nadere informatie

Ontdek hoe je een Wordpress thema vindt dat echt bij jou past!

Ontdek hoe je een Wordpress thema vindt dat echt bij jou past! Ontdek hoe je een Wordpress thema vindt dat echt bij jou past! www.speciaalgeselecteerd.nl jouw gids voor Wordpress thema s Door: Stephanie van Nellestijn Datum: 1-1-2016 E-mail: stephanie@innonet.nl Wordpress

Nadere informatie

Website rapport zazoutotaal.nl

Website rapport zazoutotaal.nl Website rapport zazoutotaal.nl ZazouTotaal Full Service Mediabureau Webdesign ZazouTotaal Full Service Mediabureau. De Webdesigner met 10 jaar ervaring. Voor betaalbare websites en webwinkels. Voor alle

Nadere informatie

omgaat met mobiel zoeken

omgaat met mobiel zoeken Content Marketing Gids Hoe Google omgaat met mobiel zoeken 1 Wat doet Google op gebied van de werking van haar zoekmachine en mobiel-(on)vriendelijke websites? Wat betekent dat, een mobiel-(on)vriendelijke

Nadere informatie

WEBANALYSE. WEBPAGINA: http://www.joy-ce.com/ April 2013. Vervaardigd door:

WEBANALYSE. WEBPAGINA: http://www.joy-ce.com/ April 2013. Vervaardigd door: WEBANALYSE WEBPAGINA: http://www.joy-ce.com/ April 2013 Vervaardigd door: Inhoudsopgave Inhoud.2 Introductie 3 Social Media 4 Mobiel 5 SEO..6 Basis. Inhoud. Links.. Keywords. Autoriteit. Linkuitwisseling...

Nadere informatie

Inhoudsopgave. Styleguide Bewust. Pagina 2

Inhoudsopgave. 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 informatie

Website optimalisatie zorgt voor omzet!

Website optimalisatie zorgt voor omzet! Inleiding Pakketten en tarieven Hoe werkt een zoekmachine? Maatwerk SEO diensten Uitgebreid adviesrapport Contact Website optimalisatie zorgt voor omzet! Inleiding Hoe werkt een zoekmachine? De zoektocht

Nadere informatie

www.customercentricindex.com Het bezoekersonderzoek dat u helpt te achterhalen wat de echte ervaring van bezoekers op uw website, app of intranet is. Bezoekers vertellen u op welke gebieden u excelleert

Nadere informatie

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren. Hoorcollege 4 Verkennen Genereren Evalueren Communiceren Card sorting Sitemap Use case Wireframes Schermontwerpen Stijlgids Niet in les gedaan! Via je einddocument Schermontwerpen Pauze Stijlgids Feedback

Nadere informatie

Checklist voor een knallende website

Checklist 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 informatie

ONTWERPDOCUMENT NEMO. Jesse van Thijn & Tessa de Goede Project Visual Visual Essay

ONTWERPDOCUMENT NEMO. Jesse van Thijn & Tessa de Goede Project Visual Visual Essay ONTWERPDOCUMENT NEMO Jesse van Thijn & Tessa de Goede Project Visual Visual Essay Inhoudsopgave Visual essay blz 3 Informatie Nemo blz 4 Moodboard Nemo blz 5 Moodboard inspiratie blz 6 Moodboard Fractal

Nadere informatie

inhoud Merkpositionering 3

inhoud 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 informatie

Drempelvrij samenwerken

Drempelvrij samenwerken Drempelvrij samenwerken Start ook met drempelvrij samenwerken. Door kennis en informatie te delen op een platform dat aan de webrichtlijnen voldoet kun je met heel Nederland samenwerken. In deze whitepaper

Nadere informatie

Whitepaper: SEO voor mobiele websites Alle type mobiele websites, voorwaarden, SEO-factoren, voordelen en valkuilen op een rij

Whitepaper: SEO voor mobiele websites Alle type mobiele websites, voorwaarden, SEO-factoren, voordelen en valkuilen op een rij Whitepaper: SEO voor mobiele websites Alle type mobiele websites, voorwaarden, SEO-factoren, voordelen en valkuilen op een rij De macht van Google Mobile marketing wordt steeds belangrijker. Volgens Google

Nadere informatie

styleguide Albert Slow Styleguide

styleguide 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 informatie

04. Tablets kun je niet meer negeren

04. Tablets kun je niet meer negeren WHITEPAPER IN 5 MINUTEN J U L I 2 0 1 2 04. Tablets kun je niet meer negeren Inleiding Tablets zijn als medium niet meer weg te denken. Maar nog te weinig bedrijven beseffen dit. Vroeger kwam het gebruik

Nadere informatie

Beheers de MULTI SCHERMEN WERELD

Beheers de MULTI SCHERMEN WERELD Beheers de MULTI SCHERMEN WERELD BELANGRIJKE PUNTEN Wat is een Multi-Schermen website? De groeiende belangrijkheid van Multi-Schermen websites Wat Google aanbeveelt What Google vereist Maak van je bezoekers

Nadere informatie

SAN v3. Update document 2010. uitgebracht door OCEN

SAN v3. Update document 2010. uitgebracht door OCEN SAN v3 Update document 2010 uitgebracht door OCEN Inhoudsopgave. Inleiding...3 1 Navigatie...4 1.1 Navigatie: het menu...4 1.2 Navigatie: dashboard...4 1.3 Navigatie: kruimelpad...4 1.4 Navigatie: iconen

Nadere informatie

Documentatie WD32. Christine van Woensel M32

Documentatie WD32. Christine van Woensel M32 Documentatie WD32 Christine van Woensel M32 Ontwerpkeuzes per device resolutie Desktop (1025 1600px & 769 1024px): Tablet (481 768px): Smartphone (321 480px & tot 320px): Algemeen: Alle ontwerpen voor

Nadere informatie

Website bouwen Blok2 Wat kan wel en wat kan

Website bouwen Blok2 Wat kan wel en wat kan Beste studente: Helaas zit je bij het ontwerpen van een website vast aan bepaalde regels, tenzij je een flashwebsite zou maken. Bij flash is veel meer mogelijk alleen heeft deze manier van websites bouwen

Nadere informatie

TARIEVENLIJST Wij begeleiden u naar succes op internet.

TARIEVENLIJST Wij begeleiden u naar succes op internet. TARIEVENLIJST 2016 Wij begeleiden u naar succes op internet. Stap 1: Kennismakingsgesprek Wij laten Visit Media en onze werkwijze zien. Natuurlijk hoort u graag wat de mogelijkheden zijn voor uw bedrijf.

Nadere informatie

TuinHulp.com, Nieuwe Webservice voor Hoveniersbedrijven 2014

TuinHulp.com, Nieuwe Webservice voor Hoveniersbedrijven 2014 Even voorstellen: Mijn naam is Marcel van Leeuwen, ben van oorsprong hovenier, en tuincentrum deskundige. Sinds eind jaren negentig ontwerp en publiceer ik ook websites. Nadat ik ben overgestapt naar Wordpress

Nadere informatie

Checklist website bouwen

Checklist website bouwen Checklist website bouwen Je wilt een website voor je bedrijf. Of de bestaande website veranderen. Een website laten maken, vraagt tijd en aandacht van je. Er zijn veel mogelijkheden en je moet in het proces

Nadere informatie

Milo. Stijlgids 2016

Milo. Stijlgids 2016 Milo Stijlgids 2016 Inhoudsopgave Inleiding 3 Artiest en essentie branding 4 Logo 5 Stijl 6 Kleurgebruik 7 Typografie 9 Grid en layout 11 Visuals 12 2 Inleiding In deze visuele stijlgids worden de gemaakte

Nadere informatie

Handleiding foto s comprimeren

Handleiding foto s comprimeren Iedereen is mobiel Google zet mobielvriendelijke websites hoger Handleiding foto s comprimeren Vele malen gebruiksvriendelijker De perfecte website voor alle apparaten Perfect zichtbaar op alle mobiele

Nadere informatie

Wat kan B2B leren van B2C

Wat kan B2B leren van B2C Wat kan B2B leren van B2C De 8 belangrijkste learnings over e-commerce en online marketing Dylan Mouthaan & Martijn Stomphorst 17-09-2015 Agenda Totale ontwrichting B2B commerce? Waarom online verkopen?

Nadere informatie

HetSchoolvoorbeeld.nl

HetSchoolvoorbeeld.nl HetSchoolvoorbeeld.nl maakt websites voor het onderwijs die u zelf met het bekroonde en gebruiksvriendelijke programma Word- Press inhoudelijk kunt beheren. De vakkundigheid van het team van HetSchoolvoorbeeld.nl

Nadere informatie

AB OVO. iguide STYLEGUIDE

AB 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 informatie

UWV Informatieavond Dinsdag 17 januari 2017

UWV Informatieavond Dinsdag 17 januari 2017 UWV Informatieavond Dinsdag 17 januari 2017 Programma 19.00 René Steuer - oprichter Competence Factory 19.20 Alrik Mol - UWV 19.30 Webdevelopment - Arno Mol 19.40 Wordpress - John Oosterlaar 19.50 Interaction

Nadere informatie

WHITEPAPER IN 5 MINUTEN. 08. Content Design verdrijft CMS

WHITEPAPER 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 informatie

Wél scoren met je webshop Waardevolle Website & Shop Weetjes: Tips en valkuilen

Wél scoren met je webshop Waardevolle Website & Shop Weetjes: Tips en valkuilen Wél scoren met je webshop Waardevolle Website & Shop Weetjes: Tips en valkuilen Ronald Otto ( ) en Peter Kolster ( ) hebben naar aanleiding van hun presentatie dit document geschreven waarin heel puntsgewijs

Nadere informatie

BRENG AFWACHTENDE PROSPECTS SNELLER IN BEWEGING IK WIL SNELLER

BRENG AFWACHTENDE PROSPECTS SNELLER IN BEWEGING IK WIL SNELLER BRENG AFWACHTENDE PROSPECTS SNELLER IN BEWEGING IK WIL SNELLER B2B WEBSITE PLANNING ROADMAP Zo maak je een betere B2B website Johan marketing Johan sales Peep copy Patrick design zes stappen naar een betere

Nadere informatie

EUROSONIC NOORDERSLAG

EUROSONIC NOORDERSLAG EUROSONIC NOORDERSLAG 'HET BELANGRIJKSTE PLATFORM VOOR EUROPESE MUZIEK' Eurosonic Noorderslag is hét platform voor Europese muziek en is voor veel acts een belangrijke stap geweest in hun internationale

Nadere informatie

FAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0

FAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0 FAQ Responsive Design Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0 Inhoudsopgave Pagina 1. Wat is responsive design? 3 2. Wat is er toegevoegd aan onze mono werkomgeving?

Nadere informatie

Tips voor een gebruiksvriendelijke website

Tips voor een gebruiksvriendelijke website Cre@ctiv Webdesign, digitale marketing & grafisch ontwerp Tips voor een gebruiksvriendelijke website Stenenmolenstraat 162 2800 Mechelen +32 15 68 06 76 +32 472 33 64 98 info@creactivmarketing.com Inleiding

Nadere informatie

Best alone, better together PORTFOLIO BERGLER ONLINE SERVICES

Best alone, better together PORTFOLIO BERGLER ONLINE SERVICES Best alone, better together PORTFOLIO BERGLER ONLINE SERVICES Bergler helpt u online Bergler Online Services is gespecialiseerd in online diensten, nieuwe marketing, actieve interactie en communicatie.

Nadere informatie

Een website: zelf doen of uitbesteden?

Een website: zelf doen of uitbesteden? Een website: zelf doen of uitbesteden? Whitepaper Websites maken Wanneer ben je toe aan een nieuwe website? Een website is vaak de eerste kennismaking van een klant met een bedrijf. Daarom is een goede

Nadere informatie

HOE EFFICIËNT IS UW WEBSITE? Peter Kassenaar 1 oktober 2008

HOE EFFICIËNT IS UW WEBSITE? Peter Kassenaar 1 oktober 2008 HOE EFFICIËNT IS UW WEBSITE? Peter Kassenaar 1 oktober 2008 Agenda Introductie - Efficiëncy gedefinieerd Elementen meetbaar maken Succesfactoren van tevoren bepalen De efficiëncy top-8 Succesfactoren achteraf

Nadere informatie

Beleef het nieuwe Klantverwijssysteem

Beleef het nieuwe Klantverwijssysteem Beleef het nieuwe Klantverwijssysteem BLOOM is een klantverwijssysteem ontwikkeld op basis van de laatste technologieën en behoeftes uit de markt. Bloom is een krachtig, slim en gebruiksvriendelijk klantverwijssysteem

Nadere informatie

Creatieve vormgeving is zintuigen prikkelen. www.studiofont.nl

Creatieve 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 informatie

eqbs gebruikersvriendelijke websites

eqbs gebruikersvriendelijke websites eqbs gebruikersvriendelijke websites maatwerk websites voor uw onderneming www.elitelabs.nl gebruikersvriendelijke maatwerk website Overal ter wereld altijd uw eigen website beheren. Persoonlijk ontwerp

Nadere informatie

Webuniversum. www.vlaanderen.be

Webuniversum. www.vlaanderen.be Webuniversum www.vlaanderen.be 1 Webuniversum doelstelling Onze primaire focus is de Vlaamse overheid en lokale besturen. Federale diensten worden maximaal meegenomen Burger kijkt naar de overheid, los

Nadere informatie

DE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING

DE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING UX SCAN DE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING Onze user experience designers controleren met behulp van de User Experience Scan of uw online software niet alleen functioneel, maar ook

Nadere informatie

Het ook wil oog wat. Stephan Griesch over Cognos Dashboards en Visualisatie. The skeye is the limit!

Het ook wil oog wat. Stephan Griesch over Cognos Dashboards en Visualisatie. The skeye is the limit! Het ook wil oog wat Stephan Griesch over Cognos Dashboards en Visualisatie. The skeye is the limit! 26-05-2016 Design is not just what it looks like and feels like. Design is how it works. Steve Jobs 26-05-2016

Nadere informatie

Hang je Little Big Detail op de muur.

Hang 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 informatie

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je doelgroep.

Nadere informatie

Applicaties ontwerpen voor ios en Android

Applicaties ontwerpen voor ios en Android Ontwikkelen van Apps voor ios en Android Applicaties ontwerpen voor ios en Android 2.1 Inleiding Zowel Apple als Google heeft een paar tips gegeven bij het maken van een ontwerp voor een applicatie voor

Nadere informatie

d e s i g n d o c u m e n t MELK

d e s i g n d o c u m e n t MELK designdocument MELK melk moet een identiteit krijgen zowel inhoudelijk als visueel in dit document is het ontstaan van het visuele gedeelte weergegeven Dit is een inhoudsopgave 4-19... logo 20-34... website

Nadere informatie

Agenda - Week 36-1 t/m 5 september

Agenda - Week 36-1 t/m 5 september Agenda - Week 36-1 t/m 5 september maandag 01 september 2014 09:00 09:30 72 DPI Intro 09:30 11:30 72 DPI Header + Banner Recreatie Nederland 11:30 12:30 72 DPI Responsive webdesign by Ethan Marcotte lezen

Nadere informatie

Beleef het nieuwe Klantverwijssysteem

Beleef het nieuwe Klantverwijssysteem Beleef het nieuwe Klantverwijssysteem BLOOM is een klantverwijssysteem ontwikkeld op basis van de laatste technologieën en behoeftes uit de markt. Bloom is een krachtig, slim en gebruiksvriendelijk klantverwijssysteem

Nadere informatie

Case 4 Consultancy. 28 April 2015. F.J.H. Bastiaansen. D.A.J. van Boeckholtz. Minor Online Marketing

Case 4 Consultancy. 28 April 2015. F.J.H. Bastiaansen. D.A.J. van Boeckholtz. Minor Online Marketing Case 4 Consultancy 28 April 2015 Auteurs L.A. van Aart F.J.H. Bastiaansen D.A.J. van Boeckholtz Opleiding Minor Online Marketing Beoordelend docent Arlon Biemans Inhoud 1. Inleiding... 3 2. Remarketing...

Nadere informatie

Mobiele internet strategie

Mobiele internet strategie Mobiele internet strategie Waar staan we? Reduitlaan 33 Unit 2.09 4814 DC Breda +31 (0)76 888 00 88 info@e-sites.nl www.e-sites.nl BTW 1387489189 KvK 1891618948 Bank 1894894561 Inhoud Inleiding... 3 Wees

Nadere informatie

MARKTONDERZOEK. Content By Creative ArtWorks BV. Pagina 6 van 18

MARKTONDERZOEK. Content By Creative ArtWorks BV. Pagina 6 van 18 MARKTONDERZOEK De markt waarin The Webstarter zich bevindt is de markt van webdevelopment & webdesign. Veel bedrijven hebben al een website, maar je hebt altijd starters, bedrijven die toe zijn aan een

Nadere informatie

Betaalbare websites met een persoonlijke touch.

Betaalbare websites met een persoonlijke touch. Betaalbare websites met een persoonlijke touch www.dubbelklik.net Hey! Wij zijn Dubbelklik. Leuk je te leren kennen! We stellen ons graag even voor. We maken moderne websites gebouwd op een modulair blokken

Nadere informatie

Lettertype: Koppen American Captain -- wordt gebruikt voor koppen ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Lettertype: Koppen American Captain -- wordt gebruikt voor koppen ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Styleguide Inhoud: Concept 3 Lettertype 4 Logo 5 Logo onderbouwing 6 Logo gebruik 8 Do s 8 Dont s 10 Transparantie 12 Positionering 14 Marges 16 Kleurgebruik 18 Tone of Voice 20 Design elementen 22 Concept

Nadere informatie

Plan van aanpak, 17 september 2014

Plan van aanpak, 17 september 2014 Plan van aanpak, 17 september 2014 DEP WORKS B.V. / DEP WORKS office & management support / DEP WORKS MEET&GREET Marnick de Groot Milan van der Maaten Luuk Roordink Afdeling: Marketing & Communicatie Contactpersonen:

Nadere informatie

Creatieve vormgeving is zintuigen prikkelen

Creatieve vormgeving is zintuigen prikkelen Creatieve vormgeving is zintuigen prikkelen STUDIO Studio Font is een klein bureau voor grafische vormgeving. SPECIALISATIE Studio Font is gespecialiseerd in het vormgeven van magazines, tijdschriften,

Nadere informatie

10 x 10 tips voor (startende) ondernemers

10 x 10 tips voor (startende) ondernemers 10 x 10 tips voor (startende) ondernemers 70% Van De Startende Ondernemers Stopt Binnen Vier Jaar! Doe mee met de beste 30%! Wij onthullen de 10 geheimen voor een succesvolle startende onderneming! Mijn

Nadere informatie

HET LICHT OP WEBHOSTING EN WEBSITE- SUPPORT

HET LICHT OP WEBHOSTING EN WEBSITE- SUPPORT HET LICHT OP WEBHOSTING EN WEBSITE- SUPPORT Webhosting Kwaliteit, flexibiliteit en betrouwbaarheid staan voor ons op de eerste plaats. Daarom bieden we voor onze klanten de meest kwalitatieve en betrouwbare

Nadere informatie