Site Review: CommerceStyle.com

**slaction** · 07:40 PM

CommerceStyle.com

While not 100% complete, I'm just about done working on the design and I'm getting ready to start focusing on content.

The site is going to be an informative site to help everyone from novices to pros when it comes to e-commerce design and style. I'll cover everything from software reviews to tips, tricks and tutorials. A few times a week I'll post a new site to the "Showcase" which will showcase a site that shows excellence in e-commerce design.

Like I said, I'm getting ready to start really working on content so I know I need some work in that area. Just want to know what you guys think about the overall usability of the site and the style.

thanks

**brainet** · 01-09-2007, 07:56 PM

its look great though, design its look neat, is it WP?. its very nice, congrats

**slaction** · 01-09-2007, 08:17 PM

Thank you, the software is DasBlog. The design is modeled after a WP theme.

**F1trader** · 01-09-2007, 09:01 PM

Hi,

Your site looks clean and quit. The only comment I have is that I seem to have problems to focus on the content text. Most probably because you use a rather small font size for the text. Also because my eyes seem to focus more to the right side (probably those orange RSS images destract me a little).

Last comment,but most probably you have noticed it yourself, is that under TAGS some text sizes are a little too big.

Good Job

**slaction** · 01-09-2007, 11:01 PM

F1trader, thanks for the comments, very much appreciated.

I can see what you mean about focusing on the left side of the page instead of the content. I've increased the font size a little on the main content, and I'm going to try to keep focus on the content by posting images along side the text in the posts where ever I can. I'll also play around with the little orange feed icons to try to make them less intrusive.

As for the large tag fonts. That's because it is a Tag Cloud. The problem is I don't yet have a lot of content so there isn't enough tags or posts to fill out the entire cloud.

Thanks a lot for you comments!

**aldor** · 01-10-2007, 05:44 PM

I like the design very much. Very well thought out and a good use of colour.
The navigation is clear and easy to use.
Well done and good luck with your devlopment of the rest of the site.

**njones860** · 01-10-2007, 11:07 PM

Nice design, overall very clean. The only thing I might suggest is a brief blurb about what the site exactly is at the top. If someone stumbles across your site, you want to be able to grab their attention and tell them what it is before they go searching elsewhere. But overall very nice job.

**travelagent** · 01-11-2007, 02:39 AM

When the site loaded, I thought -- "Hmmm; this looks too much like Digg ... tastefully done, but you might wish to correct the following code warnings:

Code:

