Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[Sitecheck] Kookstudio Senzo

18 antwoorden
  • Beste forumleden, Ik ben nu zo goed als klaar met een webdesign projectje. Het betreft een website voor de kookstudio, restaurant, bar, lounge: Senzo Enige dat in mijn ogen nog moet gebeuren is t toevoegen van keywords in de broncode. (ja ik weet dat t nog maar amper invloed heeft wat betreft SEO) Daarnaast moet ik nog hier en daar een tekst aangeleverd krijgen (tip vd maand) tevens moet ik nog een aantal fotos aangeleverd krijgen (interieur en sfeer fotos).. deze zullen dan op de fotopagina geplaats worden als nieuwe fotolijst. In mijn ogen is de site toch wel goed gelukt... en ben er dan zelf ook wel tevreden over alsmede mijn opdrachtgever... echter ik sta altjid open voor opbouwende kritiek en zie dat dan ook als een leermoment. dus beste mensen... als jullie opmerkingen hebben zowel positief als negatief dan hoor ik dit heel graag. alvast bedankt voor jullie reakties. de site kunnen jullie vinden op: www.senzo-echt.nl stats staan op: www.senzo-echt.nl/webstat Mvg, Tony
  • voor ik het vergeet... op korte termijn wordt de site nog een beetje uitgebreid met: - instructiefilmpjes (snijtechnieken etc..) filmen en editen doe ik in eigen beheer - logo van senzo namaken in cinema4d... en dan de letter S (van senzo) laten ronddraaien in het groene circeltje... voor net wat meer dynamiek. - een 360graden view... hoe op te lossen weet ik nog niet.. moet ik nog resaerchen -evt de diagonale lijnen op de achtergrond vervangen door het logo van senzo of alleen de S met circel... dit met hele lichte dekking op de achtergrond plaatsen.. -evt... de rechte hoeken vervangen door rounded boxes...
  • best wel aangename site: je weet meteen waar het over gaat en de rest van de info is logisch en uitnodigend. wat me verbaast: in 1024x768 hou ik erg veel ruimte over rondom de randen van jouw beelspiegel, in 800x600 loopt de hele boel over de randen en moet je naar alle windrichtingen scrollen. voor beide situaties is dat niet fraai, en het doet afbreuk aan het kwaliteitsidee dat je wilt laten doorklinken.
  • Bedankt voor je reactie. De randen bij 1024x768 vind ik zelf niet zo heel erg. Vandaar dat ki er al een diagonale achtergorndlijn op heb gezet om t ietwat de "doden". maar dat je moet scrollen bij 800x600 is wel erg. Ik dacht echt dat ie prima pastte binnen zon resolutie... gelukkig snel te fiksen door de breedte enkele pixels in te korten. alhoewel.. ik moet wel zeggen dat mijn opdracthgever geen prioriteit gaf aan 800x600 bezitters... (aangezien de doelgroep van Senzo over een monitor beschikt van tenminste 17" (mensen met redelijk wat geld op zak) maar ik ga dat van 800x600 wel fiksen.. kleine moeite met een redelijk grote impact. groet
  • Opzich is er niet zo heel veel mis met 800 fixed hoor, veel mensen met grotere resoluties surfen niet fullscreen. [persoonlijk vind ik het totaal niet storend, en suft niet fullscreen, maar zelfs als ik de site op fullscreen zet is het in mijn ogen zeker niet storend] Je moet even bekijken of een relatieve breedte alsnog het gewenste resultaat heeft, wordt het allemaal wat uitgelubberd zou ik hem persoonlijk op een 800 fixed laten staan. Wat al gezegd is; tis een aangename site, eenvoudig, duidelijk en overzichtelijk. Edit, op de contact page staat een mailto link, dat zou ik niet doen, ik zou daar of een formuliertje neer zetten en/of een plaatje met de email tekst [in het laatste geval moet je dat alsnog NIET linken, men tikt het dan maar even over]. Dit ivm spam.
  • He die Phrea... dank voor je reactie... Ja morgen ga ik ff aan de slag met de breedte... verwacht er geen problemen mee te krijgen... Site is idd eenvoudig opgezet....(was ook wel een vereiste van de opdrachtgever..) maar ik vraag me of of deze simpelheid niet te eenvoudig of te goedkoop uitziet... Door de boxes rounded te maken zit je natuurlijk meer op 1 lijn met de huidige trends... maargoed... liever een simpele en eenvoudige doch heldere site.. dan eentje die niet slaagt in zijn doel door zijn drukke en fancy layout... Kwa opzet zit deze redelijk op 1 lijn met www.jekerstudio.com die heb ik laatst gemaakt voor het leerbdrijf van onze opleiding... opdrachtgever vond hem mooi.. (ik vind hem ook niet leluijk nee).. maar op lage resolities is het behelpen (veel scrollen ivm grote header foto)
  • Hij ziet er allerminst TE eenvoudig of goedkoop uit, het is een prima site! Ow, en die telefoonhoorn op de contact page rulez! [img:7fc665d02d]http://squaries.phrea.com/thumbs.gif[/img:7fc665d02d]
  • die telefoonhoorn was wel leuk ja... helaas geen eigen foto maar een royalty free pic (volgens mij van sxc.hu) eigenlijke kleur van de foto was helemaal blauwig... heb via de hue functie in photoshop dat ding een groenige tint gegeven.
  • Deze site is een verademing. Stijlvol en mooi omdat je op een zeer smaakvolle manier gebruik hebt gemaakt van de juiste foto's op de juiste pagina's. De navigatie is prima. Een ding valt me echter op: als ik op de hyperlink "foto's" klik, dan wordt de tekst in de footer een slagje kleiner, misschien kun je dat nog even aanpassen. (Zowel in FF als in IE). Succes! :wink:
  • hee birdlover.. leuk dat je nog ff antwoord.. thnx voor je compliment. :) footertekst zie ik nu ook ja... P class is nog van een fout type.. morgen snel ff fiksen.. nu lekker slapen haha groet
  • Ik heb ook nog wat nuttigs(?). Bij kookstudio, restaurant, en later misschien nog wel meer, krijg je scrollbalken. waarom doe je die niet in de style van je site? BIJV. dit tussen je head gooien: [code:1:7e18e78b78]<style> BODY { scrollbar-arrow-color:#eeeeee; scrollbar-track-color:#ADFF2F; scrollbar-face-color:#008000; scrollbar-highlight-color:#F2F2FF; scrollbar-3dlight-color:#F2F2FF; scrollbar-darkshadow-color:#B3B3FF; scrollbar-shadow-color:#B3B3FF; } </style> [/code:1:7e18e78b78] Dit is maar een opzetje met een paar groene kleuren, je moet dan ff kleuren gebruiken die beter bij je dite passen :D
  • eigenlijk helemaal nog niet over nagedacht... Maar is wel de moeite waard om er idd eens mee te spelen ja. Zover ik weet werkt het alleen in IE vanaf een bepaalde versie.. maar dat maakt neit uit. baadt het niet, dan schaadt het niet. dank voor je suggestie
  • zojuist je code eens toegevoegd voor de scrollbalk... ziet er idd niet verkeerd uit... wellicht met een ietwat andere (lichtere) kleurstelling proberen.. maar zeker de moeite waard. Maargoed eerst even zoeken op internet of er nadelen kleven aan gekleurde scrollbalken. [edit] Ik heb even snel een sample pagina online gezet met gekleurde scrollbalken (de voorbeeldcode)... www.senzo-echt.nl/kookstudio_kleur.html eens kijken wat de opdrachtgever er van vindt.
  • [quote:9fbf3c5178="Phrea"]op de contact page staat een mailto link, dat zou ik niet doen, ik zou daar of een formuliertje neer zetten en/of een plaatje met de email tekst [in het laatste geval moet je dat alsnog NIET linken, men tikt het dan maar even over]. Dit ivm spam.[/quote:9fbf3c5178]Een plaatje met daarin de e-mail is op meerdere manieren ontoegankelijk. Je moet het klanten zo makkelijk mogelijk maken en overtypen maakt het alleen maar moeilijker. Daarnaast gaat een plaatje met het e-mailadres eraan voorbij dat slechtzienden of blinden ook wel eens naar een restaurant willen; zij kunnen echter nix met zo'n plaatje. Keywords in de tekst (en headings) zijn belangrijker dan meta-keywords (die zijn idd niet zo belangrijk), een meta-description kan overigens wel belangrijk zijn (voor een betere omschrijving in zoekmachines). Qua code zie ik nogal [url=http://www.rikkertkoppes.com/thoughts/smurf-language/]erg veel div'jes[/url], volgens mij kan het wel met minder. Je gebruikt CSS, maar ook [url=http://www.w3.org/TR/REC-html40/present/graphics.html#h-15.1.2]'align="center"[/url], een tabel voor opmaak en <strong> voor [url=http://webrichtlijnen.overheid.nl/handleiding/ontwikkeling/productie/beschrijvende-markup/het-schrijven-van/kopregels/]kopjes[/url]. In de menu-list zie ik een leeg list-item? De tekst is niet te resizen in IE door [url=http://css-discuss.incutio.com/?page=UsingPixels]gebruik van px[/url] i.p.v. [url=http://css-discuss.incutio.com/?page=UsingEms]ems en/of percentages[/url]. De [url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.senzo-echt.nl%2Fkookstudio.html&charset=%28detect+automatically%29&doctype=Inline&ss=1&verbose=1]validator[/url] geeft wellicht nog wat meer tips en een [url=http://www.contentquality.com/mynewtester/cynthia.exe?rptmode=2&url1=http%3A%2F%2Fwww.senzo-echt.nl%2Fkookstudio.html]toegankelijkheidstest[/url] ook. Op dit codegeneuzel is alles wel goed, maar dat had je al een beetje door. :)
  • [quote:8d5306765d="boelieboelie"] Keywords in de tekst (en headings) zijn belangrijker dan meta-keywords (die zijn idd niet zo belangrijk), een meta-description kan overigens wel belangrijk zijn (voor een betere omschrijving in zoekmachines). Qua code zie ik nogal [url=http://www.rikkertkoppes.com/thoughts/smurf-language/]erg veel div'jes[/url], volgens mij kan het wel met minder. Je gebruikt CSS, maar ook [url=http://www.w3.org/TR/REC-html40/present/graphics.html#h-15.1.2]'align="center"[/url], een tabel voor opmaak en <strong> voor [url=http://webrichtlijnen.overheid.nl/handleiding/ontwikkeling/productie/beschrijvende-markup/het-schrijven-van/kopregels/]kopjes[/url]. In de menu-list zie ik een leeg list-item? De tekst is niet te resizen in IE door [url=http://css-discuss.incutio.com/?page=UsingPixels]gebruik van px[/url] i.p.v. [url=http://css-discuss.incutio.com/?page=UsingEms]ems en/of percentages[/url]. De [url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.senzo-echt.nl%2Fkookstudio.html&charset=%28detect+automatically%29&doctype=Inline&ss=1&verbose=1]validator[/url] geeft wellicht nog wat meer tips en een [url=http://www.contentquality.com/mynewtester/cynthia.exe?rptmode=2&url1=http%3A%2F%2Fwww.senzo-echt.nl%2Fkookstudio.html]toegankelijkheidstest[/url] ook. Op dit codegeneuzel is alles wel goed, maar dat had je al een beetje door. :)[/quote:8d5306765d] bedankt voor je reactie: ten eerste de divjes... ik gebruik altijd voor elke box 1 div... zeker met zo'n simpele site als die van senzo levert dit geen problemen bij me op. en ik gebruik 5 divs per pagina.. valt me toch wel mee... niet? tabellen voor opmaak: zover ik me kan herinneren heb ik 2 tabellen gebruikt op de site... namelijk bij de menukaart.... (want zoiets zie ik gewoon als tabellaire data....) en 1 keer bij de fotolijst om de foto's in te ordenen... ik zie hier zelf het probleem niet van.. wellicht dat jij me op andere gedachten kan brengen. dat van die <strong> tag... daar heb je gelijk in.. dit zit nog in de to do list.. door ze ff snel een bold tag te geven zie ik makkelijk welke keywords benadrukt moeten worden... ik zit alleen nog in dubio of ik dit doe mbv een <h> tag of middels een <em> (em=emphasis=benadrukken)... ik weet alleen niet welke van de 2 mogelijkheden beter in de aart valt bij google etc. een align is center... weet zo uit mijn hoofd niet waar ik die gebruik.. maar ik durf te wedden dat ik eht gewoon gedaan om ff snel makkelijk iets te centreren zonder daarbij in css te werken... maar je hebt gelijk... dit kan ik idd beter doen via css.... anyhows.. ook dit is nu toegevoegd aan de to do list. :) fixed tekst: hmm moeilijk punt.. deze manier heb ik altijd toegepast... maar ik zie ook absoluut in dat dit in het kader van usability een hinderpunt is.. (want je neemt een stukje controle van een gebruiker weg). ik heb me alleen nog nooit verdiept in het werken met fonts en ems en/of %. Ga ik zeker deze week doen. bedankt voor deze tip. In elk geval nog zat aandachtpunten zo te zien.. het is overigens geen doel voor mij om de website voor de volle 100% validated te maken... niet dat ik het niet zou kunnen (want op internet kan je alles nalezen en leren), maar het moet ook in balans zijn met het bedrag wat je verdiend met webdesignen.
  • [quote:8172a946d5="D'acide"]zojuist je code eens toegevoegd voor de scrollbalk... ziet er idd niet verkeerd uit... wellicht met een ietwat andere (lichtere) kleurstelling proberen.. maar zeker de moeite waard. Maargoed eerst even zoeken op internet of er nadelen kleven aan gekleurde scrollbalken. [edit] Ik heb even snel een sample pagina online gezet met gekleurde scrollbalken (de voorbeeldcode)... www.senzo-echt.nl/kookstudio_kleur.html eens kijken wat de opdrachtgever er van vindt.[/quote:8172a946d5] Mijn opdrachtgever vond de gekleurde balk mooi uitzien.. ik ga deze dan ook even verder uitwerken in de kleurstelling van de website... echter... kleven er nadelen aan het gebruik hiervan? in mozilla en sommige versies van IE werkt het simpelweg niet.. maar dan zie je gewoon een grijze balk... lijkt me geen enkel probleem... zie ik iets over het hoofd... of kan ik gewoon gekleurde scrolls gebruiken?
  • Mwa, je zou een title/alt kunnen meegeven aan het plaatje. Ik weet dat het niet echt surfervriendelijk is, maar een mens moet wat he.
  • [quote:53de99dcb3="D'acide"]ik gebruik 5 divs per pagina.. valt me toch wel mee... niet?[/quote:53de99dcb3]Ik tel er negen op de homepage? Ik vind het aantal divs ook niet heel storend, maar is meer een tip voor de volgende keer, dat er misschien een andere manier is om de layout te regelen dan het toevoegen van divs (ik heb overigens niet gecheckt of dat ook daadwerkelijk mogelijk is). [quote:53de99dcb3="D'acide"]tabellen voor opmaak: zover ik me kan herinneren heb ik 2 tabellen gebruikt op de site... namelijk bij de menukaart.... (want zoiets zie ik gewoon als tabellaire data....) en 1 keer bij de fotolijst om de foto's in te ordenen... ik zie hier zelf het probleem niet van.. wellicht dat jij me op andere gedachten kan brengen.[/quote:53de99dcb3]Ik doelde eigenlijk op de tabel in de footer-div, die tabel waar je weer een div in hebt gezet en vervolgens weer een paragraaf, slechts om het adres in te centeren :wink: (de hele footer kan denk ik met één div, text-align en line-height geregeld worden). Heb niet naar de code van de fotolijst gekeken, maar aangezien je zelf al zegt foto[i:53de99dcb3]lijst[/i:53de99dcb3], kun je dat wellicht coden als een lijst (even snel een [url=http://joshuaink.com/blog/206/css-photo-gallery-template]voorbeeldje[/url] gezocht). [quote:53de99dcb3="D'acide"]door ze ff snel een bold tag te geven zie ik makkelijk welke keywords benadrukt moeten worden... ik zit alleen nog in dubio of ik dit doe mbv een <h> tag of middels een <em> (em=emphasis=benadrukken)... ik weet alleen niet welke van de 2 mogelijkheden beter in de aart valt bij google etc.[/quote:53de99dcb3]Dit snap ik niet helemaal, maar wat ik iig bedoel is bijv. op Kookstudio idd een h1 meegeven en Mogelijkheden, Verhuur, etc. een h2. Keywords in de tekst kunnen gewoon strong of em, volgens mij maakt het voor Google niet uit welke van de twee je gebruikt. [quote:53de99dcb3="D'acide"]het is overigens geen doel voor mij om de website voor de volle 100% validated te maken... niet dat ik het niet zou kunnen (want op internet kan je alles nalezen en leren), maar het moet ook in balans zijn met het bedrag wat je verdiend met webdesignen.[/quote:53de99dcb3]Ja, dat snap ik. Ik zie zulke tools voornamelijk als aanwijzing waar ik op moet letten en dat was eigenlijk waar ik op doelde. Wat betreft de accessibilitytest, sommige aanpassingen voor toegankelijkheid kosten nagenoeg geen moeite, maar kunnen voor sommige surfers veel ergernissen schelen, vandaar dat ik het aanhaal. Een simpel voorbeeld: in dit geval zijn de images vooral versiering, die hebben daarom slechts een [url=http://webrichtlijnen.overheid.nl/handleiding/ontwikkeling/productie/afbeeldingen-alternatieve-tekst/decoratieve-afbeeldingen/]lege alt-tag[/url] nodig (""). Kost verder geen moeite, maar maakt het voor sommigen net wat toegankelijker. Zie de test voor meer ideeën. Maar wellicht zijn de meeste toegankelijkheidsaanpassingen ook meer iets een toekomstig project. Al met al bedoel ik dus dat er weinig mis is met de site, maar vooral finetunen en dingetjes voor de volgende keer. En wat betreft gekleurde scrollbalken, volgens mij levert het geen problemen op, zolang het gebruik ervan maar duidelijk blijft. Overigens, de aanname dat mensen met meer geld ook dan vanzelfsprekend geld over hebben voor een betere monitor, lijkt me geen juiste. Het belang dat men aan een monitor hecht (bijv. voor gamen of design) is een belangrijker criterium bij het inschatten of de site goed te bezichtigen is voor de doelgroep. Op 800x600 krijg ik zoals derkdejong al aangaf, naast de fake iframe-scrollbars ook nog de scrollbars van de browser; dat lijkt me ook een aandachtspuntje. (Maar als je opdrachtgever het best vindt en je ook niet meer betaalt krijgt, dan zou ik dat misschien ook maar gewoon zien als een puntje voor de toekomst...).

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.