Beste SD'ers,

Bij deze wil ik graag weten wat jullie van mijn nieuwe layout vinden. Graag ook in je reactie waar de verbeteringen zitten, niet alleen "mooi" of "lelijk", tenzij hij zo goed is dat je er echt niks op weet te verzinnen, haha.

Hier kunnen jullie de layouts vinden:
homepage:
http://www.bfrerix.nl/preview/v4sitemap-open.jpg

portfolio-page:
http://www.bfrerix.nl/preview/portfolio_preview.jpg

post-page:
http://www.bfrerix.nl/preview/page_preview.jpg

De blogpage komt nog!

Mvg, Bastiaan F

Beste Bastiaan,

De layout ziet er prima uit.
Mijn op/aanmerkingen:

- Erg weinig kleurgebruik, voeg één kleur extra toe aan het grijze/zwarte.
- Alles lijkt een beetje apart uitgelijnd, ik zou alles (tekst en icoontjes) gewoon links uitlijnen.
- Ander lettertype kiezen voor je content, dit is erg klein en blokkerig.
- Waarom tags op de post page? Wat hebben deze voor zin?
- Wees consistent, de ene pagina is breder dan de ander (niet qua pixels maar op de ene pagina loopt de tekst verder dan op de ander)

Ik hoop dat je hier wat aan hebt.
Succes!

Gr. Sander
www.sanderbellinga.nl

Beste Sander,

Bedankt voor je snelle en kwalitatieve reactie! Ik ga er morgen nog mee aan de slag!

- Het lettertype is gewoon Arial 11px, zonder anti alias, dit word dus op de daadwerkelijke site beter weergegeven.
- De tags staan er omdat het een korte samenvatting van de post weergeeft, en gezien het feit dat dit strakseen wordpress website word kan dit best toch?

Nogmaals bedankt! De kleur is inderdaad een erg goede tip, het is zo net iets te saai.

Groetjes, Bastiaan
www.bfrerix.nl

Origineel gepost door Bastiaan F

Beste Sander,

Bedankt voor je snelle en kwalitatieve reactie! Ik ga er morgen nog mee aan de slag!

- Het lettertype is gewoon Arial 11px, zonder anti alias, dit word dus op de daadwerkelijke site beter weergegeven.
- De tags staan er omdat het een korte samenvatting van de post weergeeft, en gezien het feit dat dit strakseen wordpress website word kan dit best toch?

Nogmaals bedankt! De kleur is inderdaad een erg goede tip, het is zo net iets te saai.

Groetjes, Bastiaan
www.bfrerix.nl

Hallo Bastiaan,

Bij de eerste indruk had ik eigenlijk een wauw-effect! Door minimaal kleurgebruik en eenvoudig maar slank-ogend lettertype krijg je rust maar toch ook een soort van 'sfeer' wat ik even niet weet te beschrijven. De koppen boven de tekst zijn gewaagd het stoort eigenlijk helemaal niet dat het niet links-lijnend is. Juist door wat je nu gedaan hebt valt het op en trekt het ook voor een deel aandacht.

Ik hoop dat je hier ook wat mee kunt.

Beste Rowin,

Enorm bedankt voor je compliment! Ja, ik kan er zeker wat mee: vooral niet te veel meer veranderen en proberen dat speciale erin te houden, haha!

Wat vind jij ervan dat de pagina's niet even breed zijn, zoals Sander zegt? Ik heb het namelijk in photoshop getest en persoonlijk vind ik dat ze niet even breed zijn veel mooier...

Nogmaals bedankt!

Groetjes, Bastiaan

