Team 2823 Website - Bootstrap & Wordpress

During the beginning of pre-season, we were using a Google Site. :eek:

For the past month or so, we’ve created a MUCH better website that’s Self-Hosted, uses WordPress so everybody can post to it, and uses Bootstrap which is an AMAZING framework!

We have a git for ours too, if you want to look at code: https://github.com/Team-2823/Team-2823-Website

And the website is at:
http://highland-2823.com

I would be delighted if you would leave some feedback, either design or content wise!

Thanks!

I think it needs more pictures. :wink: The only picture I saw on your site was the blurry background on the home page.

I would recommend adding a team logo, pictures of your team, pictures of robots you’ve designed, pictures of team members, etc. They will make your site much more interesting and give it a stronger team identity.

Also, it seems silly to have such a prominent “Log In” button when (I assume) the login function is just for team members.

Do you mean something like viewing a featured image for each news post on the homepage?

I was thinking of having the logo in the navbar in a similar fashion to thebluealliance.com. We already have pictures of the team in the Photos section and the Robot section has a few pictures of our past two robots along with stats from TBA. I’m guessing it was hard to find the pages because of the way the navbar is organized. Do you have any suggestions on how it should be as far as grouping goes?

Yes, the Log In button is mainly for team members, however anyone can register and if anyone else registers, they become a subscriber and get E-Mail updates. Since there is already a Log In link in the footer, do you still think the navbar button should be removed?

Thanks for the suggestions! It helps to have a fresh pair of eyes look at the website!

I sat like two minutes hovering over your menu bar waiting for the menus to appear. I finally clicked them ha.

It’s missing your team identity. Don’t get me wrong it’s a great site. I love bootstrap personally and love how clean it looks. But you need to make it yours. Add your team colors, team logos, and stuff like that.

:slight_smile:

This is why I need other people to look at the site! I am probably the least creative person, so I need actual people to look at the site :slight_smile:

Thanks for the suggestions!

Haha yes you need fresh eyes after awhile. I ended up designing my team’s website. After a week, I just needed someone new to check it. But seriously great site!

There’s an errant smiley at the bottom-left corner of the page. You may want to take a look at it :slight_smile:

but let it stay there, cause I like it :smiley:

I really admire your aim for simplicity and your lightbox is pretty awesome, but I definitely agree with the others in how it’s missing your identity and it feels empty without images especially at the top of the pages.

Here are a few things I would suggest:

  • Make the menu fly in right away instead of a delay (or remove it all together)
  • Try enabling featured images for pages and setting them as background header images
  • Add thumbnails to the members page (people would like to see faces instead of just names
  • Turn .btn-primary, @brand-primary, and links red.*

*I also suggest that you look into a LESS compiler if you’re planning to recolor and expand Bootstrap. It’s going the best decision you’ll ever make as a developer and you’ll definitely save a bunch of time in the long term.

I’ve also built a site with Bootstrap 2 and WordPress for my team if you need some inspiration: http://iliterobotics.org/

It only shows up on mobile for me but I honestly don’t know where it’s coming from! :confused:

At least I know for sure that my code is haunted.

So far, we have made some color changes to Bootstrap in general but we’re still heading in the right path.

I do agree, the JS was supposed to be so that the navbar flicks up while scrolling down, but we haven’t figured it out.

Do you mean in a similar way to the home page?

Great idea!

That’s actually what we’re working on right now

Not very sure how to use LESS, so I will probably do some research on it.

My goodness! It’s really good! Thank you for the reference!

And thank you for your input!