Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO

Save this PDF as:
 WORD  PNG  TXT  JPG

Maat: px
Weergave met pagina beginnen:

Download "Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO"

Transcriptie

1 Visual design Naam: Rob Dekker Studentnummer: Vak: MMIO Datum:

2 Wireframes desktop Maak visual designs van een homepage en product pagina van een sportmerk. Werk deze uit voor gebruik op mobiel en voor grote (desktop) schermen. Tijdens het ontwerpen in Pencil is er gebruik gemaakt van een grid. Dit geeft een solide balans, zowel visueel als structureel. Het grid bestaat uit 16 kolommen bij de desktop versie en 4 kolommen bij de mobiele versie van de site. Ik heb ervoor gekozen om eerst de homepage voor de desktop te maken en daarna voor de mobiel, omdat het ontwerp voor een desktop meer mogelijkheden biedt. Ook is het algemeen bekend dat mensen vaker via een desktop of laptop een site bezoeken om sportartikelen te kopen. Het doel van de homepage is om kennis te maken met het bedrijf of de producten en om klanten te werven. Ziet de homepage er aantrekkelijk en interessant uit? Dan gaan klanten al snel verder kijken op de website. Het doel van de productpagina is om klanten te informeren en uiteindelijk de klant aan te zetten tot kopen. Homepage desktop De homepage bestaat uit een horizontale navigatiebalk over de gehele breedte van het scherm. In deze navigatiebalk staan het logo van het sportmerk, de verschillende categorieën, een zoekfunctie en de persoonlijke elementen als mijn account en mijn winkelwagen. Direct onder de navigatiebalk staat een balk waar tekst wordt weergegeven die de klant aantrekt tot het kopen van artikelen op deze specifieke website. Daaronder staat een slideshow van afbeeldingen met voor elke afbeeldingen een specifieke quote. Ook staat er op de afbeelding een knop naar de categorie waar de afbeelding betrekking op heeft. Is het bijvoorbeeld een afbeelding van jongens met sneakers, dan komt er een knop met een link naar de jongensafdeling van schoenen. Er is de mogelijkheid om te navigeren tussen de verschillende afbeeldingen met de pijlen aan beide kanten van de slideshow. Afbeelding 1: homepage desktop Afbeelding 2: Productpagina desktop Productpagina desktop In de navigatiebalk op de productpagina van een heren schoen staat, door middel van een lijn, de categorie aangegeven waarin de gebruiker zich bevindt. Ook staat er links bovenin de content een Breadcrumb om aan te geven waar de gebruiker zich bevindt. Daaronder staan de afbeeldingen van het product. Rechts van de afbeeldingen staan de naam, beschrijving en specificaties van het product. De gebruiker krijgt de mogelijkheid om een maat en aantal uit te kiezen en vervolgens in de winkelwagen te stoppen. Ik heb ervoor gekozen om de prijs van het product direct boven de knop In winkelwagen te weergeven.

3 Wireframes mobiel Bij het maken van een mobiele versie zijn bepaalde elementen weggelaten of vervormd. Er is ook rekening gehouden met de klikbaarheid, aangezien er een verschil is tussen het gebruik van een desktop en een mobiel. Homepage mobiel De navigatiebalk bestaat uit het logo van het sportmerk, de zoekfunctie en een uitklapbaar menu. Het heeft een moderne uitstraling en is makkelijk te bedienen. Bij de slides van afbeeldingen op de mobiele versie van de homepagina en de productpagina heb ik ervoor gekozen om geen pijltjes weer te geven om aan te geven dat er naar de volgende afbeeldingen kan worden genavigeerd. Dit heb ik gedaan omdat onderin de afbeelding al een Page Control staat, die aangeeft dat er meerdere afbeeldingen zijn. Er kan wel geswiped worden om de volgende afbeelding te zien, wat ook bij de meeste mobiel gebruikers bekend is. Onder de slideshow staan de categorieën die op de desktop versie bovenin de navigatiebalk stonden. Productpagina mobiel In de navigatiebalk van de productpagina staat een soort van Breadcrumb, de gebruiker ziet hier de huidige categorie met de optie om terug te gaan naar andere categorieën. De zoekfunctie en het uitklapbare menu zitten op de productpagina ook in de navigatiebalk. Als eerste wordt de naam van het product weergeven. Daaronder staan de afbeeldingen van het product waar de gebruiker kan swipen tussen de verschillende afbeeldingen. Onder de afbeeldingen staat de beschrijving van het product. Daaronder kan de gebruiker de maat en het aantal invoeren om vervolgens toe te voegen aan de winkelwagen.

4

