MML-2 Opdracht MM-C Website Cuisine Opdracht voor een website Versie 1.0 Sjoerd Banga 28-03- 04 1/ 15
MML-2 Opdracht MM-C Website 1DOELGROEPANALYSE & PROBLEEMSTELLING...3 2BRAINSTORM...4 2.1BRAINSTORM 1...4 2.2BRAINSTORM 2...5 3CATEGORISEREN...7 3.1HOOFDGROEPEN:...7 3.2SUBCATEGORIËN...7 3.2.1DE MEXICAANSE KEUKEN...7 3.2.2PRODUCTEN VAN CUISINE...7 3.2.3RECEPTEN...7 3.2.4COMMUNITY...7 3.2.5PRAKTISCHE GEGEVENS...7 4FLOWCHARTS...8 5STORYBOARD...9 5.1HOOFD-INDELING (VOORBEELD SCHERM MEXICAANSE KEUKEN)...9 5.2LAYOUT VOORBEELD-PAGINA MET RECEPT...10 6STYLE BOOK...11 6.1KEY VISUALS...11 6.2KLEUREN...13 6.3FONTS...14 6.3.1VOOR KOPPEN: MYRIAD ROMAN...14 6.3.2VOOR KOPPEN: TACO SALAD...14 6.3.3VOOR GEWONE TEKST: VERDANA...14 6.3.4VOOR OVERIGE TEKST: SPANISH ROUND BOOKHAND, 16TH C...14 7BRONNEN...15 7.1ONDERWERP...15 7.2OPMAAK, ETC...15 7.2.1BOEKEN...15 7.2.2LESMATERIAAL...15 Bijlage: Flowchart Website productie op A3-formaat. Sjoerd Banga 28-03- 04 2/ 15
MML-2 Opdracht MM-C Doelgroepanalyse & probleemstelling Website 1 Doelgroepanalyse & probleemstelling Voor wie is deze Website bestemd? Liefhebbers van: (Mexicaans) eten Koken Kookboeken Reizen / Mexico Mexicaanse restaurants Probleemstelling: Cuisine wil haar activiteiten uitbreiden naar het internet. De doelstelling van de site is een community te creëren om de klantenbinding te vergroten en de boekenverkoop te stimuleren. Gezien dit om een nieuw concept gaat zal deze site voorlopig worden gewijd aan de mexicaanse (en eventueel ook TexMex-) keuken. Sjoerd Banga 28-03- 04 3/ 15
MML-2 Opdracht MM-C Brainstorm Website 2 Brainstorm Het brainstormen is uitgevoerd op twee manieren. De eerste is uitgevoerd op de manier die wij aangereikt hebben gekregen tijdens/door de studie MME. De tweede is uitgevoerd op de manier zoals ik die gewend ben en mij persoonlijk meer inspireert. 2.1 Brainstorm 1 Het vormen van een wilde ideënlijst met de opdracht in het achterhoofd. Daarna wordt deze lijst ondergebracht in maximaal vijf categorieën, van waaruit vervolgens weer subcategorieën worden gemaakt. Op basis daarvan maak je een schematische voorstelling van de productie. De wilde ideeënlijst heb ik ondergebracht in twee categorieën, namelijk in voor de content en 1 voor het uiterlijk van de productie. Mexico Content Erigen recepten kunnen inleveren Forms Recept van de dag/week Recepten Achtergrond Mexicaanse keuken Zelf Mexicaans koken Plaatje met imagemap van een mexicaans dorp Opmerkingen en haalbaarheid Mexico en diens keuken is op dit moment razend populair. De site moet een mexicaanse en beetje TexMex-stijl hebben De beste van die recepten komen op de site en/of in een kookboek. Op site inclusief foto en korte persoonsbeschrijving - Voor het bestellen van boeken - Voor het boeken van een culinaire reis Iedere dag iets met bonen Enkele recepten (uit hun kookboeken) tonen. Info geven (ook een stukje geschiedenis) Wat vertellen over de keukengerei, ingrediënten, etc. Van bovenaf gekeken kun je op de gebouwen klikken. Afhankelijk van het gebouw spring je naar een pagina. Bijv: Restaurant>Recepten, gerechten Kraampjes>Specerijen, ingredienten Boekenwinkel>Bestel pagina's Cafe>Forum, etc. Design website van boven naar beneden: Zon/lucht tot woestijn/grond Iconen (mexicaanse vormen) Sombrero's Pepers Cactussen Western-stijl bewegwijzering Graphics Het is nog de vraag of ik dit zelf kan tekenen. Cactussen, sombreros, pepers, mexicaanse snorren Moeilijkheidsgraad Scherpte recept Navigatie? Navigatie? Schedel van een dier, western-style, woestijn, mexicaanse marktplaats Sjoerd Banga 28-03- 04 4/ 15
MML-2 Opdracht MM-C Brainstorm Website Content Kleuren van de site Maya's, Tolteken, Mixteken, Azteken, Olmeken Reis-workshops Bestellingen (literatuur, etc). Links Literatuurlijst Contact via e-mail Knopjes Opmerkingen en haalbaarheid Lucht, bergen woestijn, 'Mexicaanse kleuren': mais, pepers, etc. Voor de vormen (vierkanten, driehoeken, etc.) Koken, fotografie, etc. 2.2 Brainstorm 2 Bij deze manier van brainstormen probeer je via een omweg het probleem op te lossen. Er is eerst een lijst gemaakt met prikkelwoorden die niets te maken met de probleemstelling; je noemt gewoon wat in je opkomt. Dit kun je het beste met 2 of meer mensen doen. Vervolgens kiest ieder ongeveer drie woorden uit de lijst die hem/haar het meest prikkelen. Het prikkelwoord die de hoogste score heeft wordt gebruikt bij de volgende stap. Het prikkelwoord is geworden: cactus. In de volgende stap bedenk je alle dingen die bij jou opkomen als je aan cactus denkt (het gaat hierbij niet om de kwaliteit, maar de kwantiteit). Zodra je daar mee klaar bent neem je elke keuze en koppelt die aan jouw probleem. In linker kolom van onderstaande tabel staan de woorden die uit stap twee zijn gekomen en in de rechter kolom staan toepassingen mbt de probleemstelling. Sjoerd Banga 28-03- 04 5/ 15
MML-2 Opdracht MM-C Brainstorm Website stekel droogte prik Associaties met cactus Toepassing Scherpe gerechten (hoe meer cactussen hoe scherper) cactus met armen voor navigatie? sappen zon zand woestijn cowboys tuincentrum bewateren verdamping bloeien leer schorpioen studenten cylinder mexico vakantie sombrero tequila la cucaracha Adobe huisjes Sappige gerechten sausjes drankjes Opmaak, van boven naar beneden: Zon (en lucht) Woestijn (met cactussen) Zie boven zie boven Hello Gringo / Cowboy / Cowgirl Coral Mexicaanse marktplaats met: - Restaurant (recepten, gerechten, kok) - Kraampjes (specerijen, ingrediënten) - Cafe (babbelen, forum) - Boekenkraampje, handel Laten groeien (de community) door recepten, etc. te geven Cactus met bloemen (aantal bloemen kan iets voorstellen) Boekenleggers, kookkleding,k laarzen, voorbedrukte kleding, Senôr Taco, leren portemonnee Korting voor studenten?, community, studentenmenu, menza, voorlopers van kennis, experimentele gerechten, krappe beurs Wie maakt de grootste / langste encelada Reis naar mexico kunnen winnen Culinaire reis door mexico, georganiseerd door de organisatie en voor de lezers Recepten (Hoe meer sombreros hoe moeilijker) Drankjes, wormpje Restaurant, gezelligheid Iets voor de layout? Sjoerd Banga 28-03- 04 6/ 15
MML-2 Opdracht MM-C Categoriseren Website 3 Categoriseren 3.1 Hoofdgroepen: De mexicaanse keuken (achtergrond) Producten van Cuisine Recepten Community Praktische gegevens (contact, bestelformulieren), etc 3.2 Subcategoriën 3.2.1 De mexicaanse keuken Ingrediënten Materialen, etc Mexicaanse keuken o Geschiedenis o Geografie 3.2.2 Producten van Cuisine Boekenlijst Kookmaterialen, etc. Cursussen Reizen (workshops) 3.2.3 Recepten Selectie uit het aanbod van de kookboeken Recept van de dag 3.2.4 Community Eigen recepten Prijsvragen en activiteiten (Forum) 3.2.5 Praktische gegevens Reserveringen Bestellingen Contactgegevens Sjoerd Banga 28-03- 04 7/ 15
MML-2 Opdracht MM-C Flowcharts Website 4 Flowcharts Om te beginnen heb ik een flowchart gemaakt van de bovengenoemde categorieën (zie hieronder).op basis daarvan is de flowchart voor de website gemaakt (zie bijlage). Sjoerd Banga 28-03- 04 8/ 15
MML-2 Opdracht MM-C Flowcharts Website 5 Storyboard 5.1 Hoofd-indeling (voorbeeld scherm Mexicaanse keuken) Ruimte voor knoppen Subcategorieën van de actieve hoofdcategorie Knoppen Hoofdcategorieën De actieve Hoofdcategorie Ruimte voor foto's, etc. De pagina's worden omringd of afgesloten door dergelijke patronen. Ruimte voor foto's, etc. Sjoerd Banga 28-03- 04 9/ 15
MML-2 Opdracht MM-C Storyboard Website 5.2 Layout voorbeeld-pagina met recept Naam van het recept in lettertype "Taco Salad" Ruimte voor foto Ingrediënten in cursief lettertype Link naar volgende pagina (of het volgend recept) Sjoerd Banga 28-03- 04 10/ 15
MML-2 Opdracht MM-C Style Book Website 6 Style Book 6.1 Key visuals Over de gehele site wordt een stijl gebruikt, afgeleid van de mexicaanse indianen (zoals, maya's, tolteken, mixteken, azteken, etc., etc.) Het volgend patroon is hier een voorbeeld van. Om de moeilijkheidsgraad aan te geven van recepten worden sombrero's gebruikt. Hoe meer sombrero's, hoe ingewikkelder het recept. Om aan te geven hoe scherp een recept is, maken wij gebruik van pepers. Hoe meer pepers, hoe scherper het gerecht. Sjoerd Banga 28-03- 04 11/ 15
MML-2 Opdracht MM-C Style Book Website Voor de navigatie is het eerste alternatief het gebruik van knoppen in de indianen-stijl (zoals eerder beschreven). Een alternatief voor de navigatie kunnen cartooneske cactussen worden gebruikt. Sjoerd Banga 28-03- 04 12/ 15
MML-2 Opdracht MM-C Style Book Website 6.2 Kleuren De volgende kleuren (behalve de contrastkleur) zijn allemaal gehaald uit kleuren die zijn gebruikt voor het gebouw waar de website over gaat. RGB code HTML code Opmerkingen Hoofdkleur 1 253-196-46 FDC42E Hoofdkleur 1 Hoofdkleur 2 253-92-46 FD5C2E Hoofdkleur 2 Steunkleur 1 153-96-0 996000 Donkere versie van Hoofdkleur 1 Steunkleur 2 153-0-0 990000 Donkere versie van Hoofdkleur 2 Contrastkleur 46-103-253 2E67FD Contrastkleur (complement van hoofdkleur 1) Extra kleur 85-28-0 551C00 Donkere kleur voor tekst Sjoerd Banga 28-03- 04 13/ 15
MML-2 Opdracht MM-C Style Book Website 6.3 Fonts 6.3.1 Voor koppen: Myriad Roman Recepten Recepten 6.3.2 Voor koppen: Taco Salad Taco Salad Taco Salad 6.3.3 Voor gewone tekst: Verdana Mexicaanse keuken Mexicaanse keuken 6.3.4 Voor overige tekst: Spanish Round Bookhand, 16th c Cuisine kookboeken Spanish round bookhand Sjoerd Banga 28-03- 04 14/ 15
MML-2 Opdracht MM-C Bronnen Website 7 Bronnen 7.1 Onderwerp De beste Mexicaanse recepten Tex-Mex koken 7.2 Opmaak, etc 7.2.1 Boeken Web Style Guide 2 nd Edition Pause & Effect The art of interactive narrative Kwaliteit in Presentaties Kwaliteit in druk 7.2.2 Lesmateriaal Lesson 111: Handout: Storyboard Lesson 111: Handout: flowchart voorbeeld Lesson 113: Folderstructuren website en cd-rom Lesson 115: Handout Style book Sjoerd Banga 28-03- 04 15/ 15