13 november 2009 • 10us • Site Nieuws

Vormgeving welostthem.com

Daar is het slecht mee gesteld. De nieuwe motor achter de zijde is een feit, maar de vormgeving is om te janken. Daarom in een A4-tje met info over de zijde die ik aan een aantal bevriende designers opstuur met de vraag een kick ass vormgeving te maken.

Wat is welostthem?

Welostthem.com bestaat sinds 2001 en is een website voor en door een stel haarlemsche vrienden - de WLT - tussen de 25 en 30 jaar die elkaar al meer dan twaalf jaar kennen. Bezoekers zijn naast de WLT zelf, andere vrienden, kennisen en vage bekenden. 

De zijde (zoals zij de WLT hem zelf noemt) is de gezamelijke agenda en plaats op internet om foto's en verhalen met elkaar te delen, of om korte berichtjes (shouts) achter te laten. Pokeren (vroeger ook darten) wordt op de site gepland en uitslagen worden bijgehouden. Zo nu en dan wordt een column, leuke link, praat bij de plaat, of ander geinig artikeltje gepost door een WLT-er. Feestjes worden gepland en foto's worden gedumpt. Kleinere of grotere weekendjes weg of vakanties worden (voor)besproken en daarna de foto's en verhalen gepost. Kortom online archief van vriendschap en digitale hangplek voor onze drukke inmiddels bijna grote mensen leventjes.

Waar bestaat de site uit?

De homepage is bedoeld als startpagina en om alle laatste wijzigingen op de zijde te laten zien. De meest acutele of meest gewijzigde onderdelen staan bovenaan. Doel is dat iemand die een tijdje niet is langsgeweest op homepage weer helemaal bij is. Onderdelen hier zijn:

  • Recente artikelen van de afgelopen vier weken - wijzigt maandelijks
  • Laatste vijf reacties, op alle onderdelen kan gereageerd worden - wijzigt wekelijks
  • Shoutbox, iedereen kan een shout achterlaten - wijzigt dagelijks
  • Laatste tien artikelen
  • Laatste of random foto (uit de foto dump)
  • Laatste poker uitslag en actuele poker ranking

De homepage biedt toegang tot de vervolg pagina's. Bezoekers op deze pagina's kunnen ook via google zijn binnen gekomen en daarom is het doel hier de bezoeker kennis te laten maken met de zijde, gerelateerde posts aan te bieden en hem daarmee de site verder te laten verkennen.

Een typische vervolg pagina is een artikel detail pagina.

  • Naast het artikel zelf n haar reacties staan hier opsommingen van
  • "Ook leuk" gerelateerde artikelen
  • "Meer van dit" artikelen uit dezelfde categorie
  • "Vaak gelezen", meest gelezen artikelen

Andere vervolg pagina's zijn de fotodump met albums en fotodetail pagina's, het archief en overzichten van artikelen per maand en categorie, en de zoekresultaten pagina.

Header en footer

Zowel de homepage als vervolgpagina's hebben een header en footer die de standaard elementen van de zijde huisvesten. De header de hoofdnavigatie, zoekveld en het logo (een verbaast onthoofd engeltje) en de tekst welostthem prominent aanwezig (en niet zoals nu, mini). De footer bevat vijf willekeurige artikelen uit het archief en een korte tekst "wat is dit" en wat algemene statistieken (aantal artikelen, reacties en pageviews).

De opdracht

Geef de homepage en een vervolg pagina vorm, rekening houdend met bovenstaande onderdelen. Het huidige logo moet worden gebruikt zoals het nu is (dit staat namelijk getatoeerd op Thomas z'n arm) en is dus niet koel als dit veranderd. De breedte van de site mag niet breder dan 970 pixel, de achtergrond mag natuurlijk wel groter/breder. De header hoeft niet te groot (de content moet ruimschoots in beeld), op de footer mag je helemaal los.

De sfeer van de site moet zijn :

Grungy, Urban, Haarlem skyline, Stappen, Stoer, Verhalen, Weblog, Ouwe jongens krentenbrood, Verweerd, Sketchy, Vakantie, Er op uit, Gezellig, Vector, Avontuur, Fietsen, Retro, Biertjes, Buiten, Kroeg, Plakboek, Stappen, Poker.

Voorbeelden :

Je ontwerp wordt hier op de zijde getoond en het ontwerp met de meeste stemmen wordt het nieuwe design! Eeuwige dank en roem vallen je ten deel! Deadline : 20 december 2009.




:-) :-D ;-) :-? 8-) :-o :-( :-p