+- Sinisterly (https://sinister.li)
+-- Forum: General (https://sinister.li/Forum-General)
+--- Forum: The Lounge (https://sinister.li/Forum-The-Lounge)
+--- Thread: How does this design look? (/Thread-How-does-this-design-look)
How does this design look? - Jacob - 04-09-2012
A few days ago I got a freelance job from a personal friend to rebuild and manage the website for her and her boyfriend's business.
The business is kayak, canoe and tube rentals.
I would appreciate it if everyone could rate the design, and give me some constructive criticism
Don't be afraid to be honest; im not going to ban you 
Here is the url: http://delusionality.info/kayak/
RE: How does this design look? - HrDe - 04-09-2012
Nice looking but try some more thing by which both pic upload fast.
RE: How does this design look? - Jacob - 04-09-2012
(04-09-2012, 08:33 PM)hrde Wrote: Nice looking but try some more thing by which both pic upload fast.
i've noticed how slowly the pictures loaded as well. I'm already looking into optimization for that.
RE: How does this design look? - Frooxius - 04-09-2012
Here are a few pointers:
- The background doesn't tile properly if you scale the browser window up, you can easily see that it's not seamless and it looks kind of ugly. Either use some seamless (tile-able) texture or scale the background with the page, so it always fills it
- The blue menu text is too dark and has low contrast, which makes it look dull and a bit difficult to read or even spot in the first place
- Lose/change the shadow of the black address text, it makes it look like it's blurry or something and it's more difficult to read. Don't use fancy effects on at the expense of readability and clarity, that should always come first in any design. Don't overdo it with effects, remember that less is often more
- The "some info will go there" has a very low contrast unless I hover my mouse over it, basically same color as the background, which makes it difficult to spot and harder to read
- Resize the photos using some image editor. Putting there a 3648x2736 px photos and scaling them down to 580x360 px by img attributes (or CSS) is an overkill and very bad practice. First, because the files are unnecessarily large (2,6 MB for one picture when it could be a few hundred kB tops), second, because the browser resizing often uses fast filters that make it look aliased though.
- Is that logo-cursor when hovering over photos really necessary? I found it a big annoying to be honest.
I recommend using this tool to check if the contrast between text/background is good enough:
http://snook.ca/technical/colour_contrast/colour.html
RE: How does this design look? - Jacob - 04-09-2012
(04-09-2012, 09:09 PM)Frooxius Wrote: Here are a few pointers:
- The background doesn't tile properly if you scale the browser window up, you can easily see that it's not seamless and it looks kind of ugly. Either use some seamless (tile-able) texture or scale the background with the page, so it always fills it
- The blue menu text is too dark and has low contrast, which makes it look dull and a bit difficult to read or even spot in the first place
- Lose/change the shadow of the black address text, it makes it look like it's blurry or something and it's more difficult to read. Don't use fancy effects on at the expense of readability and clarity, that should always come first in any design. Don't overdo it with effects, remember that less is often more
- The "some info will go there" has a very low contrast unless I hover my mouse over it, basically same color as the background, which makes it difficult to spot and harder to read
- Resize the photos using some image editor. Putting there a 3648x2736 px photos and scaling them down to 580x360 px by img attributes (or CSS) is an overkill and very bad practice. First, because the files are unnecessarily large (2,6 MB for one picture when it could be a few hundred kB tops), second, because the browser resizing often uses fast filters that make it look aliased though.
- Is that logo-cursor when hovering over photos really necessary? I found it a big annoying to be honest.
I recommend using this tool to check if the contrast between text/background is good enough:
http://snook.ca/technical/colour_contrast/colour.html
I've taken in consideration a few of these and will be working on them the next few minutes. Thanks!