Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Kemo Marriott
Kemo Marriott
8,853 Points

My First Website

Hi Everyone. Here is a link to my first website. It's taken a few months. I thought I had it finished last week, but I keep returning and tweaking it on a daily basis. Any feedback at all would be greatly appreciated! May the tweaking continue http://www.kemotion-personal-training.com/index.php

6 Answers

Hi, nice start. I am not sure about the Nav being left aligned it leaves it looking a little bit empty on other side, also not keen on the font at all looks typewriter-ish (made up word I know). I do like the actual layout but not too sure of the colors, LESS IS MORE. I like the little logo's for goals, testing and process. But the actual site logo could do with a little more to make it pop in my opinion. Can see you used Bootstrap but some of the pages the right side is too bare. The theme seems more techy than for fitness. Hope not being too harsh. PS - I used to be a PT so its a site i know the industry off. Also your social media icons are way to big they are getting more space than the own companies logo.

Kemo Marriott
Kemo Marriott
8,853 Points

Thanks for your excellent feedback. I really appreciate the time you've taken to have a little think about how I can improve the site. I've spent the last couple of hours implementing the changes. Navbar is now centred and the social media icons are smaller. In terms of font- do you have any suggestions for alternatives that I could consider?

Looking better already. Mentioned some fonts at bottom. No problem happy to help

Kemo Marriott
Kemo Marriott
8,853 Points

I've also put a new div under the image as I think the text reads better in a div rather than overlaying the image. In the 'Flagship Programs' section, I don't like the colour of the grey box on the left hand side but do like the overall layout. Any thoughts on colours? I'm also going to get these to correspond to the same colour as the large image when you click through to the program details. I'm concerned about your thoughts on the theme being more tech than fitness. How can I make it more fitness? Would this require a substantial overhaul?

https://kuler.adobe.com/create/color-wheel/ great for choosing color schemes

Just look at fitness related websites and posters and see what kind of mood they put across. Also google colors for fitness industry to get a base then use kuler to get a scheme. It was more the font you had that made it look techie.

Tom Hoadley
Tom Hoadley
6,308 Points

Really nice. A few comments on the design.

  • Maybe try a lighter colour scheme, it seems really dark.
  • Try center the navigation.

Other than that... bloody good work!

Kemo Marriott
Kemo Marriott
8,853 Points

Thanks Thomas. Nav is now centred. Had some issues with how it was breaking, so kinda cheated initiated the toggle menu earlier.

You actually have two options, center the nav OR align the header image left. You don't have to center the nav for balance.

If this is your first site, it's great. I personally like the bold, unique color scheme. Don't ever be afraid to look different. My only issue is that your slider is kinda useless. It looks fine but you're missing an opportunity to explain the programs you want to highlight on the slides. Maybe just one quick sentence to explain why someone would want to click on that slide.

James Barnett
James Barnett
39,199 Points

> My only issue is that your slider is kinda useless.

I concur also, this is highly relevant http://shouldiuseacarousel.com/

Kemo Marriott
Kemo Marriott
8,853 Points

Thanks a lot guys! Really appreciate the feedback. The slider is no more!

Matthew Farley
Matthew Farley
3,426 Points

Nice work for a first website! One suggestion I'd have is looking at using a different font for the body text. LetterGothicStd seems a bit abrasive to me. Hard to focus on the text, which makes it tough to read. That might just be me though.

That was my feeling with the font too.

Kemo Marriott
Kemo Marriott
8,853 Points

Thanks Matt and Adam. Any suggestions on what font to use that would be less abrasive?

Its all about choice and experimenting really a few i can think of my head are Roboto Slab and Open sans. Try other sans-serif fonts and see what looks right really

Good job man!