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
Karen Freeman-Smith
29,248 PointsDesign Help?
I recently finished the web design track and have been trying to apply what I learned to a website I created a few years ago. It's a lot better, but I'm still not completely satisfied with the look. Does anyone have any suggestions to make it look better? Thanks in advance!
The site is live at http://aspiringwriters.org
Karen Freeman-Smith
29,248 PointsThanks Alexander! I was thinking "more modern" as well, but not sure what exactly would give it that vibe. You have a great looking portfolio... very much the look I'm after. I'm still struggling to figure out the small details of what makes the difference. You mentioned the "flat" style - I'll look into that.
I'm open to more specific suggestions as well. I was thinking of a photo background for the top of the page for example. I have not found a good photo for that yet though.
Alexander Ferguson
1,512 PointsFor your background photo I use https://unsplash.com/. Free photos for commercial use and they are really high resolution.
1 Answer
Rondie Li
11,415 PointsHi Karen. Here's a few suggestions I would like to give regarding to the design. :)
- The hero page is nice and simple, but it seems a bit boring when it comes to the entire page with the same background. It would be nicer if there's a bit more contrast between the two sections.
- The design of the "Get Story Idea" could be more cohesive with the aesthetic of your logo/website. Perhaps a dark teal button with white text, flat no border/shadow would be nicer and more 2016? Also you can use a stronger font there.
- Setting: try either adjust the width, or resizing the map. It might be just me but the square map + wide copy combination look kind of weird to me.
- Characters: it would be nicer to align the names with the intro paragraph.
Also technical wise:
- try adding a max-width to limit the width of the two story divs, they look very wide on big wide screens
- When my browser width is between 1040-1090px some text from the "Characters" is overlapping with the map
- also there's a float issue with the names at Characters, Nick Pettit has given a solution in his videos. (https://teamtreehouse.com/library/how-to-make-a-website/responsive-web-design-and-testing/build-a-three-column-layout) you can do that with your divs instead of lis.
hope it helps, and good luck
Karen Freeman-Smith
29,248 PointsGreat suggestions, Thanks Rondie.
Alexander Ferguson
1,512 PointsAlexander Ferguson
1,512 PointsHi Karen. My recommendation for improving your website would be to try and go for a more modern/flat look. I like what you did with the hero page big text and a call to action. If you want inspiration for websites I always use http://land-book.com/ Also creating style guides for consistency will help you improve you website and make it more uniform. Here is my own personal website. http://alexjferguson17.github.io/Alex-UX-Portfolio/ I hope some of these tips will help you.