5 De wireframes zijn uitgewerkt voor het sportmerk Kappa, dat momenteel nog geen eigen website in gebruik heeft. Om de website een eigen identiteit te geven is er een opvallende, maar ook moderne kleur rood gebruikt in het design. Hierdoor vallen bepaalde elementen op de pagina meer op. Op de productpagina heeft de huidige categorie in de navigatiebalk een grotere font size en deze rode kleur gekregen. Op de mobiele versie is de navigatiebalk aangepast naar een simpelere vorm, omdat een mobiel niet genoeg ruimte heeft voor al de content. De categorieën zijn onder de slideshow geplaatst. Door iedere categorie een unieke afbeelding te geven met een lichte opacity, krijgt het een mooier design. Op de productpagina staat de naam van het product in het rode vlak weergegeven. Het heeft verder een strakke uitstraling, wat aanspreekt om te gebruiken. Er zijn twee verschillende lettertypes gebruikt. Op de desktop versie is voornamelijk het lettertype Arial gebruikt en op de mobiele versie het lettertype Seravek. Seravek heeft een modernere uitstraling dan Arial, waardoor dit lettertype meer geschikt is voor de mobiele versie. Arial is een duidelijk leesbaar en wordt ook op veel andere sites gebruikt, waardoor deze meer geschikt is voor de desktop versie.

Week 3 Opdracht 1 Visual design website sportmerk Meile Houtsma

Week 3 Opdracht 1 Visual design website sportmerk Meile Houtsma Week 3 Opdracht 1 Visual design website sportmerk Meile Houtsma Voor deze opdracht heb ik het merk Puma gekozen. Op basis van de hoofdkleuren van de website van Puma ben ik aan de slag gegaan. In alle

Nadere informatie

Verslag. Pencil, Photoshop, Indesign. Studentnummer: Multimedia- en Interactieontwerp

Verslag. Pencil, Photoshop, Indesign. Studentnummer: Multimedia- en Interactieontwerp Verslag Pencil, Photoshop, Indesign Naam: Kennet Botan Studentnummer: 11058900 Vak: Multimedia- en Interactieontwerp Docent: Marije ten Brink Datum: 08-02-2016 INLEIDING Voor het vak MMIO moest er een

Nadere informatie

Verslag Pencil, Photoshop & InDesign

Verslag Pencil, Photoshop & InDesign Verslag Pencil, Photoshop & InDesign Naam: Rob Dekker Studentnummer: 11020067 Vak: MMIO Datum: 07-02-2016 Pencil Bij het ontwerpen van drie verschillende voorstellen voor mijn portfoliosite heb ik gebruik

Nadere informatie

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet

Nadere informatie

Dennis Wagenaar 19-04-10 v 1.0

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

Screen Design. Inge van Dam 0880974 CMD2E Screen Design Product page. Inge van Dam 0880974 CMD2E

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

MMIO Verslag. Groepsopdracht week 1. Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten?

MMIO Verslag. Groepsopdracht week 1. Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten? MMIO Verslag Groepsopdracht week 1 Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten? Door David Arisz 11044772 Rob Dekker 11020067 Devin Hillenius 11018070 Joep Straatman 11035307 Concept

Nadere informatie

Opdracht Vodafone Interface De opdracht houdt in dat we een sales statistieken tool herontwerpen voor telecom provider Vodafone. Dit doen we door een

Opdracht Vodafone Interface De opdracht houdt in dat we een sales statistieken tool herontwerpen voor telecom provider Vodafone. Dit doen we door een Screen Design Naam: Maarten van Domburg Studentnummer: 0864421 Klas: CMD2A Docent: Bart Nederveen Opdracht: Screen Design Opdracht 2 Vodafone Interface Opdracht Vodafone Interface De opdracht houdt in

Nadere informatie

Handleiding Webshop Juni 2015

Handleiding Webshop Juni 2015 Handleiding Webshop Juni 2015 Inhoudsopgave Klant worden?... 2 Inloggen... 2 Mijn orders... 2 Algemene buttons webshop... 3 Toelichting homepage webshop... 3 Product zoeken... 5 Navigeren naar merk...

Nadere informatie

Handleiding webshop Horesca Smulders

Handleiding webshop Horesca Smulders Handleiding webshop Horesca Smulders 1 Homepage 2 Inloggen & account aanmaken: Toets in de adresbalk van je internetbrowser: www.horescasmulders.nl. Je bevindt je nu op de homepage van Horesca Smulders.

Nadere informatie

Ontwerptechnieken. MyTV

Ontwerptechnieken. MyTV Ontwerptechnieken MyTV Naam: Mike Wolffgramm Student: 500608754 Klas: V1CMD06 Vak: Ontwerptechnieken ( Herkansing ) Docent: Sonja Rouwhorst Datum: 17 januari 2012 Inhoudsopgave: - Inleiding pag. 3 - Sitemap

Nadere informatie

Handleiding mobiele website

Handleiding mobiele website Handleiding mobiele website Handleiding Versie 1.1 088 990 7700 support@ccvshop.nl www.ccvshop.nl Inhoudsopgave Inhoudsopgave 2 Changelog 3 1. Inleiding 4 2. Inschakelen mobiele site detectie 5 2.1 Naam

Nadere informatie

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld

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

Versie 2. Opdracht deel B 07-12-2014. Inhoud. Raoul Vos Hogeschool Leiden Studentnummer: 1088675

