Orangedrop Creative

He has: 578 posts

Joined: Jun 2004

Well, here it finally is! My web design company! It took me about two days to do the whole thing. It's the first design, and I think it looks OK, but I'm still trying to think of stuff to bring it up a notch. I'm more or less braindead right now, so I thought I'd post and see any ideas or suggestions you guys had. I'm still in the process of proofreading and whatnot, so post any mistakes you catch.

http://madclassifieds.000k.net

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

I like the colours, but I tend to be a nit-pickers, so, here are my nits:

The logo in the top corner is usually a place where people can click on, and it sends them to the front page, and the front page link shouldn't be on the far right, that's just not logical.

Why are the links to the pages in all lowercase, and the headers for each paragraph all caps? You should always know what page you are looking at, and casing tends to be visually key.

The Get Firefox logo seems a little out of place, but I wouldn't hold it against you.

I think the text size is a little too big in some areas, the Verdana font generally doesn't look good between about size 10 and 24 (give or take) I also noticed (when looking at your CSS) that you had you used class="small" in the html, but defined it as "textsmall" in the CSS file. Though a.small is defined, but that only affects elements enclosed in rags, but drr.

On that same note, I saw that font-size was defined as a percentage, I don't know if you can do that, and I don't think it's a good idea, but maybe someone can correct me on that.

I have some other nits, but I don't want to seem harsh, just giving feedback. I know that if someone said something bad about my site, that I liked, I'd say "Yeah, well, YOUR MOM" or something to that effect.

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

CptAwesome wrote: ...On that same note, I saw that font-size was defined as a percentage, I don't know if you can do that, and I don't think it's a good idea, but maybe someone can correct me on that...

OK, sure. Sticking out tongue

Its actually recommended that you use percentages or ems (preferably em) to set a font size. Simply because the point or pixel is not for the screen. OK, pixel might be, but, it still isn't recommended because users aren't able to change the size of the font. The same goes for the point in some browsers (i.e. IE Sticking out tongue).

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

CptAwesome wrote: On that same note, I saw that font-size was defined as a percentage, I don't know if you can do that, and I don't think it's a good idea, but maybe someone can correct me on that.

I always do this and it works great. It just takes a bit of experimentation to figure out what works. (I tried working with ems but had a harder time getting them to work consistenly). But looking at your CSS I'm not seeing % font sizing, I'm seeing pixels. If you're oging to go that route 14 is a little big. 12 might be better. But relative sizes are always better because then people can resize them in IE. The problem I see is that you're mixing pixel sizes and relative sizes (small) so your links are smaller than the body text.

Overall I think you've done a good job with this site. I can see a huge improvement in your work with every design you post. There are a few weird things that I think could use some fixing up.

First of all, the faded graphics. The front header graphic just looks dull. Try bringing that back to full saturation and putting a light glow around your logo (not sure how well this would work...). The gradient background is another problem for me because at the top and bottom it's easily distinguishable from the main design but towards the middle it starts to blend in. So what you could do is make the main content area on a white background instead of pale blue.

I also think the navbar could be improved. I'm a big fan of changing background colours.

Quote: Orangedrop Creative is the work of designer David Bacsik. Based out of Cambridge, Wisconsin, we provide websites for customers who want something that looks good and follows web standards.

Why are you instroducing yourself as a single person but continuing to talk of yourself as "we"? This is one of my biggest pet peeves when it comes to web design sites.

Congratulations on your code! Valid xhtml strict!!

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

I have to agree with the Captain's observations on the home link. That should definitely be on the left of that little menu. I would even say that the standard is for the home page link to be on the far left, and the contact link to be on the far right.

Aside from that, you need to run a spell check program. The only word I found was "beleive" on the Philosophy page, but I wasn't looking. Remember, this web page will make a big impression on the people who are looking to hire you. They know you do web design, so the first thing they'll want to see is how your own site looks. Once they see an obviously misspelled word, you can't undo the damage that first impression makes.

I really like the header graphic, though. Cool logo, too.

He has: 578 posts

Joined: Jun 2004

No, be harsh! I need this to be good!

CPT:
I totally forgot to make the header clickable! Thanks! Now the problem is I can't get rid of the rollover background... hmmm. you can have a look at the css if you want to help me!

I moved the links back into standard or "logical" order. I know every site has them there, but I never liked it on the left. I guess it's still better to have it easy rather than the way I like it to look.

Thanks for the tip on the menu. Not only do the fit better small caps, they look cool! I'll probably add a breadcrumb trail so you know what page you're on.

I'll play with the font size. a.small and .textsmall are two different things, but thanks for pointing out the potential error.