EDIT: het niet even breed zijn snapte ik niet helemaal, inmiddels wel! (zie Sander's bijlage)

Gaan bezoekers zich aan storen als de pagina's niet even breed zijn. Of het gaat toch zeker negatief opvallen ;)

Origineel gepost door Bastiaan F

Beste Rowin,

Enorm bedankt voor je compliment! Ja, ik kan er zeker wat mee: vooral niet te veel meer veranderen en proberen dat speciale erin te houden, haha!

Wat vind jij ervan dat de pagina's niet even breed zijn, zoals Sander zegt? Ik heb het namelijk in photoshop getest en persoonlijk vind ik dat ze niet even breed zijn veel mooier...

Nogmaals bedankt!

Groetjes, Bastiaan

Kan je een voorbeeld laten zien met wat je bedoeld met breedte?

Beste Bastiaan/Rowin,

Ik heb aan dit bericht een bijlage toegevoegd waar je de uitlijning van de pagina goed kan zien.
Je moet even kijken naar de blauw/groene lijnen.
Als je goed kijkt zul je zien dat de pagina's niet allemaal hetzelfde zijn uitgelijnd.
Misschien is het maar een klein detail, maar ik zou het even aanpassen.
Het is tenslotte erg weinig werk ;)

Kijk maar wat je er mee doet.
Succes!

Gr. Sander
www.sanderbellinga.nl

Hallo Bastiaan,

Op zich is het een goede layout, alleen naar mijn idee mist het de 'wow' factor. Deze indeling komt tegenwoordig erg vaak terug. Wellicht dat je iets kunt bedenken waardoor je er 'uit springt'. De algemene uitlijning is momenteel niet helemaal netjes.

Verder zou ik bij de tekst onder 'contact' ontwerp' etc de lettertypegrootte naar 10px omzetten. Wellicht is een verwijzing naar een vervolgpagina hier ook handig (meer info over ontwerpen, contact etc).

Ik zou de koppen contact, ontwerp, aanpassing en aflevering LINKS uitlijnen (met de iconen), het komt op deze manier een beetje 'rommelig' over. Hetzelfde geldt voor de 'volg ons', 'categorieën' etc.., deze zou ik ook links uitlijnen.

Tenslotte zit er tussen het 'pijltje' bij het home menu en de tekst 'home' wel erg veel witruimte. Wellicht kan je of, het pijltje aanpassen / een beetje vergroten, of de witruimte verkleinen.

Deze tips zijn niet negatief bedoeld, uiteraard alleen opbouwend. Ik hoop dat je er wat aan hebt.

gr. Melvin

EDIT: zie dat er al een screenshot is geplaatst m.b.t. de uitlijning.

@ Alexander:
Klopt, dit ga ik ook snel veranderen! Let wel op: het gaat niet om de pixels he ;)

@ Rowin:
Sander doelt op de tekst, die loopt namelijk op elke pagina langs verschillende lijnen.

@ Sander:
Dankjewel voor het plaatje als verduidelijking! Nu is het me duidelijk :) Dit gebeurt mij wel vaker, meestal geef ik er geen tijd aan om dit te corrigeren omdat ik het in de html automatisch op dezelfde lijn zet. Ik moet echt meer structuur aanbrengen in mijn werken, haha.

@ Melvin:
Het design is in principe gebaseerd op inderdaad, vele andere websites. Wat deze website uniek moet gaan maken is het subtiele gebruik van jQuery om een unieke ervaring te bieden aan de bezoekers. In combinatie met het design zal dat er (naar mijn mening dan) heel mooi uit gaan zien!

Allen bedankt voor de reacties! Ik stel het erg op prijs dat er serieus op in gegaan word en dat ik kwalitatieve reacties krijg waar ik iets mee kan!

Zodra ik de wijzigingen heb doorgevoerd zal ik het hier neer zetten. Ook als de website gebased is zal ik het melden en zullen jullie kunnen zien wat ik bedoel met het gebruik van de jQuery waar ik het zojuist over had.

Groetjes, Bastiaan.

Hallo Bastiaan,

De homepagina:

