Navigatiestructuur
Inhoud 1 Navigatie 2 Wireframes 21 22 23 Diensten 24 Portfolio 25 Contact
sitemap Vacatures Diensten Portfolio Cases Onze klanten Contact
Lay out Header Navigatie Pagina content Footer
Menu GEEN VISUEEL ONTWERP Diensten Portfolio Contact Diensten Portfolio Contact Vacatures Diensten Portfolio Contact Cases Onze klanten 1 Diensten Portfolio Contact Diensten Portfolio Contact Vacatures 2 Diensten Portfolio Contact Cases Onze klanten 3 1 2 3 ; menu item wordt duidelijk uitgelicht zodat de gebruiker weet in welk menu item hij/zij zich bevind ; menu schuift uit en is gemakkelijk aanklikbaar voor de gebruiker Portfolio; bijde menu items schuiven uit en zijn gemakkelijk aanklikbaar voor de gebruiker
GEEN VISUEEL ONTWERP Logo Diensten Portfolio Contact Persoonlijk consectetur adipiscing elit Nunc eu augue elit, sed porttitor libero Donec faucibus varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper feugiat Morbi malesuada velit eget justo fermentum facilisis Proin at urna a magna accumsan posuere Aliquam scelerisque pellentesque purus, in feugiat est dictum non Nulla in felis massa, non dictum tortor Ut aliquam gravida diam, vel porta orci accumsan ut Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012
Logo 4 6 5 Diensten Portfolio Contact 4 5 Logo; beeldmerk direct duidelijk, de gebruiker weet direct hoe het bedrijf heet en blijft geprikkelt door het beeldmerk ; menu item wordt duidelijk uitgelicht zodat de gebruiker weet in welk menu item hij/zij zich bevind 7 6 7 Slogan; informeert de gebruiker direct wat voor bedrijf brandpepper Foto; hier worden foto s gemaakt waar de kwaliteiten van het bedrijf worden uitgebeeld Persoonlijk consectetur adipiscing elit Nunc eu augue elit, sed porttitor libero Donec faucibus varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper feugiat Morbi malesuada velit eget justo fermentum facilisis Proin at urna a magna accumsan posuere Aliquam scelerisque pellentesque purus, in feugiat est dictum non Nulla in felis massa, non dictum tortor Ut aliquam gravida diam, vel porta orci accumsan ut 11 Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl 12 mooi online project Medio januari zal er 13 Links Algemene voorwaarden Contact Copyright 2012 14 9 10 8 15 8 9 10 11 12 Button; hier kan de gebruiker handmatig beslissen om naar de volgende of vorige foto over te schakelen Button; hier word de gebruiker duidelijk gemaakt hoeveel foto s er nog volgen en welke foto zich nu laat zien Tekst; toelichting van de kwaliteit die boven op de foto word uitgebeeld Titel; hier kan de gebruiker zien waar de ondestaande gegevens over gaan Icoon; deze klikbare iconen verwijzen naar de mail, afspraak maken of terug bellen 13 Twitter; deze link verwijst de gebruiker naar onze twitter pagina 14 Icoon; deze iconen verwijzen 15 naar de desbetreffende social media kanalen Footer; deze footer komt op elke pagina terug Overige toelichting Op de vernieuwde hoofdpagina komen de kwaliteiten van direct naar voren Daarnaast is het direct duidelijk wat het bedrijf doet Het overzicht is gebleven Ook is er bewegend beeld en wél een slider maar niet op een standaard manier gebruikt
GEEN VISUEEL ONTWERP Logo Diensten Portfolio Contact Wie is consectetur adipiscing elit Nunc eu augue elit, sed porttitor libero Donec faucibus varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper feugiat Morbi malesuada velit eget justo fermentum facilisis Proin at urna a magna accumsan posuere Aliquam scelerisque pellentesque purus, in feugiat est dictum non Nulla in felis massa, non dictum tortor Ut aliquam gravida diam, vel porta orci accumsan ut Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012
Logo 16 17 Wie is Diensten PortfolioC ontact 18 consectetur adipiscing elit Nunc eu augue elit, 16 17 Foto; Hier word een foto geplaatst met betrekking op brandpepper ; menu item wordt duidelijk uitgelicht zodat de gebruiker weet in welk menu item hij/zij zich bevind sed porttitor libero Donec faucibus varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper feugiat Morbi malesuada velit eget justo fermentum facilisis Proin at urna a magna 18 Titel; Hier bevind zich te titel van de onderstaande tekst accumsan posuere Aliquam scelerisque pellentesque purus, in feugiat est dictum non Nulla in felis massa, non dictum tortor Ut aliquam gravida diam, vel porta orci accumsan ut 19 19 Toelichting;Hier wordt kort omschreven wat de missie en visie van is Daarnaast wat word er verteld wat voor de gebruiker kan betekenen Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012 Overige toelichting Op dit scherm word de visie en missie van omschreven Het overzicht moet bewaakt worden en er mag niet teveel tekst worden geplaatst Het moet voor de gebruiker er nog aantrekkelijk genoeg uitzien om te gaan lezen
Vacatures GEEN VISUEEL ONTWERP Logo Diensten Portfolio Contact Wij zoeken jou! Vacatures Visual designer Interaction designer Programeur Projectleider consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra Bekijk Vacature Bekijk Vacature Bekijk Vacature Bekijk Vacature Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaardenc ontact Copyright 2012
Logo Wij zoeken jou! Diensten Portfolio Contact Vacatures 20 21 Foto; Hier word een foto geplaatst met betrekking op de functie die onder beschreven staat Deze foto is in dezelfde stijl als de foto s op de homepage Titel; Hier word aangegeven om welke functie het gaat Hieronder staat nadere toelichting 20 22 23 Button; door hierop te klikken word je doorverwezen naar de desbetreffende vacature Button; door hierop te klikken kun je de volgende reeks vacatures bekijken Visual designer Interaction designer Programeur Projectleider 21 consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra Bekijk Vacature Bekijk Vacature Bekijk Vacature Bekijk Vacature 22 23 Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaardenc ontact Copyright 2012 Overige toelichting Op dit scherm worden de vacatures die bij brandpepper beschikbaar zijn getoont Het overzicht moet bewaakt blijven
GEEN VISUEEL ONTWERP Logo Diensten Portfolio Contact Visual Designer consectetur Nunc eu augue elit, sed porttitor libero Donec varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper varius est vel laoreet Cras diam nulla, bibendum sodales dictum lobortis, volutpat vitae nisl Phasellus non tristique ipsum Cras ultrices suscipit vulputate Aenean massa elit, iaculis et ultrices sed, eleifend ut augue Donec et neque tortor, non cursus nisl Quisque purus - lacus gravida pharetra Nulla porta ante ac felis auctor congue sit - amet sit amet sapien Vivamus convallula non ullamcorper ipsum - elementum Nulla facilisi Donec quis urna non turpis rhoncus - dignissim porta ac mi Praesent sit amet risus scelerisque odio iaculis posuere ac eu lorem Nulla sed lectus justo Donec volutpat eros euismod libero auctor tempor laoreet sed nibh Sed massa urna, suscipit eu tristique sit amet, suscipit vitae ante Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012
Logo 24 Visual Designer Diensten Portfolio Contact consectetur Nunc eu augue elit, sed porttitor libero Donec varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper varius est vel laoreet Cras diam nulla, bibendum sodales dictum lobortis, volutpat vitae nisl Phasellus non tristique ipsum Cras ultrices suscipit vulputate Aenean massa elit, iaculis et ultrices sed, eleifend ut augue Donec et neque tortor, non cursus nisl Quisque purus - lacus gravida pharetra Nulla porta ante ac felis auctor congue sit 26 24 25 26 27 Titel; Hier bevind zich te titel van de onderstaande tekst Foto; Hier word een foto geplaatst met betrekking op de functie visual designer Deze foto is in dezelfde stijl als de foto s op de homepage Toelichting;Hier wordt kort omschreven wat de functie inhoud en wat brandpepper zoekt Icoon; deze klikbare iconen verwijzen naar de mail, afspraak maken of terug bellen - amet sit amet sapien Vivamus convallula non ullamcorper ipsum - elementum Nulla facilisi Donec quis urna non turpis rhoncus - dignissim porta ac mi 25 Praesent sit amet risus scelerisque odio iaculis posuere ac eu lorem Nulla sed lectus justo Donec volutpat eros euismod libero auctor tempor laoreet sed nibh Sed massa urna, suscipit eu tristique sit amet, suscipit vitae ante 27 Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012 Overige toelichting Op dit scherm worden de vacature duidelijk omschreven Er bevinden zich Iconen waar op geklikt kan worden Op die manier kan er gemakkelijk contact worden gelegd
Diensten GEEN VISUEEL ONTWERP Logo Diensten Portfolio Contact Wat kunnen wij voor u betekenen? Algemeen Applicatie ontwikkelen Drukwerk Logo & huisstijl ontwerpen Merk indentiteit Fotografie & illustratie consectetur adipiscing elit Nunc eu augue elit, sed porttitor libero Donec faucibus varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper feugiat Morbi malesuada velit eget justo fermentum facilisis Proin at urna a magna accumsan posuere Aliquam scelerisque pellentesque purus, in feugiat est dictum non Nulla in felis massa, non dictum tortor Ut aliquam gravida diam, vel porta orci accumsan ut consectetur adipiscing elit Nunc eu augue elit, sed porttitor libero Donec faucibus varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper feugiat Morbi malesuada velit eget justo fermentum facilisis Proin at urna a magna accumsan posuere Aliquam scelerisque pellentesque purus, in feugiat est dictum non Nulla in felis massa, non dictum tortor Ut aliquam gravida diam, vel porta orci accumsan ut Merk indentiteit Social media marketing Teksten schrijven Webdesign Web marketing Websites Webwinkel Zoekmachine optimalisatie Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er VOLG ONS OP TWITTER Links Algemene voorwaarden Contact Copyright 2012
Logo Wat kunnen wij voor u betekenen? Diensten Portfolio Contact 28 Foto; Hier word een foto geplaatst met betrekking op de functie die onder beschreven staat Deze foto is in dezelfde stijl als de foto s op de homepage 28 Algemeen 29 Applicatie ontwikkelen Drukwerk Logo & huisstijl ontwerpen Merk indentiteit 29 30 Buttons; In dit menu kun je verschillende diensten aanklikken Als je op een dienst klinkt verschijnt er in het linker menu uitleg Toelichting: Hier bevind zich de toelichting van de desbetreffende dienst Fotografie & illustratie consectetur adipiscing elit Nunc eu augue elit, sed porttitor libero Donec faucibus varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper feugiat Morbi malesuada velit eget justo fermentum facilisis Proin at urna a magna accumsan posuere Aliquam scelerisque pellentesque purus, in feugiat est dictum non Nulla in felis massa, non dictum tortor Ut aliquam gravida diam, vel porta orci accumsan ut consectetur adipiscing elit Nunc eu augue elit, sed porttitor libero Donec faucibus varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper feugiat Morbi malesuada velit eget justo fermentum facilisis Proin at urna a magna accumsan posuere Aliquam scelerisque pellentesque purus, in feugiat est dictum non Nulla in felis massa, non dictum tortor Ut aliquam gravida diam, vel porta orci accumsan ut 30 Merk indentiteit Social media marketing Teksten schrijven Webdesign Web marketing Websites Webwinkel Zoekmachine optimalisatie Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er VOLG ONS OP TWITTER Links Algemene voorwaarden Contact Copyright 2012 Overige toelichting Dit scherm heeft het hoofddoel om alle diensten van duidelijk over te brengen op de gebruiker
Portfolio GEEN VISUEEL ONTWERP Logo Diensten Portfolio Contact Een kijkje in de! Drukwerk Concept Websites Webdesign Marketing Atlas contact consectetur Nunc eu augue elit, sed porttitor libero Donec varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper varius est vel laoreet Bekijk de case Webwinkel Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012
Logo Diensten Portfolio Contact 31 Foto; Hier word een impressie foto geplaatst van het desbetreffende project Een kijkje in de! 32 32 Titel; Hier bevind zich te titel van de onderstaande tekst Drukwerk 34 33 Button; Door hierop te klikken volgt er in de linker kolom meer informatie en een afbeelding 31 Concept 34 Afbeelding; Door hierop te klikken volgt er in de linker kolom meer informatie en een afbeelding 33 Websites 35 Toelichting; Hier bevind zich de toelichting van de desbetreffende dienst 35 Atlas contact consectetur Nunc eu augue elit, sed porttitor libero Donec varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper varius est vel laoreet 36 Bekijk de case Webwinkel Webdesign Marketing 36 Button; Door hierop te klikken word de gebruiker doorverwezen naar de pagina waar de case uitgebreider word uitgelegd Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012 Overige toelichting Het portfolio scherm geeft een inpressie van het werk wat maakt, en wat zij ook voor de gebruiker zouden kunnen betekenen
Cases GEEN VISUEEL ONTWERP Logo Diensten Portfolio Contact Wat kunnen wij voor u betekenen? Cases Onze klanten Atlas contact Suriflits Hobby en spel Takkenkamp consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra Bekijk case Bekijk case Bekijk case Bekijk case Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012
Logo Wat kunnen wij voor u betekenen? 37 Diensten Portfolio Contact Cases Onze klanten 37 38 Titel; Hier bevind zich te titel van de onderstaande tekst Foto; Hier word een foto geplaatst met betrekking het project dat onder beschreven staat Deze foto geeft een inpressie van het gemaakte werk 38 Atlas contact Suriflits 39 Hobby en spel Takkenkamp consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra consectetur adipiscing elit Suspendisse in turpis justo tincidunt Nullam eget felis id dui tincidunt viverra 39 40 41 Titel; Hier word aangegeven om wat voor project het gaat Hieronder staat nadere toelichting Button; Hier word aangegeven om welke functie het gaat Hieronder staat nadere toelichting Button; door hierop te klikken kun je de volgende reeks projecten bekijken Bekijk case Bekijk case Bekijk case Bekijk case 40 41 Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012 Overige toelichting Op dit scherm worden de projecten globaal beschreven, om dieper op het project in te gaan en de gehele case te lezen kan de gebruiker per project op de button bekijk case klikken Op die manier kunnen ze de case uitgebreid lezen
GEEN VISUEEL ONTWERP Logo Diensten Portfolio Contact Atlas contact consectetur Nunc eu augue elit, sed porttitor libero Donec varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper varius est vel laoreet Cras diam nulla, bibendum sodales dictum lobortis, volutpat vitae nisl Phasellus non tristique ipsum Cras ultrices suscipit vulputate Aenean massa elit, iaculis et ultrices sed, eleifend ut augue Donec et neque tortor, non cursus nisl Quisque purus lacus gravida pharetra Nulla porta ante ac felis auctor congue sit amet sit amet sapien Vivamus convallis leo quis ipsum vehicula non ullamcorper ipsum elementum Nulla facilisi Donec quis urna non turpis rhoncus dignissim porta ac mi Praesent sit amet risus scelerisque odio iaculis posuere ac eu lorem Nulla sed lectus justo Donec volutpat eros euismod libero auctor tempor laoreet sed nibh Sed massa urna, suscipit eu tristique sit amet, suscipit vitae ante Duis eget risus eu purus semper dapibus id non nulla Aliquam fermentum consec dapibus suscipit vitae, pellentesque sit amet dui Fusce molestie eleifend purus, in blandit justo blandit vel Aliquam aliquam dictum metus, consequat imperdiet diam elementum nec Nunc fermentum consequat ante, id convallis lacus elementum at Nam placerat congue porttitor Vorige case Volgende case Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012
Logo Atlas contact 42 Diensten Portfolio Contact consectetur Nunc eu augue elit, sed porttitor libero Donec varius est vel laoreet Mauris sed nisi nunc, sit amet dapibus nisi Ut id est vel enim semper varius est vel laoreet Cras diam nulla, bibendum sodales dictum lobortis, volutpat vitae nisl Phasellus non tristique ipsum Cras ultrices suscipit vulputate Aenean massa elit, iaculis et ultrices sed, eleifend ut augue Donec et neque tortor, non cursus nisl Quisque purus 42 43 44 Titel; Hier bevind zich te titel van de onderstaande tekst Foto; Hier word een foto geplaatst met betrekking het project dat beschreven staat Deze foto geeft een inpressie van het gemaakte werk Button; Door hierop te klikken word de gebruiker doorverwezen naar de vorige of volgende pagina waar een ander project te zien is 43 lacus gravida pharetra Nulla porta ante ac felis auctor congue sit amet sit amet sapien Vivamus convallis leo quis ipsum vehicula non ullamcorper ipsum elementum Nulla facilisi Donec quis urna non turpis rhoncus dignissim porta ac mi 45 Button; door hierop te klikken kan de gebruiker de volgende reeks projecten bekijken Praesent sit amet risus scelerisque odio iaculis posuere ac eu lorem Nulla sed lectus justo Donec volutpat eros euismod libero auctor tempor laoreet sed nibh Sed massa urna, suscipit eu tristique sit amet, suscipit vitae ante Duis eget risus eu purus semper dapibus id non nulla Aliquam fermentum consec 46 Toelichting: Hier bevind zich de toelichting van het desbetreffende project dapibus suscipit vitae, pellentesque sit amet dui Fusce molestie eleifend purus, in blandit justo blandit vel Aliquam aliquam dictum metus, consequat imperdiet diam elementum nec Nunc fermentum consequat ante, id convallis 45 lacus elementum at Nam placerat congue porttitor 46 44 Vorige case Volgende case Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012 Overige toelichting Binnen dit scherm wordt de case uitgebreid beschreven Door op de buttons te klikken kan de gebruiker gemakkelijk schakelen tussen verschillende cases
Contact GEEN VISUEEL ONTWERP Logo Diensten Portfolio Contact Wij horen graag van u Maak vrijblijvend een afspraak Laat ons u terug bellen Stuur ons een e-mail Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012
Logo Diensten Portfolio Contact Wij horen graag van u 47 47 48 Titel; Hier bevind zich te titel van de onderstaande tekst Icoon; deze klikbare iconen verwijzen naar de mail, afspraak maken of terug bellen 48 Maak vrijblijvend een afspraak Laat ons u terug bellen Stuur ons een e-mail 49 50 Foto; Hier word een foto geplaatst met betrekking op Brandpeper Contactgegevens; Hier worden de contactgegevens weergegeven 49 Tel 085-40 111 00 Mail info@brandpeppernl support@brandpeppernl 50 mooi online project Medio januari zal er Links Algemene voorwaarden Contact Copyright 2012 Overige toelichting Binnen dit scherm zijn duidelijk alle contactgegevens en social media aanwezig
51 Een vrijblijvende afspraak maken Bedrijf 52 53 54 51 52 Icoon; deze icoon draagt bij aan de herkenbaarheid van de pop up Titel; Hier bevind zich te titel van de pop up 55 53 Button; Door hierop te klikken bewaar je de pop up onderaan je venster Naam 54 Button; Door hierop te klikken druk je het pop up menu weg Gewenste dag 55 Invoer veld; Hier kan de gebruiker de gewenste tekst invoeren Gewenst tijdstip 56 Button; Door hierop te klikken verstuur je de aanvraag voor een afspraak Telefoonnummer Bedrijf Overige toelichting Deze schermen worden getoont dmv een pop up Het is gebruiksvriendelijker om de gebruiker binnen het zelfde scherm door te verwijzen dan weer een nieuwe scherm te openen Verstuur 56 Bel me terug Bedrijf Contactpersoon Telefoonnummer Verstuur