Versie 2. Opdracht deel B 07-12-2014. Inhoud. Raoul Vos Hogeschool Leiden Studentnummer: 1088675 Versie 2 07-12-2014 Opdracht deel B Inhoud Raoul Vos Hogeschool Leiden Studentnummer: 1088675 Inhoudsopgave: Inleiding:... 3 Opdracht deel A Analyse... 3 Opdracht deel B Inhoud... 3 Opdracht deel C Website...

Nadere informatie

Theme Daily Deal: uitermate geschikt voor acties en dagdeals!

Theme Daily Deal: uitermate geschikt voor acties en dagdeals! Theme Daily Deal: uitermate geschikt voor acties en dagdeals! Het Daily Deal thema is een volledig responsive SEOshop thema gericht op het verhogen van uw webshop conversie. Het thema ziet er futuristisch

Nadere informatie

De Voedselmachine. Gemaakt door: Alles over de darmen, een onderschat orgaan

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

R E S P O N S I V E Documentatie 1

R E S P O N S I V E Documentatie 1 R E S P O N S I V E Documentatie 1 Inleiding Theme Delta Responsive: speciaal ontwikkeld voor uw lifestyle webshop! Het Delta Responsive Theme is speciaal ontwikkeld voor lifestyle webshops. Een strakke

Nadere informatie

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links:

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links: Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve Ebike Websites links: http://www.fatboy.com/nl/ http://www.dsignmeubels.nl/ http://allemachtigprachtig.nl/ http://www.gilianoriginals.nl/

Nadere informatie

Functioneel ontwerp. Navigatie

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

Groepsopdracht herontwerp SIS

Groepsopdracht herontwerp SIS Groepsopdracht herontwerp SIS Er zijn veel klachten over het student information systeem (SIS) van de UvA. Doe een herontwerp. Doe usertests om het belangrijkste probleem te achterhalen en richt je op

Nadere informatie

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.

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

Stap 1: Mindmap design. Wat is design volgens Marktplaats. Wat is design volgens Judith. Informatie Architectuur Design op marktplaats

Stap 1: Mindmap design. Wat is design volgens Marktplaats. Wat is design volgens Judith. Informatie Architectuur Design op marktplaats Stap 1: Mindmap design Informatie Architectuur Wat is design volgens Marktplaats Wat is design volgens Judith Stap 2: Onze bevindingen. Informatie Architectuur Analyse van www.marktplaats.nl Design heeft

Nadere informatie

Verbeterpunten voor eigenhuis.nl

Verbeterpunten voor eigenhuis.nl Verbeterpunten voor eigenhuis.nl februari 2016 Algemeen advies: - Headings aanpassen en met name de ruimte tussen de headings en de alinea s. - De interlinie van de alinea s iets vergroten, waardoor de

Nadere informatie

Crivex Extended Documentation (NL)

Crivex Extended Documentation (NL) Crivex Extended Documentation (NL) BLUEPRINT THEME for SEOshop V1.0 5/5/14 Algemene instellingen Preset: Het Blueprint komt standaard met drie verschillende presets. Zo kunt u snel aan de gang met de indeling

Nadere informatie

Weebly: Stappenplan voor docenten

Weebly: Stappenplan voor docenten Weebly: Stappenplan voor docenten Stap 1: Registratie Ga naar http://education.weebly.com/ Voordat u aan de slag kunt met Weebly moet u zich inschrijven. U vult uw gebruikersnaam en uw e-mailadres in en

Nadere informatie

Theme Subscription Documentatie.