line 16 column 7 - Warning: <style> isn't allowed in <form> elements
line 16 column 7 - Warning: <style> isn't allowed in <form> elements
line 155 column 464 - Warning: discarding unexpected </span>
line 161 column 5 - Warning: <div> isn't allowed in <h2> elements
line 161 column 186 - Warning: discarding unexpected </div>
line 163 column 8 - Warning: <img> element not empty or not closed
line 163 column 400 - Warning: replacing <p> by <br>
line 163 column 400 - Warning: inserting implicit <br>
line 163 column 400 - Warning: <br> element not empty or not closed
line 166 column 27 - Warning: <img> element not empty or not closed
line 167 column 5 - Warning: <img> element not empty or not closed
line 167 column 231 - Warning: unescaped & or unknown entity "&title"
line 168 column 5 - Warning: <img> element not empty or not closed
line 168 column 162 - Warning: unescaped & or unknown entity "&url"
line 177 column 5 - Warning: <div> isn't allowed in <h2> elements
line 177 column 185 - Warning: discarding unexpected </div>
line 179 column 419 - Warning: replacing <p> by <br>
line 179 column 419 - Warning: inserting implicit <br>
line 179 column 419 - Warning: <br> element not empty or not closed
line 182 column 27 - Warning: <img> element not empty or not closed
line 183 column 5 - Warning: <img> element not empty or not closed
line 183 column 230 - Warning: unescaped & or unknown entity "&title"
line 184 column 5 - Warning: <img> element not empty or not closed
line 184 column 162 - Warning: unescaped & or unknown entity "&url"
line 193 column 5 - Warning: <div> isn't allowed in <h2> elements
line 193 column 192 - Warning: discarding unexpected </div>
line 195 column 8 - Warning: <img> element not empty or not closed
line 195 column 159 - Warning: <br> element not empty or not closed
line 195 column 574 - Warning: replacing <p> by <br>
line 195 column 574 - Warning: inserting implicit <br>
line 195 column 574 - Warning: <br> element not empty or not closed
line 198 column 27 - Warning: <img> element not empty or not closed
line 199 column 5 - Warning: <img> element not empty or not closed
line 199 column 233 - Warning: unescaped & or unknown entity "&title"
line 200 column 5 - Warning: <img> element not empty or not closed
line 200 column 162 - Warning: unescaped & or unknown entity "&url"
line 209 column 5 - Warning: <div> isn't allowed in <h2> elements
line 209 column 205 - Warning: discarding unexpected </div>
line 211 column 528 - Warning: replacing <p> by <br>
line 211 column 528 - Warning: inserting implicit <br>
line 211 column 528 - Warning: <br> element not empty or not closed
line 214 column 27 - Warning: <img> element not empty or not closed
line 215 column 5 - Warning: <img> element not empty or not closed
line 215 column 239 - Warning: unescaped & or unknown entity "&title"
line 216 column 5 - Warning: <img> element not empty or not closed
line 216 column 162 - Warning: unescaped & or unknown entity "&url"
line 225 column 5 - Warning: <div> isn't allowed in <h2> elements
line 225 column 176 - Warning: discarding unexpected </div>
line 227 column 426 - Warning: replacing <p> by <br>
line 227 column 426 - Warning: inserting implicit <br>
line 227 column 426 - Warning: <br> element not empty or not closed
line 230 column 27 - Warning: <img> element not empty or not closed
line 231 column 5 - Warning: <img> element not empty or not closed
line 231 column 226 - Warning: unescaped & or unknown entity "&title"
line 232 column 5 - Warning: <img> element not empty or not closed
line 232 column 162 - Warning: unescaped & or unknown entity "&url"
line 238 column 5 - Warning: <div> isn't allowed in <h2> elements
line 238 column 197 - Warning: discarding unexpected </div>
line 240 column 8 - Warning: <img> element not empty or not closed
line 240 column 526 - Warning: replacing <p> by <br>
line 240 column 526 - Warning: inserting implicit <br>
line 240 column 526 - Warning: <br> element not empty or not closed
line 243 column 27 - Warning: <img> element not empty or not closed
line 244 column 5 - Warning: <img> element not empty or not closed
line 244 column 236 - Warning: unescaped & or unknown entity "&title"
line 245 column 5 - Warning: <img> element not empty or not closed
line 245 column 162 - Warning: unescaped & or unknown entity "&url"
line 254 column 5 - Warning: <div> isn't allowed in <h2> elements
line 254 column 183 - Warning: discarding unexpected </div>
line 256 column 420 - Warning: replacing <p> by <br>
line 256 column 420 - Warning: inserting implicit <br>
line 256 column 420 - Warning: <br> element not empty or not closed
line 259 column 27 - Warning: <img> element not empty or not closed
line 260 column 5 - Warning: <img> element not empty or not closed
line 260 column 229 - Warning: unescaped & or unknown entity "&title"
line 261 column 5 - Warning: <img> element not empty or not closed
line 261 column 162 - Warning: unescaped & or unknown entity "&url"
line 270 column 5 - Warning: <div> isn't allowed in <h2> elements
line 270 column 211 - Warning: discarding unexpected </div>
line 272 column 383 - Warning: replacing <p> by <br>
line 272 column 383 - Warning: inserting implicit <br>
line 272 column 383 - Warning: <br> element not empty or not closed
line 275 column 27 - Warning: <img> element not empty or not closed
line 276 column 5 - Warning: <img> element not empty or not closed
line 276 column 242 - Warning: unescaped & or unknown entity "&title"
line 277 column 5 - Warning: <img> element not empty or not closed
line 277 column 162 - Warning: unescaped & or unknown entity "&url"
line 286 column 5 - Warning: <div> isn't allowed in <h2> elements
line 286 column 143 - Warning: discarding unexpected </div>
line 288 column 112 - Warning: <br> element not empty or not closed
line 288 column 116 - Warning: <br> element not empty or not closed
line 288 column 409 - Warning: <br> element not empty or not closed
line 288 column 413 - Warning: <br> element not empty or not closed
line 288 column 424 - Warning: <br> element not empty or not closed
line 288 column 428 - Warning: <br> element not empty or not closed
line 288 column 451 - Warning: <br> element not empty or not closed
line 288 column 462 - Warning: replacing <p> by <br>
line 288 column 462 - Warning: inserting implicit <br>
line 288 column 462 - Warning: <br> element not empty or not closed
line 291 column 27 - Warning: <img> element not empty or not closed
line 292 column 5 - Warning: <img> element not empty or not closed
line 292 column 211 - Warning: unescaped & or unknown entity "&title"
line 293 column 5 - Warning: <img> element not empty or not closed
line 293 column 162 - Warning: unescaped & or unknown entity "&url"
line 146 column 1 - Warning: missing </div>
line 163 column 8 - Warning: <img> lacks "alt" attribute
line 166 column 27 - Warning: <img> lacks "alt" attribute
line 167 column 5 - Warning: <img> lacks "alt" attribute
line 167 column 113 - Warning: <a> escaping malformed URI reference
line 168 column 5 - Warning: <img> lacks "alt" attribute
line 177 column 24 - Warning: <div> anchor "headline-bg" already defined
line 182 column 27 - Warning: <img> lacks "alt" attribute
line 183 column 5 - Warning: <img> lacks "alt" attribute
line 183 column 113 - Warning: <a> escaping malformed URI reference
line 184 column 5 - Warning: <img> lacks "alt" attribute
line 193 column 24 - Warning: <div> anchor "headline-bg" already defined
line 198 column 27 - Warning: <img> lacks "alt" attribute
line 199 column 5 - Warning: <img> lacks "alt" attribute
line 199 column 113 - Warning: <a> escaping malformed URI reference
line 200 column 5 - Warning: <img> lacks "alt" attribute
line 209 column 24 - Warning: <div> anchor "headline-bg" already defined
line 214 column 27 - Warning: <img> lacks "alt" attribute
line 215 column 5 - Warning: <img> lacks "alt" attribute
line 215 column 113 - Warning: <a> escaping malformed URI reference
line 216 column 5 - Warning: <img> lacks "alt" attribute
line 225 column 24 - Warning: <div> anchor "headline-bg" already defined
line 230 column 27 - Warning: <img> lacks "alt" attribute
line 231 column 5 - Warning: <img> lacks "alt" attribute
line 231 column 113 - Warning: <a> escaping malformed URI reference
line 232 column 5 - Warning: <img> lacks "alt" attribute
line 238 column 24 - Warning: <div> anchor "headline-bg" already defined
line 243 column 27 - Warning: <img> lacks "alt" attribute
line 244 column 5 - Warning: <img> lacks "alt" attribute
line 244 column 113 - Warning: <a> escaping malformed URI reference
line 245 column 5 - Warning: <img> lacks "alt" attribute
line 254 column 24 - Warning: <div> anchor "headline-bg" already defined
line 259 column 27 - Warning: <img> lacks "alt" attribute
line 260 column 5 - Warning: <img> lacks "alt" attribute
line 260 column 113 - Warning: <a> escaping malformed URI reference
line 261 column 5 - Warning: <img> lacks "alt" attribute
line 270 column 24 - Warning: <div> anchor "headline-bg" already defined
line 275 column 27 - Warning: <img> lacks "alt" attribute
line 276 column 5 - Warning: <img> lacks "alt" attribute
line 276 column 113 - Warning: <a> escaping malformed URI reference
line 277 column 5 - Warning: <img> lacks "alt" attribute
line 286 column 24 - Warning: <div> anchor "headline-bg" already defined
line 291 column 27 - Warning: <img> lacks "alt" attribute
line 292 column 5 - Warning: <img> lacks "alt" attribute
line 293 column 5 - Warning: <img> lacks "alt" attribute
line 288 column 455 - Warning: trimming empty <p>

**slaction** · 01-11-2007, 11:47 AM

Thanks for the comments everyone.

I agree that the site does need an intro to explain the concept and idea. I'll work on that.

I'm working on fixing the code problems as well. Most of them stem from a rich text editor that is used on the backed.

Thanks again for the opinions and criticisms!

**genius 13** · 01-12-2007, 06:13 PM

nice site

Keep it up

**waynem80** · 01-13-2007, 02:16 AM

not bad, liked very much.

**MattCoops** · 01-13-2007, 02:21 AM

nice clean crisp lines

I'd tone down the colors a bit, agree with f1trader there

but the site to me looks like a spam site that is just going to have offers and ads

maybe present some text as a heading to the rest of content on page

**vatu** · 01-14-2007, 01:33 AM

Ur Site Look Clean And Good