Ik ben bezig met het ontwerpen van een webshop. Het gaat over een webshop in ramsj - grote partijen boeken die (onder de titel "beschadigd") voor spotprijzen verkocht worden. De site moet overzichtelijk zijn, maar toch veel informatie tonen.
Bij het ontwerpen heb ik gekozen voor een brede content-kolom aan de linkerkant met daarnaast een sidebar aan de rechterkant. Twee sidebars - zoals gebruikelijk is bij webshops - vond ik niet praktisch: het wordt direct een stuk drukker en er is minder ruimte per kolom.
Bij de indeling van de site heb ik rekening gehouden met de paginavouw: zorg dat de belangrijkste elementen zonder scrollen (in de praktijk dus tot 570 pixels van de bovenkant) te zien zijn. In de sidebar gaat het om de zoekfunctie en de lijst met categorieën. Verder is het duidelijk als (een deel van) het winkelwagentje te zien is.
Op de productpagina's is het belangrijk dat in de content alle belangrijke gegevens direct zichtbaar zijn: een afbeelding, de titel, de auteur(s), de categorie, een korte beschrijvende tekst, de prijs en natuurlijk de bestelknop.
Tot nu toe heb ik enkel het design van de homepage. Als blijkt dat men hier positief over is zal ik in die stijl doorgaan.
Ik zal actief in dit topic blijven reageren en eventuele updates van het design blijven posten.
Ik zou die blauwe achtergrond heel wat lichter maken! En mss moet je ook eens denken over een derde kleur. Dat het geheel niet te blauw wordt. Verder vind ik hem naar indeling toe wel in orde.
Ik ga mee met de voorgaande opmerkingen: Prima indeling, alleen moet ik al wel scrollen voor het winkelwagentje, niet zo'n groot probleem, maar wel iets om over na te denken.
Het moet namelijk wel gemakkelijk worden / zijn om mijn bestelling af te ronden, ook als ik nog aan het verder zoeken ben geweest. Misschien ergens bovenin de pagina ook nog een mogelijkheid om naar het winkelwagentje te komen?
@martijn, @Mr.Moe, @Robert_Deiman:Oké, ik zal eens iets met de kleur proberen. Ikzelf vond het wel leuk, maar alle andere mensen vinden het te fel ;-)
@Robert_Deiman: zie je de header van het winkelwagen-boxje wel? Zo ja, dat wordt een hyperlink naar een pagina met een uitgebreid winkelwagentje. Dan kan je dus alsnog met één klik bij je winkelwagen komen. Eventueel zou ik de zoek-box bovenaan kunnen zetten (dus waar nu alle mooie pluspunten staan) zodat de rest wat omhoog komt, maar dat lijkt me niet zo mooi...
Ik vind de content aan de grote kant, als je dit omzet in een weblay-out wordt het denk ik heel leeg. Het is een beetje te 'plain', te plat. Er zit niets dynamisch in alleen wat kleuren en wat blokjes. Ik vind dat het niet echt professioneel oogt, maar dat kan aan mij liggen.
- De achtergrondkleur is veranderd. Ik heb een gradient aan de bovenkant met bovenaan de originele felblauw, die onderaan lichter wordt. Op zich is dit wel wat fijner, alleen komen de kopjes zo niet meer heel goed naar voren.
- De lettergrootte in de sidebar is verkleind. Nu wordt overal dezelfde grootte gebruikt.
- Ik heb drie versies van een productpagina gemaakt. Ze verschillen niet heel erg, maar ik weet niet goed welke de beste is. En natuurlijk of ze in het algemeen wel goed zijn ;-)
Per "sub onderdeel" valt het tussenkopje niet goed op, komt door de blauwe kleur. Verder is de blauwe kleur, zo met het verloop een stuk beter. (let wel op dat op gegeven moment die kleur bijna gelijk is aan die van het kopje.
Ik zie wel het stukje "winkelwagentje" staan (kopje) wanneer ik de pagina bekijk. Ik ga er echter wel vanuit dat er mogelijk meer items in het menu (categorieën) komen te staan en dan valt die er weer af. Betreft wel een browser met tabjes op 1366, 768.
Misschien een klein winkelwagentje logo gebruiken ergens bovenaan (soort van quicklink naar je winkelwagentje?)
Inmiddels heb ik samen met de opdrachtgever het huidige ontwerp bekeken en vastgesteld welke punten anders moesten. De kleur moest anders, een stuk warmer dan het kille blauw nu. De ronde hoekjes moesten weg, dat zag er te goedkoop uit. Na een aantal tussenrondes heb ik nu een vrij definitief ontwerp, dat hieronder te zien is.
Natuurlijk sta ik nog steeds open voor (nieuw) commentaar!
Dit vindt ik er persoonlijk al veel beter uit zien inderdaad. Enkel aan die headers van elk blokje mis ik nog iets. Maar weet wel niet goed wat. Zo is het een beetje leeg vind ik.
[/url] 
[/url]