Code Orange 3476's New Website!

[Teamcodeorange]

Hello everyone!

Code Orange has a new website!

teamcodeorange.com


I would love some constructive criticism and help debugging.

I am not sure what to do about the homepage, it just doesn't feel quite balanced.

I spent a bit of time making sure it works on screens of all resolutions but if you have problems please tell me. I know the menus do not work on touchscreens. I am working on that.

Thanks for looking!

For a team about orange you've got a whole lotta blue....

[rsisk]

On my iPad, I see the header, then have to scroll way down o see any content

[ZipTie3182]

Hi!
It looks really nice. Is the background just one big photo? It looks really nice but typically loading images that large slows the site down. It didn't seem too laggy but just if you ever encounter problems with it loading slow it might be due to the image.

I really like your use of pngs It's very streamlined. Nice overall. I did notice that the menu goes behind the embedded google calendar on the calendar page.

Colors look really nice. The homepage seems a bit off to me as well. I would make it so that the embedded video on the right side lines up with the header. I think that will make it look more cohesive.

Great job on the site!

-Anna

[rachelholladay]

Some of my thoughts -

You have all the right important content on the front page and a very solid header. I do agree with an above statement about how there is more blue than orange. While I like the anchoring effect the background has on the look of the page I think the fact that it is a blue wave forming detracts and distracts from your teams theme (unless, of course, your theme relates to waves). The page currents gives the impression that blue is the dominant color and orange is the accent color. The introductory paragraph is well done in the fact that it gives the quick facts about your team. You have a little section on FIRST (mainly just the logo and a link) but you may want to consider expanding it somewhat or tailoring so it matches the intro section about your team (and thus giving continuity). I do like the premium real estate you give to your sponsors and I'm sure they appreciate that as well. You video and slideshow on the front page are also both nice touches. I'm on a laptop right now and cannot comment on the touch screen-y-ness but with a resolution of 1366 x 768 the whole site looks good.

You grouped everything in the navbar into basically two categories and while the submenus are long the overall navbar is clean and neat. I would suggest that on the home page keeping the "Welcome" tab a link. Even if it links to itself or the link is simply <a href="#"></a> the link would give consistency. But this is a minor point.

On many of the other subpages the large orange text box gives a much more orange feel and using the same style of text unifies the site. Your about section is very much to the point, which can be effective. You display for sponsors well, although you might consider giving more information about each one (this is required although it seems to be a very popular practice among FIRST teams). I liked the amount of detail provided for the robots, most particularly the 2012 one (which has much more than the other two combined). For the award section, showing the award with an orange backdrop is a nice touch that brings in your team theme. Am I correct in viewing that there is only one video in the video section? I would consider adding more. Using Photobucket seems to be a fairly effective way to display your media and the headshots of the students and mentors are a nice personalization touch.

I too enjoy Google insets and liked the Calendar (which many if not most use) and particularly your team finder page. The team finder is something most don't have but is a really neat tool and not all that difficult with the Google Maps API (although judging by your source code, which I peaked at, you inserted a specialty map which was probably even easier than generating a map with markers.) Your resources section is off to a good start and I'm sure many more helpful videos or documents are coming.

Rad site.

[rsisk]

Code Orange is definitely one of our great coastal California teams, being from Dana Point and just a couple miles from the ocean.

You might consider the turquoise color from the pants your team wears might make for a better background. Or how about an Orange background with turquoise font?

[Teamcodeorange]

Originally Posted by ZipTie3182

Hi!

Great job on the site!

-Anna

Thanks everyone!

[Teamcodeorange]

Originally Posted by rachelholladay

Some of my thoughts -

You have all the right important content on the front page and a very solid header. I do agree with an above statement about how there is more blue than orange. While I like the anchoring effect the background has on the look of the page I think the fact that it is a blue wave forming detracts and distracts from your teams theme (unless, of course, your theme relates to waves). The page currents gives the impression that blue is the dominant color and orange is the accent color. The introductory paragraph is well done in the fact that it gives the quick facts about your team. You have a little section on FIRST (mainly just the logo and a link) but you may want to consider expanding it somewhat or tailoring so it matches the intro section about your team (and thus giving continuity). I do like the premium real estate you give to your sponsors and I'm sure they appreciate that as well. You video and slideshow on the front page are also both nice touches. I'm on a laptop right now and cannot comment on the touch screen-y-ness but with a resolution of 1366 x 768 the whole site looks good.

