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.1B RAINSTORM 1..................................................................................................................................................4 2.2B RAINSTORM 2..................................................................................................................................................5 3CATEGORISEREN.........................................................................................................................................7 3.1H OOFDGROEPEN:...............................................................................................................................................7 3.2S UBCATEGORIËN................................................................................................................................................7 3.2.1D E MEXICAANSE KEUKEN..................................................................................................................................7 3.2.2P RODUCTEN VAN CUISINE................................................................................................................................7 3.2.3RECEPTEN......................................................................................................................................................7 3.2.4C OMMUNITY..................................................................................................................................................7 3.2.5P RAKTISCHE GEGEVENS.....................................................................................................................................7 4FLOWCHARTS...............................................................................................................................................8 5STORYBOARD...............................................................................................................................................9 5.1H OOFD- INDELING (VOORBEELD SCHERM MEXICAANSE KEUKEN)..............................................................................9 5.2LAYOUT VOORBEELD- PAGINA MET RECEPT............................................................................................................10 6STYLE BOOK................................................................................................................................................11 6.1KEY VISUALS...................................................................................................................................................11 6.2KLEUREN.......................................................................................................................................................13 6.3F ONTS...........................................................................................................................................................14 6.3.1VOOR KOPPEN: M YRIAD ROMAN.....................................................................................................................14 6.3.2VOOR KOPPEN: TACO SALAD..........................................................................................................................14 6.3.3VOOR GEWONE TEKST: VERDANA.....................................................................................................................14 6.3.4VOOR OVERIGE TEKST: SPANISH ROUND BOOKHAND, 16 TH C.............................................................................14 7BRONNEN....................................................................................................................................................15 7.1O NDERWERP...................................................................................................................................................15 7.2O PMAAK, 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. Content Mexico Erigen recepten kunnen inleveren
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.
Forms
Op site inclusief foto en korte persoonsbeschrijving - Voor het bestellen van boeken
Recept van de dag/week
- Voor het boeken van een culinaire reis Iedere dag iets met bonen
Recepten
Enkele recepten (uit hun kookboeken) tonen.
Achtergrond Mexicaanse keuken Zelf Mexicaans koken Plaatje met imagemap van een mexicaans dorp
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. Het is nog de vraag of ik dit zelf kan tekenen.
Design website van boven naar beneden: Zon/lucht tot woestijn/grond Iconen (mexicaanse vormen) Sombrero's Pepers Cactussen Western-stijl bewegwijzering Graphics
Sjoerd Banga
Cactussen, sombreros, pepers, mexicaanse snorren Moeilijkheidsgraad Scherpte recept Navigatie? Navigatie? Schedel van een dier, western-style, woestijn, mexicaanse marktplaats
28-03-04
4/ 15
MML-2 Opdracht MM-C Content Kleuren van de site Maya's, Tolteken, Mixteken, Azteken, Olmeken Reis-workshops Bestellingen (literatuur, etc). Links Literatuurlijst Contact via e-mail Knopjes
Brainstorm
Website
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
Associaties met “cactus” stekel
Brainstorm
Website
Toepassing Scherpe gerechten (hoe meer cactussen hoe scherper) cactus met armen voor navigatie?
droogte prik sappen
Sappige gerechten sausjes
zon
drankjes Opmaak, van boven naar beneden: Zon (en lucht)
zand woestijn cowboys
Woestijn (met cactussen) Zie boven zie boven Hello Gringo / Cowboy / Cowgirl
tuincentrum
Coral Mexicaanse marktplaats met:
bewateren verdamping bloeien leer schorpioen studenten cylinder mexico vakantie sombrero tequila la cucaracha Adobe huisjes
Sjoerd Banga
-
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?
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) Knoppen Hoofdcategorieën Ruimte voor knoppen Subcategorieën van de actieve hoofdcategorie
Ruimte voor foto's, etc.
Sjoerd Banga
De pagina's worden omringd of afgesloten door dergelijke patronen.
28-03-04
De actieve Hoofdcategorie
Ruimte voor foto's, etc.
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
Link naar volgende pagina (of het volgend recept)
Ingrediënten in cursief lettertype
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 2nd 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
