Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Kemo Marriott
8,853 PointsMy 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
Adam Sackfield
Courses Plus Student 19,663 PointsHi, 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.
Tom Hoadley
6,308 PointsReally 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
8,853 PointsThanks Thomas. Nav is now centred. Had some issues with how it was breaking, so kinda cheated initiated the toggle menu earlier.
Paul Graham
1,396 PointsYou 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
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
8,853 PointsThanks a lot guys! Really appreciate the feedback. The slider is no more!
Pablo Litardo
6,241 PointsNice Job !
Kemo Marriott
8,853 PointsCheers Pablo
Matthew Farley
3,426 PointsNice 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.
Adam Sackfield
Courses Plus Student 19,663 PointsThat was my feeling with the font too.
Kemo Marriott
8,853 PointsThanks Matt and Adam. Any suggestions on what font to use that would be less abrasive?
Adam Sackfield
Courses Plus Student 19,663 PointsIts 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
Adeeb Syed
3,275 PointsGood job man!
Kemo Marriott
8,853 PointsKemo Marriott
8,853 PointsThanks 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?
Adam Sackfield
Courses Plus Student 19,663 PointsAdam Sackfield
Courses Plus Student 19,663 PointsLooking better already. Mentioned some fonts at bottom. No problem happy to help
Kemo Marriott
8,853 PointsKemo Marriott
8,853 PointsI'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?
Adam Sackfield
Courses Plus Student 19,663 PointsAdam Sackfield
Courses Plus Student 19,663 Pointshttps://kuler.adobe.com/create/color-wheel/ great for choosing color schemes
Adam Sackfield
Courses Plus Student 19,663 PointsAdam Sackfield
Courses Plus Student 19,663 PointsJust 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.