I don't know what you mean about the percentage. It's a px setting, which is absolute. You can set it as percentages. Maxdesign (maxdesign.com.au) does that.

Please post the other nits! I need to be criticized, and I understand you're trying to help.

I also changed the font size. 10 was too small 13 was ok, but I went 14 just incase some older people were reading.

Tim:
Thanks for the stuff on the links. I know the page is gonna make a big impact, so I'm still working on the proofreading and writing a bit. I'm afraid I don't have Word, so do you know any good online spell checkers?

Thanks for the compliment on the logo!

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Dragon of Ice wrote: I'm afraid I don't have Word, so do you know any good online spell checkers?

I don't know of any online ones personally, but if you don't have Office, I'd suggest downloading Open Office. http://www.openoffice.org/

I've not used it in awhile, but it runs on all platforms, and it's pretty nice. I used to use it when I ran Linux (Red Hat) for awhile.

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

You mixed up the CSS link on the philosophy page, so it's now main.php

I think you made the navigation links a little too small, and they are unevenly spaced (I realize that the words are different lengths, but you should set
display: block;
float:right;
width: X (probably 150-200) px
that would have them even.

Try not having so many font sizes, You basically want a max of about 3 font sizes, heading, sub-heading and body. I also noticed in the html that 2 of the links are class="small" and the other 2 are not, and there is no small class in the CSS file, at least that I could find.

Heh, I notice that you're altering it as I look at it, so I will finish my comments for now.

He has: 578 posts

Joined: Jun 2004

The small is a long story involving IE 5.5, but if I made all the links the same size, that would eliminate that. I'll try it and see what it looks like. I understand the 3 sizes thing. That's something I should definitely look into. But do links and sidebars really matter for that? The php was my attempt at putting php in a css file, which backfired anyway...

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

I notice that the bottom corner sun is no longer anchoring to the bottom of the page, you might want to make that the background of html, and either nix the blue gradient, or put it in a div and play with the z-index

He has: 578 posts

Joined: Jun 2004

Not anchoring? I'm not getting that in IE or FireFox. Could I have been changing stuff?

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

It is now, it wasn't when I posted Smiling

Greg K's picture

He has: 2,145 posts

Joined: Nov 2003

Just a quickie about my first impression. The three main sections (Who We Are, What We Do, and How We Do It), are not uniform in style, yet they seem like they should be (the last two differ on the spacing under the header. (in IE)

The link color, while matching site colors, really interupts the flow of reading for me. too light.

Also, what is "Word Wide Web Consortium"? Is that something for websites created with Mircosoft Word? Wink

Overall for a quick look, the site looks good. I really love the bottom right image!

Ok, it called to me to look more even though I should get back to work.

On the "Work" Page, in both IE and FF, the header "Logo Design" looks out of place, away from it's text below it (and to the right of the next image), the logo and web works pages themselves look the same, headers really don't stay matched to content below. (in both browsers, just doesn't look uniform).

"Touch Base", well thats just a personal issue I have, I just hate that phrase. (I have a major dislike for most trendy buzz words and catch phrases) LOL. I'm screwy. Anyhow on this page, your formatting of the SEND button makes it look like it's jsut another text box with text already in it, not a button to do an action.

Overall there is an incosistancy of the content on the left, some places a link, some places lists, and on last page it was additional content for the contact us page. Plus the layout of the left side was not uniform across the pages, and in some places stood out too much.

-Greg

PS. I still had your page open, and went to follow the link for validaing the html because I needed to check a page I was doing. I was on your contact us page, and the link to validate it says you have errors on your page. Not good for a site based on being standards compliant. Might want to double check them all. Smiling

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Greg K wrote:
"Touch Base", well thats just a personal issue I have, I just hate that phrase. (I have a major dislike for most trendy buzz words and catch phrases) LOL. I'm screwy. Anyhow on this page, your formatting of the SEND button makes it look like it's jsut another text box with text already in it, not a button to do an action.

Greg - you're not the only one!

As for the design: Very nice, can't expand much upon what has already been said, I'll have a more detailed look when I get home from work Smiling

Interesting choice of DTD - Does this actually use anything that's changed in XHTML 2.0, or is it actually XHTML 1.1 in disguise? Laughing out loud

a Padded Cell our articles site!

They have: 24 posts

Joined: Feb 2005

I seen the website before you made changes but didn’t have time to write a review. I like the changes you made so far. Overall I like the site and the logo at the top. The text looks better now that you have reduced the size. I also like the flower image in the right lower corner. I have just a few minor suggestions.

On the front page this "Orangedrop Creative is the work of designer David Bacsik. Based out of Cambridge, Wisconsin, we "

Maybe a better way would be "David Bascik is based in Cambridge, Wisconsin. We " (put period at end of Wisconsin). Once again this is just one of my little nit picks I also noticed that the word standardized is misspelled The word “believe” is misspelled on the philosophy page.

The headers above each paragraph would look better if they were not so large and capitalized. You could reduce the font size on those to same size as text and just bold . them to make them stand out. Also don’t use all capitals because it has been my understanding that looks like you are shouting.

Also for your links in middle of the paragraphs you could use just a common underlined text link. The average person recognizes links in that style, otherwise some people may not know those are links.

You could make your navigation links a tad larger, more evenly spaced and centered. This would give it a more professional look and shows you pay attention to detail. Also you have “front” link on 2 different places on the page. The front page link in the navigation menu would be enough. In my opinion if a person is already on the front page you don’t need a front page link there but that is just my opinion and preference.

Your client list text would be easier to read if the font was in a darker color like your headers for example. I found the client list hard to read.

Well that’s it. Just few minor tweaks at this point and paying a little more attention to the little details.

Find Great Custom Made Knives by Marvin Poole at sagecreek1.com

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

You could sign up for a Livejournal, and use their's Smiling

They have: 6 posts

Joined: Feb 2003

Hi. I thought you'd like to know that your site isn't working in IE 5.2.3 in OS X (It seems to be working a bit better in Safari). It looks like some/most of your CSS is being ignored and it's breaking your layout.

I've attached a screenshot from IE showing the problem. (I assume an Admin needs to approve the image attachment for it to appear.)

jca • devoter.com :: poltical community weblog

He has: 578 posts

Joined: Jun 2004

Alright. Another [insert period of time] has gone by. I've got the fourth design from the one in this original post marked up and done for FireFox and IE 6. It breaks down in IE 5 so I'm still working on that. It also looks a little messed up in Opera (although not as much as IE), but I don't know how I would go about fixing that, as I cannot send code to FireFox and Opera seperately, at least as far as I know. Well, here it is.

http://madclassifieds.000k.net/new/

And yes, I will be getting a domain name and hosting soon.

P.S. It'll be up for a while, till I get things situated, then I'm going to take it down for the May First Reboot.

They have: 4 posts

Joined: Feb 2005

Personally, i realy like it. I thought your website design company was inksplot design.

Greg K's picture

He has: 2,145 posts

Joined: Nov 2003

Stuart, see the bottom of http://madclassifieds.000k.net/workweb.php

-Greg

He has: 578 posts

Joined: Jun 2004

I took alot of your guys' suggestions. I changed everything to em. Should be good. The font size is a lot smaller now, which makes me wonder about old people, but it looks a lot better too.

As far as the header saturation, I played with it a little, and that's as much saturation as I could give it. I highlighted my logo a bit more too. I don't quite get what you mean about the problem with the gradient, Megan. What's wrong with it?

I did lighten up the background a bit. I'm not sure if I like it yet, but I refuse to go to white. White just really bugs me!

Tianna: What do you mean by more evenly spaced? They are a set width. I tried them centered and left aligned, and I really think they look better on the right. I don't quite understand why centering it would be more professional.

I darkened the client list - good tip. I also got rid of the double front link on the home page. That was from my breadcrumb trail that I adapted.

Megan, as to the "we." It is mostly me, but I do have a few friends that help out with graphics and coding sometimes. I should probably work on explaining that better. I would put up an employee page, as that is appropriate for a small firm and this line of work, but I feel that our ages would hurt the image the website projects.

He has: 578 posts

Joined: Jun 2004

Also on a side note, do you guys think I'm ready this time to actually start doing this a business?

She has: 7 posts

Joined: Feb 2005

I like the graphics and the informal 'Front' & 'Touch Base', but the divider lines and color blocks seem to detract from what otherwise would be an appealing site.
Novice, Karen

He has: 578 posts

Joined: Jun 2004

The first design has been taken down. Sorry, I forgot to post. I'm working on a whole new layout (never satisified) and the css is mess in IE.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Lol, and I thought I was a perfectionist! Keep going Dragon Laughing out loud

He has: 47 posts

Joined: Feb 2005

nice site like the logo and the layout is good and easy to use

He has: 578 posts

Joined: Jun 2004

Alright, I know it's bad to bump, and I'm probably being immature, but I've had no reviews on the new site? Is it because I've been inactive in this section? I'll go review three more sites.

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

I like it, it's got a nice pro feel too it, and it doesn't look cookie cutter

He has: 578 posts

Joined: Jun 2004

Woot. My domain name finally kicked in (they said it could take 3 days, and it did!). So any new updates will be seen at

http://www.orangedropcreative.com/new/

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.