Theme Subscription Documentatie. Theme Subscription Documentatie. Created by Shopmonkey. Over het thema: Het thema is gespecialiseerd voor kleine webwinkels met weinig producten óf voor webwinkels die op abonnementsbasis (subscription

Nadere informatie

Handleiding Lucky Light App

Handleiding Lucky Light App Handleiding Lucky Light App 26-2-2016 Lucky Light B.V. Beste Lucky Light Klant, Hartelijk bedankt voor het downloaden en installeren van de Lucky Light App. Met de Lucky Light App heeft u altijd en overal

Nadere informatie

Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.

Om het Elektronica thema te installeren gaat u naar Theme Store in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden. Inhoud: 1. Installatie 2. FAQ 3. Thema instellingen 4. Meer hulp nodig? 1.Installatie: Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in

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

Een affiche maken in WORD met het sjabloon (Op PC)

Een affiche maken in WORD met het sjabloon (Op PC) SOLIDAIR CONCERT Een affiche maken in WORD met het sjabloon (Op PC) 1. Open het sjabloon van de affiche in Word op je pc. Als je een Mac hebt, ga naar pagina 4. 2. Vul bovenaan de naam van de activiteit

Nadere informatie

Handleiding vernieuwde website INDI.nl

Handleiding vernieuwde website INDI.nl Handleiding vernieuwde website INDI.nl Inhoudsopgave Favorietenlijst 3 Merken 3 Speciaal orderverzoek 4 Afbeelding zoomen 4 Sticky header 5 Categorie afbeeldingen 5 Productweergave 6 Direct bestellen vanuit

Nadere informatie

Portfolio s in Google Sites

Portfolio s in Google Sites Portfolio s in Google Sites Vanaf het schooljaar 2012-2013 biedt de NHL de optie om portfolio s aan te maken met Google Sites. De NHL-accounts bij Google zijn afgeschermd voor mensen die niet bij de NHL

Nadere informatie

Courbois Software. Extra categoriën toevoegen aan de WebWinkel

Courbois Software. Extra categoriën toevoegen aan de WebWinkel Courbois Software Extra categoriën toevoegen aan de WebWinkel De editor handleiding is altijd te vinden op de volgende locatie : http://editor.cs-webdesign.nl 2012 Courbois Software Beuningen Fazantlaan

Nadere informatie

Algemene regels. Stappenplan webdesign

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

Ontwerp Portfoliowebsite MMIO 2016

Ontwerp Portfoliowebsite MMIO 2016 Ontwerp Portfoliowebsite MMIO 2016 Marit Beerepoot 10983430 7 februari 2016 Informatiekunde Universiteit van Amsterdam Inleiding Voor deze opdracht was het de bedoeling dat er 3 verschillende voorstellen

Nadere informatie

NEW WAVE TEXTILES HANDLEIDING WEBSHOP

NEW WAVE TEXTILES HANDLEIDING WEBSHOP NEW WAVE TEXTILES HANDLEIDING WEBSHOP 0 INHOUD 1. Snel bestellen 2 2. Mijn Account 3 3. Product zoeken 5 4. Productinformatie quickview 6 5. Productinformatie uitgebreid 8 6. Winkelkar bestelling plaatsen

Nadere informatie

Bestellen is nu nog makkelijker.

Bestellen is nu nog makkelijker. Inloggen gebruikers Inloggen bij ExpressOrder Open uw browser. Ga naar www.staplesadvantage.nl. Log linksboven in voor ExpressOrder. 4 Voer uw e-mailadres of gebruikersnaam in. Voer uw wachtwoord in. 6

Nadere informatie

Sophie van Kaam Marten Posthumus Freek van der Weij Samuel Tehrani

Sophie van Kaam Marten Posthumus Freek van der Weij Samuel Tehrani Groepsopdracht week 4 Sophie van Kaam 10987711 06-03-2017 Marten Posthumus 10783512 Freek van der Weij 11319577 Samuel Tehrani 6082793 Introductie: Videolectures is teleurgesteld met het aantal mensen

Nadere informatie

Handleiding Offacility webshop U gaat naar U begint altijd eerst met inloggen.

Handleiding Offacility webshop U gaat naar  U begint altijd eerst met inloggen. Handleiding Offacility webshop U gaat naar www.offacility.nl U begint altijd eerst met inloggen. Wanneer u bent ingelogd ziet u rechts bovenaan mijn account staan, hierin staan al uw persoonlijke accountgegevens.

Nadere informatie

Documentatie. Jun 2016 THEME CREATED BY

Documentatie. Jun 2016 THEME CREATED BY Documentatie Jun 2016 THEME CREATED BY Inleiding Theme Delta Responsive: speciaal ontwikkeld voor uw lifestyle webshop! Het Delta Responsive Theme is speciaal ontwikkeld voor lifestyle webshops. Een strakke

Nadere informatie

ISY2CONNECT. Handleiding HET BESTE VOOR UW ORGANISATIE

ISY2CONNECT. Handleiding HET BESTE VOOR UW ORGANISATIE ISY2CONNECT Handleiding HET BESTE VOOR UW ORGANISATIE ISY2CONNECT Inhoud INLOGGEN EN REGISTREREN... 2 PROFIEL INSTELLINGEN... 2 PAGINA S... 4 AGENDA... 5 BEHEER MENU... 6 AANMAKEN OPENBAAR EVENEMENT...

Nadere informatie

Handleiding Website beheersysteem

Handleiding Website beheersysteem Handleiding Website beheersysteem Inhoudsopgave 1. Inleiding...3 2. Inloggen...4 3. De startpagina...5 3.1. Startpagina menu...5 3.2. Bovenbalk...6 4. Menu en Pagina's...7 4.1. Een nieuwe pagina toevoegen...8

Nadere informatie

Designdocument. Through the Mud. Nikai de Gans Erwin Heemsbergen Hai Feng Lin. Ruben Ririmasse Tamara van Wijk

Designdocument. Through the Mud. Nikai de Gans Erwin Heemsbergen Hai Feng Lin. Ruben Ririmasse Tamara van Wijk Designdocument Through the Mud Nikai de Gans Erwin Heemsbergen Hai Feng Lin Ruben Ririmasse Tamara van Wijk Datum: 15 Januari 2015 1 1. Inhoudsopgave 1. Inhoudsopgave 2 2. Inleiding 3 3. Opdracht 4 4.

Nadere informatie

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1. HUISSTIJLHANDBOEK V.V. WILHELMUS Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.00 1 / 10 Inhoudsopgave Grid 3 Typografie 4 Kleurgebruik

Nadere informatie

Design Document. Versie 2.1 VSD. Semester: CRIA Project (november 2012) Opdracht: Design your T-shirt

Design Document. Versie 2.1 VSD. Semester: CRIA Project (november 2012) Opdracht: Design your T-shirt Design Document Versie 2.1 VSD Semester: CRIA Project (november 2012) Opdracht: Design your T-shirt Experts: WT Karel de Heer IAD Peter Schulz VSD Chiel Fritz Karel.deHeer@han.nl Peter.Schulz@han.nl Chiel.Fritz@han.nl

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

Gebruikersdocumentatie Onderwijsbank Huisartsgeneeskunde

Gebruikersdocumentatie Onderwijsbank Huisartsgeneeskunde Inleiding Dit document beschrijft de onderwijsbank voor normale gebruikers (gasten, aios en opleiders). De vernieuwde onderwijsbank is in 2011 geïntroduceerd binnen nadat het voorgaande systeem in vergetelheid

Nadere informatie

Designbijlage. Ontwerp van de structuur en user interface van de website voor

Designbijlage. Ontwerp van de structuur en user interface van de website voor Ontwerp van de structuur en user interface van de website voor Een initiatief om studenten, bedrijfsleven en hoger onderwijs in Twente te verbinden Designbijlage Bachelor eindopdracht Industrieel Ontwerpen

Nadere informatie

Gebruikershandleiding digitale zakelijke parkeervergunning

Gebruikershandleiding digitale zakelijke parkeervergunning E-mail.parkeervergunning@utrecht.nl Telefoon 14 030 www.utrecht.nl/digitaleparkeervergunning VTH - Vergunningen; versie 1.0; juni 2017 Gebruikershandleiding digitale zakelijke parkeervergunning Ondernemers

Nadere informatie

U kunt de helpbestanden op verschillende manieren openen. Standaard activeert u de helpbestanden via de toets F1.

U kunt de helpbestanden op verschillende manieren openen. Standaard activeert u de helpbestanden via de toets F1. Les 19 Help In deze les leert u hoe u de helpbestanden van Excel gebruikt om snelle antwoorden te vinden op een aantal vragen die u over het programma hebt. Houd er echter rekening mee dat u online moet

Nadere informatie

U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion.

U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion. Documentatie 1 Inleiding U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion. Het Fusion theme is een conversie verhogend Full Responsive webshop theme

Nadere informatie

C1D Ontwerp verslag Twan van Beusekom

C1D Ontwerp verslag Twan van Beusekom C1D Ontwerp verslag Twan van Beusekom 2.1 Conceptbeschrijving Basisidee: Het basisidee is om een overzichtelijke website te maken waar studenten informatie kunnen vinden over vrijwilligerswerk / stage

Nadere informatie

Point2Share handleiding eindgebruikers Window 8

Point2Share handleiding eindgebruikers Window 8 Point2Share handleiding eindgebruikers Window 8 Wat is Point2Share? Met Point2Share kunt u eenvoudig vergaderingen bijwonen georganiseerd door uw bedrijf waarbij u gebruik maakt van uw Windows 8 tablet

Nadere informatie

Om het forum toe te voegen aan de website van uw vereniging volgt u de volgende stappen:

Om het forum toe te voegen aan de website van uw vereniging volgt u de volgende stappen: 1 / 9 Forum Wat is het e-captain Forum Het e-captain Forum is een forum dat gebruikt kan worden op de website (CMS) en is te benaderen via mijn e-captain. Dat wil zeggen dat het forum alleen toegankelijk

Nadere informatie

HANDLEIDING BTC WEBSHOP

HANDLEIDING BTC WEBSHOP Versie 1.1 Optimaal gebruik van de BTC Webshop Baten Trading Company Steenoven 48 5626DK Eindhoven www.batentrading.nl info@batentrading.nl INHOUDSOPGAVE INLOGGEN ARTIKELEN ZOEKEN BESTELLEN VIA WEBSHOP

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

SBO WEBSITES BOUWEN IN 7 STAPPEN

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

Ontwerpdocument BVA app Ontwerpdocument BVA app

Ontwerpdocument BVA app Ontwerpdocument BVA app 1 Inhoudsopgave Inleiding Geinterviewde persoon 1e Ontwerp - Zoeksuggesties Probleem Oplossing 2e Ontwerp - Lijst van producten in Kavel Probleem Oplossing 3e Ontwerp - Opslaan knop Probleem Oplossing

Nadere informatie

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind

Nadere informatie

Gebruikershandleiding BosorNet

Gebruikershandleiding BosorNet Gebruikershandleiding BosorNet Inhoud Diensten en roosters... 1 Wensen invoeren... 4 Diensten en roosters Je start BosorNet op in een browser (bijvoorbeeld Microsoft Explorer, Opera) met de link die je

Nadere informatie

Header en Footer. Header en Footer

Header en Footer. Header en Footer Header en Footer Wat leer je in dit hoofdstuk: - Wat een header en footer is - De skin van de webshop aanpassen - Een logo plaatsen in de header - Een achtergrondafbeelding plaatsen - Links plaatsen in

Nadere informatie

HANDLEIDING NIEUWE WEBSITE VARIAPACK.COM

HANDLEIDING NIEUWE WEBSITE VARIAPACK.COM HANDLEIDING NIEUWE WEBSITE VARIAPACK.COM Mocht u bij het verkennen van de site vragen of opmerkingen hebben kan u nog steeds bij onze customer service terecht. Alle contactgegevens vindt u hier terug.

Nadere informatie

Naast deze specificaties zijn deze de volgende opzetten in PSD formaat een goede basis om mee aan de slag te gaan: Desktop Mobiel

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

INTERACTIE. In de Appendix vindt u de wireframes.

INTERACTIE. In de Appendix vindt u de wireframes. Het concept Het grootste en belangrijkste museum van Nederland, het Rijksmuseum, heeft de plaatsing van vijf grote mediazuilen in de foyer op de planning staan. Om deze reden hebben zij ons ingeschakeld

Nadere informatie

De Kleine WordPress Handleiding

De Kleine WordPress Handleiding Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling

Nadere informatie

RTL XL. januari 24. Marijke Dekker 500636932

RTL XL. januari 24. Marijke Dekker 500636932 januari 24 RTL XL 2013 Dit document bevat het herontwerp van de site RTL XL. U vindt hierbij funnels, mental models, patterns, wireflows, flowcharts en onderbouwing van bepaalde keuzes. Marijke Dekker

Nadere informatie

Op Internet bestaat Hyves al een aantal jaren. Daarin

Op Internet bestaat Hyves al een aantal jaren. Daarin Je komt het telkens weer tegen op allerlei plekken in de organisatie, collega s praten erover, maar je hebt je er zelf nog niet voor aangemeld. Wil je even kijken of je iets mist, lees dan dit artikel.

Nadere informatie

Huisstijlhandboek JPcommunication

Huisstijlhandboek JPcommunication Huisstijlhandboek JPcommunication Inleiding Inhoud Dit is het huisstijlhandboek van JPcommunication. Dit huisstijlhandboek geeft de richtlijnen die houvast geven bij het gebruik van de huisstijl van JPcommunication.

Nadere informatie

Design Patterns V Eindopdracht

Design Patterns V Eindopdracht Design Patterns V1-1516 Eindopdracht Romy van der Beek 500707995 V101 Docent: Harm van Vugt 27-10-2015 A design pattern is a formal way of documenting a solution to a common design problem. Inhoudsopgave

Nadere informatie

Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s

Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Bij het maken van een blog is het belangrijk dat je er inhoud op plaatst. Dit noemen we content. Alles wat je openbaar op je blog

Nadere informatie

Aanmaken boomhut/uit de school geklapt nieuwsbrief bericht op de website (Wordpress):

Aanmaken boomhut/uit de school geklapt nieuwsbrief bericht op de website (Wordpress): Aanmaken boomhut/uit de school geklapt nieuwsbrief bericht op de website (Wordpress): Stap 1 Inloggen op website Stap 2 Maak een nieuw bericht. Dit kan op meerdere manieren. Via de menubalk bovenin: Of

Nadere informatie

Workshop Eenvoudig Websites Maken Werkboek

Workshop Eenvoudig Websites Maken Werkboek Workshop Eenvoudig Websites Maken Werkboek 1 Schrijven voor het web 1.1 Sheets met vragen De workshopbegeleider kan je de presentatie met vragen doormailen. Je kan hem bereiken via ossdenbosch@ptcc.nl

Nadere informatie

HUISSTIJL EN GEBRUIKSVOORWAARDEN

HUISSTIJL EN GEBRUIKSVOORWAARDEN HUISSTIJL EN GEBRUIKSVOORWAARDEN 1. GEBRUIKSVOORWAARDEN 3 2. LOGO 4 2.1. Inleiding 2.2. Opbouw 2.3. Don ts 3. KLEUR 5 3.1. Primaire kleuren 3.2. Secundaire kleuren 4. TYPOGRAFIE 6 4.1. Lettertypes 5. WEBSITE

Nadere informatie

Release nieuwe versie 1.9.3

Release nieuwe versie 1.9.3 Release nieuwe versie 1.9.3 November 2013 www.siteop.mobi www.siteop.mobi - Kingsfordweg 151-1043 GR Amsterdam Tel: 085 40 123 92 - support.siteop.mob Release Versie Item Versie Datum SiteOpMobi Platform

Nadere informatie

Ontwerpdocument. Lowlands 365 Door: Rowan Zomerdijk Klas: Oranje Stud.nummer:

Ontwerpdocument. Lowlands 365 Door: Rowan Zomerdijk Klas: Oranje Stud.nummer: Ontwerpdocument 65 Lowlands 65 Door: Rowan Zomerdijk Klas: Oranje Stud.nummer: 5006899 65 Inhoud LL65 SITEMAP INRO SITEMAP 4 AVONDEN INTRO 5 HOME 6 AGENDAOVERZICHT 7 AGENDA PER LOCATIE 8 EVENT 9 ARTIESTEN

Nadere informatie

1. Een tekst aanpassen op je winkelsite

1. Een tekst aanpassen op je winkelsite 1. Een tekst aanpassen op je winkelsite Let op: onderstaande onderdelen van je site vormen een uitzondering op deze instructie. Voor deze pagina s/onderdelen vind je een aparte instructie. UITZONDERINGEN:

Nadere informatie

Interactieontwerp Groepsopdracht Week 3, Opdracht 2

Interactieontwerp Groepsopdracht Week 3, Opdracht 2 Interactieontwerp Groepsopdracht Week 3, Opdracht 2 Bas de Keulenaar (11045973) Grafisch Ontwerper Annejet Robijn (11269111) Interactie Ontwerper Angélique Siu (11211725) Facilitator Lisanne van Vliet

Nadere informatie

Deze rijschool is een van de bekendste rijscholen in Barendrecht. Dit maakt het deze rijschool een directe concurrent van de opdrachtgever.

Deze rijschool is een van de bekendste rijscholen in Barendrecht. Dit maakt het deze rijschool een directe concurrent van de opdrachtgever. Desk Research In deze deskresearch zoek ik naar de concurrenten van rijschool slotboom doormiddel van een desk research. Het doel van deze desk research is het vinden van functionele punten die belangrijk

Nadere informatie

Weebly. Inhoud. Vormingplus Limburg, L. Frederix

Weebly. Inhoud. Vormingplus Limburg, L. Frederix Weebly Inhoud 1 Starten met Weebly... 3 1.1 Aanmelden / Inloggen... 3 1.2 Website aanmaken... 3 1.2.1 Eerste website... 3 1.2.2 Tweede website... 5 2 : basis... 6 2.1 Elementen op een pagina... 6 2.1.1

Nadere informatie

Basisvaardigheden Microsoft WORD 2010

Basisvaardigheden Microsoft WORD 2010 Met behulp van deze handleiding kun je de basisvaardigheden leren die nodig zijn om een verslag te maken met behulp van microsoft WORD 2010. De handleiding is zo kort mogelijk gehouden en bevat niet meer

Nadere informatie

Ontwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof

Ontwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof Ontwerpdocument Maarten Kolthof NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof Inhoud Algemeen ontwerp 3 Icoon en kleurgebruik Animatie technieken ios 7 kenmerken

Nadere informatie

1 BUSINESS INTERNET SUPPORT

1 BUSINESS INTERNET SUPPORT Versie 1 BUSINESS INTERNET SUPPORT Yoron Dot Net Stap voor stap Handleiding YORON DOT NET BEHEER V1.X Stap voor stap handleiding YORON Het Wielsem 10 s-hertogenbosch Inhoudsopgave Opstarten Yoron DotNet

Nadere informatie

Algemene handleiding Umbraco

Algemene handleiding Umbraco Algemene handleiding Umbraco ZAAKS! Versie 1.0 Maart 2017 Inhoudsopgave ALGEMENE HANDLEIDING UMBRACO... 1 INHOUDSOPGAVE... 2 1. INTRODUCTIE... 3 2. BEGINNEN IN UMBRACO... 4 2.1. INLOGGEN EN UITLOGGEN...

Nadere informatie

Opdracht Werkcollege 4 De Dikke van Dam

Opdracht Werkcollege 4 De Dikke van Dam Opdracht Werkcollege 4 De Dikke van Dam Daniël Dominguez - 11297107 Sam Rompas - 10975438 Sander Siepel - 11317353 Martijn Schouten - 11295562 Concept Deze week wordt opdracht #8 uitgewerkt. Voor deze

Nadere informatie

Inzet van e-mailmarketing

Inzet van e-mailmarketing Veilig internetten Inzet van e-mailmarketing Toepassing van de WCAG-richtlijnen Responseratio s ver boven Nederlands landelijk gemiddelde Abonnees kunnen artikelen eenvoudig via drie kanalen delen Over

Nadere informatie

WEBSITE USABILITY. white-paper

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

CMS Manual Pebble Media

CMS Manual Pebble Media CMS Manual Pebble Media Inhoudstafel 1 introductie... 3 2 modules... 4 2.1 beheer van pagina s... 4 2.2 beheer van media... 7 2.3 beheer van nieuwsberichten... 8 2.4 beheer van merken... 9 3 instellingen...

Nadere informatie

Documentatie. Jun 2016 THEME CREATED BY

Documentatie. Jun 2016 THEME CREATED BY Documentatie Jun 2016 THEME CREATED BY Inleiding U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion. Het Fusion theme is een conversie verhogend Full

Nadere informatie

1.9.4 Release Overzicht

1.9.4 Release Overzicht 1.9.4 Release Overzicht December 2013 www.siteop.mobi Release datum 9 december 2013, tussen 7 en 10:00 uur GMT Inhoudsoverzicht Nieuw... 3 Optie om website logo/afbeelding carousel op subpagina's... 3

Nadere informatie

Piotr Tekien. Grafische Vormgeving Revisie portfoliostijl GAR1-B. 3 december 2014 PIOTR TEKIEN HKU GAME ART GAR-1B

Piotr Tekien. Grafische Vormgeving Revisie portfoliostijl GAR1-B. 3 december 2014 PIOTR TEKIEN HKU GAME ART GAR-1B Piotr Tekien GAR1-B Grafische Vormgeving Revisie portfoliostijl 3 december 2014 PIOTR TEKIEN HKU GAME ART GAR-1B INHOUDSOPGAVE Inhoudsopgave Revisie Portfoliostijl 1 Inleiding 1 Vergelijking eigen site

Nadere informatie

Handleiding GRAS App. Inhoudsopgave

Handleiding GRAS App. Inhoudsopgave Handleiding Inhoudsopgave Inhoudsopgave... 1 1. Inleiding... 2 1.1 Introductie... 2 2. Installeren van de app... 3 2.1. Installeren voor de iphone... 3 2.2 Installeren voor Android... 5 3. Functies van

Nadere informatie

Snel aan de slag met... versie 1.0-2011

Snel aan de slag met... versie 1.0-2011 Snel aan de slag met... versie 1.0-2011 Pagina - 2 - Contents 1. Homepage... 3 1.1 Inloggen... 4 1.2 Nieuwsblok... 5 1.2 Menublok... 6 1.3 Poll... 6 1.5 Kalender... 7 1.6 Zoekbalk... 8 1.7 Navigatie m.b.v.

Nadere informatie

WordPress Handleiding

WordPress Handleiding Algemene Informatie Disclaimer: Bij het samenstellen van dit boek is de grootst mogelijke zorg besteed aan de juistheid van de opgenomen informatie. Wij kunnen echter niet verantwoordelijk gesteld worden

Nadere informatie

Rowenna roelofsen Design patterns BVA iphone & apple watch versie 2

Rowenna roelofsen Design patterns BVA iphone & apple watch versie 2 Rowenna roelofsen Design patterns BVA iphone & apple watch versie Naam: Rowenna Roelofsen Stud nr: 500668 klas V-07 Docent: Datum: 0-0-05 Versie: inhoudsopgave Inhoudsopgave / oplossing in een notendop...

Nadere informatie

VERENIGING INNER WHEEL NEDERLAND Lid I.I.W. www.innerwheel.nl Het Inner Wheel moet in beweging blijven

VERENIGING INNER WHEEL NEDERLAND Lid I.I.W. www.innerwheel.nl Het Inner Wheel moet in beweging blijven Handleiding Mac Os X Open Mail Navigeer vervolgens naar Mail Voorkeuren Open het tabblad Handtekeningen Selecteer in de kolom het gewenste account en klik vervolgens op het plus-icon. Automatisch wordt

Nadere informatie

VIDEOLECTURES.NET MAKEOVER NADINE ALLEWIJN MENNO LONT ROSAN VAN DER WERF THOMAS DIJKMAN

VIDEOLECTURES.NET MAKEOVER NADINE ALLEWIJN MENNO LONT ROSAN VAN DER WERF THOMAS DIJKMAN VIDEOLECTURES.NET MAKEOVER NADINE ALLEWIJN MENNO LONT ROSAN VAN DER WERF THOMAS DIJKMAN Uitleg Thomas Dijkman Het gebruik van het internet voor leerdoeleinden is geen nieuw principe, denk bijvoorbeeld

Nadere informatie

6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google?

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

Web Handleiding. semper vigilant Fall 2014 LOCALBOX 1.1.3

Web Handleiding. semper vigilant Fall 2014 LOCALBOX 1.1.3 Web Handleiding semper vigilant Fall 2014 Functionaliteiten web-based 2 Inloggen 2 Home 3 Uploaden: 4 Opties: 6 Map Delen: 6 Beheer Links 8 Functionaliteiten App-based 12 Hoger niveau 16 Acties op bestanden

Nadere informatie

Toelichting Release notes

Toelichting Release notes Toelichting Release notes 29 januari 2015 Vernieuwde back-end van het CMS 2 Toelichting Release notes Error! Unknown document property name. 29 januari 2015 Inleiding release notes In deze update van het

Nadere informatie

DOCUMENTATIE. InStijl Media - Supreme Theme

DOCUMENTATIE. InStijl Media - Supreme Theme DOCUMENTATIE InStijl Media - Supreme Theme INHOUDSOPGAVE 1. Begrippenlijst 1 2. Installatie 3 3. Functies 2 4. Instellingen 4 00 - Logo 4 01 - Background 5 02 - Fonts 5 03 - Images 6 04 - Input fields

Nadere informatie