You grouped everything in the navbar into basically two categories and while the submenus are long the overall navbar is clean and neat. I would suggest that on the home page keeping the "Welcome" tab a link. Even if it links to itself or the link is simply <a href="#"></a> the link would give consistency. But this is a minor point.

On many of the other subpages the large orange text box gives a much more orange feel and using the same style of text unifies the site. Your about section is very much to the point, which can be effective. You display for sponsors well, although you might consider giving more information about each one (this is required although it seems to be a very popular practice among FIRST teams). I liked the amount of detail provided for the robots, most particularly the 2012 one (which has much more than the other two combined). For the award section, showing the award with an orange backdrop is a nice touch that brings in your team theme. Am I correct in viewing that there is only one video in the video section? I would consider adding more. Using Photobucket seems to be a fairly effective way to display your media and the headshots of the students and mentors are a nice personalization touch.

I too enjoy Google insets and liked the Calendar (which many if not most use) and particularly your team finder page. The team finder is something most don't have but is a really neat tool and not all that difficult with the Google Maps API (although judging by your source code, which I peaked at, you inserted a specialty map which was probably even easier than generating a map with markers.) Your resources section is off to a good start and I'm sure many more helpful videos or documents are coming.

Rad site.

Thanks very much for your feedback! This was my first venture into Dreamweaver, so I am still learning. I will take your critique into consideration. Btw, there are many more videos coming.

[Teamcodeorange]

Originally Posted by rsisk

Code Orange is definitely one of our great coastal California teams, being from Dana Point and just a couple miles from the ocean.

You might consider the turquoise color from the pants your team wears might make for a better background. Or how about an Orange background with turquoise font?

Ha ha, I am flattered. From what I have seen, turquoise text does not work very well on an orange background. It is very unfortunate for our color scheme.

[Sean Raia]

I actually like the background, it feels right.
I like the image displayer on the home page, though I think it would benefit from a small border.
As others have said, make sure you get that embeded video to line up within the borders of the body.
I'd make that black menu bar some shade of orange, it looks out of place.

Great start though.

[Andrew Schreiber]

Originally Posted by Teamcodeorange

Ha ha, I am flattered. From what I have seen, turquoise text does not work very well on an orange background. It is very unfortunate for our color scheme.

I'm fairly certain Rich was kidding.

[rsisk]

Originally Posted by Andrew Schreiber

I'm fairly certain Rich was kidding.

Yeah, OK... I can go with that.

I was thinking big font items, you could get away with, but not the normal text. So Ima going to put away my shovel now and stop digging.

[Teamcodeorange]

Originally Posted by Sean Raia

I actually like the background, it feels right.
I like the image displayer on the home page, though I think it would benefit from a small border.
As others have said, make sure you get that embeded video to line up within the borders of the body.
I'd make that black menu bar some shade of orange, it looks out of place.

Great start though.

Thanks, I edited the orange background to line up with the video.

[Teamcodeorange]

Originally Posted by ZipTie3182

Hi!
It looks really nice. Is the background just one big photo? It looks really nice but typically loading images that large slows the site down. It didn't seem too laggy but just if you ever encounter problems with it loading slow it might be due to the image.

I really like your use of pngs It's very streamlined. Nice overall. I did notice that the menu goes behind the embedded google calendar on the calendar page.

Colors look really nice. The homepage seems a bit off to me as well. I would make it so that the embedded video on the right side lines up with the header. I think that will make it look more cohesive.

Great job on the site!

-Anna

Thanks! I actually used photoshop's "save for web" feature, so the image looks ok, but is only 108kb. I guess it could take a little while to load on a slow connection.

[Siri]

I think the front page is easier to read now (with the blue textbox), but the About page and some others still have the orange box. I'd pick one or the other, and if you go orange, maybe tone it down a bit. Maybe I'm getting old, but it's really bright for such big boxes.

Originally Posted by SuperNerd256

For a team about orange you've got a whole lotta blue....

This is just a random idea, but if you want more orange, you might be able to find a sunset version of that background shot. I found a couple on a quick Google. Something like the first one here might work (just an example; watch your copyrights). Might let you make a more cohesive color scheme. It's a little confusing with all the blue, especially on pages with big text boxes where you can't see the center of the wave.


I'd hyperlink the header to direct back to the home page; it's more intuitive than clicking "Welcome".

Awesome job!