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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HANDLEIDING BTC WEBSHOP

HANDLEIDING BTC WEBSHOP Versie 1.3 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Handleiding MyQuantos

Handleiding MyQuantos Handleiding MyQuantos Inhoudsopgave 1. Inleiding 2. Login 3. Productinformatie 3.1 Categorieën 3.2 Zoekbalk 3.3 Prijzen tonen 4. Bestellen 4.1 Winkelwagen 4.1.1. Bestelling plaatsen 4.1.2. Bestelling opslaan

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Leer aan de hand van deze beknopte handleiding te werken met je Dashboard, om jouw persoonlijke website te beheren en naar wensen aan te passen.

Leer aan de hand van deze beknopte handleiding te werken met je Dashboard, om jouw persoonlijke website te beheren en naar wensen aan te passen. Leer aan de hand van deze beknopte handleiding te werken met je Dashboard, om jouw persoonlijke website te beheren en naar wensen aan te passen. Handleiding Aurélie Duriau 02/2018 Inhoud Inleiding... 2

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

Stappenplan Presentatie maken - 2

Stappenplan Presentatie maken - 2 WAT IS PREZI? Je kunt op verschillende manieren een presentatie maken, onder andere met de tool Prezi. Je kunt theorie weergeven en afbeeldingen en filmpjes toevoegen. Je kunt inzoomen en draaien. Een

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

Eenvoudig en snel bestellen

Eenvoudig en snel bestellen Eenvoudig en snel bestellen Handleiding webshop Inhoud 1. Inloggen blz. 3 1. Menu overzicht blz. 4 2. Bestellen blz. 6 1. Navigeren door categorieën blz. 6 2. Zoekbalk blz. 7 3. Bestellen op SKU blz. 8

Nadere informatie

Quick reference card

Quick reference card Quick reference card Dit document is om snel even op te zoeken hoe het systeem van Myshop werkt. Tip om de cursussen eerst volledig te doorlopen: daar staat stap voor stap uitleg over het systeem. Tevens

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

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

Homepagina - Logo en favicon plaatsen

Homepagina - Logo en favicon plaatsen Homepagina - Logo en favicon plaatsen Wat leer je in dit hoofdstuk: - Hoe je een logo kunt plaatsen - Hoe je een favicon kunt plaatsen - Hoe je tekst kunt aanpassen in de tabbladen van je browser Inleiding

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

Klik op het menu inhoud om te starten met inhoud toe te voegen. Klik daarna op de knop Inhoud toevoegen.

Klik op het menu inhoud om te starten met inhoud toe te voegen. Klik daarna op de knop Inhoud toevoegen. Hoofdstuk 5: Inhoud toevoegen 5.1. Inleiding Klik op het menu inhoud om te starten met inhoud toe te voegen. Klik daarna op de knop Inhoud toevoegen. Binnen Drupal kan zowel een pagina als artikel of als

Nadere informatie

Gebruiksaanwijzing AMS Labelmaker Versie 2.0

Gebruiksaanwijzing AMS Labelmaker Versie 2.0 Voordat je begint De onderstaande stappen beschrijven het gebruiksklaar maken van een Excel bestand voor gebruik in All Modul Software Labelmaker (AMS Labelmaker). Ons advies is om een basis bestand te

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

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

Down The Rabbit Hole door: Maria Barmentlo Klas: Paars Versie: 31 mei 2015

Down The Rabbit Hole door: Maria Barmentlo Klas: Paars Versie: 31 mei 2015 Down The Rabbit Hole door: Maria Barmentlo Klas: Paars Versie: mei 05 Inhoudopgave Inleiding De sitemap De jes Avonden overzicht 6 Filteren 7 Avond 8 I Suggest Artiest aandragen 0 Artiest beoordelen Down

Nadere informatie

Hand-out. WebDesignEditor 2

Hand-out. WebDesignEditor 2 Hand-out WebDesignEditor 2 Publicatiedatum 04-07-2018 Inhoudsopgave Vijf verschillende standen 2 Pc-stand 2 Tablet - landscape en portrait 3 Smartphone - landscape en portrait 3 Hoe weet ik of ik met de

Nadere informatie

Handleiding Dutch Green Building Guide

Handleiding Dutch Green Building Guide Handleiding Dutch Green Building Guide Maart, 2017 Dutch Green Building Council Inhoudsopgave 1 Inleiding 3 2 Registreren voor een gebruikersaccount 4 2.1 Wachtwoord vergeten 5 2.2 Aanmelden voor de website

Nadere informatie

HANDLEIDING WEBSHOP

HANDLEIDING WEBSHOP HANDLEIDING WEBSHOP www.kingbelgium.be Intro Beste bezoeker, Welkom op de handleiding van de webshop van King Belgium. In deze handleiding leggen we stap voor stap uit hoe u, als nieuwe of als bestaande

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

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

Handleiding korte instructie gebruik LommOnline voor verenigingen. Stap 1. Vooraf:

Handleiding korte instructie gebruik LommOnline voor verenigingen. Stap 1. Vooraf: Handleiding korte instructie gebruik LommOnline voor verenigingen Stap 1 Stap 2 Ga naar lommonline.nl/admin Voer je gebruikersnaam in Voer je wachtwoord in Klik op inloggen Vooraf: Je bent nu op de beheerderspagina.

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

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

Online bestellen bij Langerak de Jong

Online bestellen bij Langerak de Jong Online bestellen bij Langerak de Jong www.langerakdejong.nl Augustus 2015 Inhoudsopgave online bestellen bij Langerak de Jong 1. Aanmelden voor online bestellen... 3 2. Inloggen... 5 3. De bestelsite...

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

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

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

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

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

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

Handleiding aangepaste rapporten

Handleiding aangepaste rapporten Handleiding aangepaste rapporten Inhoudsopgave 1. Wat zijn aangepaste rapporten?... 3 2. Naar welke statistieken kijk je eigenlijk?... 4 3. Hoe stel je aangepaste rapporten in?... 7 4. Gebruik je tabbladen

Nadere informatie

EEN WEBSITE MAKEN MET WEEBLY

EEN WEBSITE MAKEN MET WEEBLY EEN WEBSITE MAKEN MET WEEBLY Dit is de handleiding om op Weebly.com een website te leren maken. De handleiding is verdeeld in 5 hoofdstukken; 1. Aanmelden 2.Weebly werkblad 3. Draggen en Droppen 4.Pagina

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