FlowerGrid

content     interactie     visueel     website     individueel              

01
jan ’09

FlowerGrid

Een echte ontwerpopdracht was die van het vak Visual & Interaction Design. Daarbij was het de bedoeling met een collectie bestaande uit 99 items een concept te ontwikkelen en hier een website of applicatie van te maken. Ik heb gekozen voor een website. Deze website hoefde niet volledig te werken, maar aan de hand van screenshots moest duidelijk zijn hoe de navigatie en interactie (zoekmogelijkheden en dergelijke) werken, en hoe de gebruiker aanpassingen kan maken in die collectie. Ik kreeg 99 foto’s van orchideeën toegewezen en heb hier het concept Flower Grid voor bedacht. Hierbij kunnen mensen zelf foto’s toevoegen aan bestaande bloemen en deze beoordelen.

Bovendien kunnen mensen door de bloemen bladeren en uitgebreid zoeken op de homepage. Wanneer een individuele bloem is aangeklikt, kunnen mensen door de foto's bladeren en er eentje toevoegen aan hun persoonlijke ‘grid’. Na verloop van tijd heeft de gebruiker een vol grid, welke hij/zij dan vervolgens kan printen of doorsturen. Hierdoor is de applicatie behalve voor tuinders, hobbyisten en bloemisten, ook geschikt voor designers en visueel ontwerpers, die inspiratie kunnen opdoen met behulp van de enorme keuze aan foto's van bloemen. De website maakt gebruik van de laatste technieken, om veel content kwijt te kunnen op een relatief klein vlak, zoals uitschuifbare blokken en efficiënte bladerfuncties.

Men kan elkaar vinden door de profielen te doorzoeken van de gebruikers op de website en zo zoeken naar hobbyisten in de buurt, of winkels die een bepaalde orchidee verkopen. Tijdens het vak hebben we verschillende tussentijdse opdrachten gemaakt, een demo ontwikkeld en uiteindelijk een eindpresentatie verzorgd, waar iedereen zijn eigen ontwerp heeft getoond. FlowerGrid werd beoordeeld met een U(itmuntend) en bestaat uit een aantal screenshots die getoond worden op een demowebsite. De website bestaat uit 5 ‘slides’ met enige korte uitleg over het concept en daarna de screenshots, welke te bekijken zijn met de knoppen onderaan het scherm.

Dit project is zeer binnenkort weer te bekijken of te downloaden. Excuses voor het ongemak!

Briefing

Maak een website-ontwerp met doordachte interactie en navigatie en over een bepaalde collectie

Opdrachtgever

Interactieve Media, Hogeschool van Amsterdam

Realisatie

Website volledig uitgewerkt, per pagina uitgedacht interactieontwerp. FlowerGrid: de grootste orchideeën zoekmachine.

Gewerkt met

• Photoshop
• CSS
• XHTML
• Flash
• fotografie

Beoordeling

Dit project is beoordeeld door docenten van de opleiding Interactieve Media met een
U (uitmuntend).