jamarchitecten.nl

Datum

zaterdag, 4 april 2009

Cliënt

JAM* Architecten

Plaats

Amsterdam

Jaar

2008

Link

jamarchitecten.nl

Keywords

Grafisch ontwerp (27), Webdesign (20), Content Management System (9), Grid-systeem (9)

Social

Permalink, Email, Facebook, Google, Twitter

Afbeelding - The Big Picture

 

 

JAM* Architecten is een Amsterdams bureau, opgezet door Jeroen Mensink, dat opdrachten doet in de publieke en private sector, onderzoek verricht, schrijft.

Ze vroegen me een site met CMS te ontwerpen.

Visueel ontwerp

Jeroen Mensink onderzoekt in zijn werk een aantal abstracte concepten die raakvlakken hebben met kunst. In voorbereidende gesprekken noemde hij beelden die doorgaan buiten het kader en de suggestie van grenzeloosheid of oneindigheid als uitgangspunten voor zijn ontwerpen.

Elk afgerond project documenteert hij–samen met fotograaf Kees Hummel–in een fotoserie die ook als zelfstandig werk fungeert. Die foto's geven niet alleen de architectuur weer maar ook het leven dat erin plaats vindt, en hebben een geladen atmosfeer.

Ik heb Jeroen's interesse in kaders en kaderloosheid letterlijk laten terugkomen in dit ontwerp. Je ziet de documentatiefoto's slechts gedeeltelijk. Als je met je muis over een afbeelding beweegt, blijkt dat ze groter zijn dan ze in eerste instantie lijken. Dit geeft het gevoel alsof je door een verrekijker naar de foto's kijkt—je krijgt het grote geheel nooit volledig te zien. Dit idee is doorgevoerd in de vormgeving van bepaalde menu's.

Kleuren

Het kleurschema van de site is afgeleid van de basiskleuren uit eerdere vormgeving (cyaan, magenta en geel). Over elkaar gedrukt, vormen ze het levendige zwart dat is gebruikt als achtergrondkleur.

Afbeelding - CMYK zonder K

 

Afbeelding - Projectpagina

 

Structureel ontwerp

De website bestaat grofweg uit drie type pagina's:
–  Presentatiepagina's waarin meerdere artikelen worden gepresenteerd e.g. de Home-pagina;
–  Lijstoverzichten waarin alle documenten van een bepaald type zijn samengevat e.g. de Werk-pagina;
–  Detailpagina's die artikelen, foto-galeries en projectomschrijvingen bevatten e.g. deze projectpagina.

Op elke pagina zijn inleidende gedeeltes van andere pagina's aanwezig, zodat kruisverbanden ontstaan. Dit is de voornaamste navigatie-methode, waarmee de bezoeker op losse wijze door de site kan browsen. Boven- en onderaan elke pagina staan menu's waarmee informatie op gestructureerde wijze kan worden gevonden.

Om de zeer diverse werkzaamheden van JAM* te kunnen organiseren, gebruiken ze een menu-structuur die door henzelf kan worden aangepast.

De website is tweetalig (Nederlands, Engels) en is voorzien van een CMS waarmee JAM* zelf bestanden, menu-items en keywords kan maken, opmaken en organiseren.

 

 

 

Document - www.raminvisch.nl

 

www.raminvisch.nl

Datum

vrijdag, 3 april 2009

Keywords

Grafisch ontwerp (27), Webdesign (20), Content Management System (9)

Het ontwerp refereert aan .pdf-documenten, om het documentaire karakter van de site te benadrukken. Ik heb alle types pagina's die normaal gesproken los op een website voorkomen (werk, contact, nieuws, etcetera) onder elkaar geplakt in éen lang document. Meer…

Document - www.keen.nl

 

www.keen.nl

Datum

zaterdag, 28 maart 2009

Keywords

Grafisch ontwerp (27), Webdesign (20), Content Management System (9), Grid-systeem (9)

In eerdere vormgeving gebruikten ze het beeld van een schoenendoosverzameling (oude schoenendoos waarin emotionele souvenirs worden bewaard), als metafoor voor deze diversiteit aan activiteiten. Dat beeld werd het uitgangspunt voor het ontwerp van hun website. Meer…

Document - blauw-architecten.nl

 

blauw-architecten.nl

Datum

zaterdag, 21 maart 2009

Aangepast

dinsdag, 16 juni 2009

Keywords

Grafisch ontwerp (27), Webdesign (20), Drukwerk (4), Content Management System (9), Grid-systeem (9)

Ik heb een grid-systeem gemaakt waarmee tekstblokken en afbeeldingen overal op de pagina kunnen worden geplaatst. In plaats van een eenvormig template te gebruiken, heeft elke pagina zijn eigen opmaak. Meer…

Document - lauraweeber.nl

 

lauraweeber.nl

Datum

vrijdag, 20 maart 2009

Aangepast

dinsdag, 16 juni 2009

Keywords

Grafisch ontwerp (27), Webdesign (20), Grid-systeem (9)

Laura onderzoekt met haar werk toepasbare systemen die resulteren in natuurlijke variabiliteit en variatie. Deze gecontroleerde onregelmatigheid—die ook terugkomt in haar huisstijl—was het uitgangspunt voor de vormgeving. Meer…