• De titel van de pagina ("Lorem ipsum dolor") zou ik iets verkleinen, deze valt nu te veel op.
• De line-height van de tekst bovenin zou ik iets vergroten.
• Het idee van het plaatje rechts is goed, maar de uitvoering kan beter. Verplaats de schaduw iets naar beneden en verwijder de outer-glow van het plaatje.
• De buttons onder deze tekst kunnen 'spannender'. Voeg een gradient, een schaduw en/of 'diepte' toe.
• De widgets onderin (Contact, Ontwerp etc.) Zijn niet goed uitgelijnd. Ook de titels en de icoontjes zou ik verder naar links plaatsen. De line-height van de tekst is in orde.
• De icoontjes zouden eventueel in kleur kunnen.

• De titels in de footer zou ik verder naar links uitlijnen
• De ruimte tussen de letters van de tekst in de footer lijkt te groot.
• De sitemap zou ik niet in zijn geheel in de footer zetten. Als je website namelijk groter wordt, wordt de footer enorm. (Of is dit alleen het geval als er op één van de links is geklikt?) Ook dan zou ik het veranderen.
• De actieve pagina in de sitemap zou ik een andere kleur geven. Deze valt nu niet erg op.

De portfoliopagina:

• Ik zou wat extra ruimte tussen de titel en de portfolio-items plaatsen. Nu is de website niet hoog genoeg.
• Ik snap de buttons onder de portfolio-items niet allemaal. Zijn het allemaal links en waar staan ze voor?
• Waar dient de portfolio snelkiezerbutton voor?

De post-pagina:

• Meer ruimte boven en onder de titel.
• De opvallende letters aan het begin van een alinea weghalen; dit gebruikten monniken zo'n vijfhonderd jaar geleden al en staat niet mooi.
• De tekst op je website is iets minder dan duizend pixels breed; dit is te breed voor een tekst op een website. Ik denk dat het verstandig is om de breedte te halveren.
• De plek en grootte van de post-details vind ik onlogisch gekozen. Het is te onbelangrijk om zo'n prominente plek in te nemen op de pagina. "Reageer" kan beter onderaan de pagina, omdat de bezoeker pas wil reageren na het lezen van de tekst. Ook snap ik "edit" niet. Staat dit er altijd, of alleen als er een admin is ingelogd?
• De tags op deze pagina kunnen wel, maar alleen als je regelmatig artikelen of blogs plaatst. Bij algemene informatie over jullie ("About") zijn ze overbodig.

Aan de hoeveelheid commentaar die ik gegeven heb, lijkt het alsof je beter opnieuw kan beginnen. Dit vind ik echter niet! Bekijk zelf wat je doet met mijn commentaar en zie het slechts als opbouwende kritiek. Als je de puntjes van kritiek aanpakt, denk ik dat je een mooie website kan leveren!

Jasper de Boer

Edit: Ik zie dat er in de tijd dat ik aan het schrijven was, meer commentaar geplaatst is. Het kan dus zijn dat ik dubbele dingen heb genoemd.

Beste Jasper,

Ten eerste: heel erg bedankt voor je reactie!

Met de meeste puntjes kan ik goed uit de voeten, sommige zullen me wat meer denkwerk bezorgen, maar dat is geen probleem gezien ik strak op schema lig.

Ik heb alleen nog een opmerking over de sitemap: wat betreft de kleur van de actieve pagina geef ik je gelijk. De sitemap word inderdaad niet geheel weergegeven, enkel wanneer men op een item klikt.

De portfolio snelkiezer button was in eerste instantie bedoelt om mensen te kunnen laten kiezen uit bepaalde categorieën, maar dit leek me eigenlijk vrij overbodig gezien het doel van mijn ontwerp een simpele en makkelijk te bezoeken website is. Ik ga hiervan maken: huur me in. Zodat mensen makkelijker in contact kunnen komen.

Groetjes, Bastiaan
Aanvullend bericht:
Wijzigingen doorgevoerd, ik ben heel blij met het resultaat! Bedankt voor de reacties allen!

homepage:
http://www.bfrerix.nl/preview/home_preview_2.jpg

portfolio-page:
http://www.bfrerix.nl/preview/portfolio_preview_2.jpg

project-page:
http://www.bfrerix.nl/preview/page_preview_2.jpg

Groetjes, Bastiaan