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 trialDharmesh Sheth
2,547 PointsHow do i make this website eye catching
Hi there
I have built this website for my client. Any suggestion on how i can make this look better
5 Answers
jonathankavalos
3,523 PointsI agree with Marcus that you should explore the design foundations course. Here is a short list of what you'd need to make the site better:
- Find a grid! There is no alignment with your elements. The navigation and the content don't align properly throughout the site.
- The colors are bright and contrast a lot. Consider a different palette.
- Photo size and quality inconsistencies. Some are grainy, others are cropped to strange sizes. Make sure you are legally allowed to use all of the photos and you didn't just pull them randomly from the web. This means having explicit permission from a photo service or a photographer.
- The sub-menu for sections such as "Romania-Upon-Thames" and "Artists & Craftsmen" is too difficult to notice. It should link visually to your main menu.
- You seem to want to split your audience into two groups... the people living in London and those that have yet to arrive. Consider putting those choices side by side rather than on either side of your main image slideshow. I gazed right and didn't notice the text on the left at first. Choices should be next to one another.
- All sub-pages on the site read like long lists. There is no design to them. Consider developing a side bar or call out text to bring attention to material so the reader isn't forced always read top to bottom without a visual break.
Marcus H
4,267 PointsYou could try adding some space between the elements as it seems a little bunched up at the moment. Also maybe add some pseudo classes to the navigation such as a:hover (it makes the links change when the user mouses over them).
That's all I have for now lol, I'm still learning.
chezkystern
3,353 PointsI would say you need to change the color scheme try Color Lovers http://www.colourlovers.com/ they have some beautiful palettes
Also I think the logo graphic needs to be smaller as you have a lot of space of the top right of the site and that's quite valuable real estate
Marcus H
4,267 PointsDo the design foundations course, I completed it today and it was quite informative. Also you can try the Aesthetics one too, I'm sure they'll inspire you on how to improve your site.
Veronica Rivera
32,599 PointsThe site could do with more inspiration. I would advise you to not only take the Design Foundations course, but also look at other websites and see what they are doing to create layouts, brand identity, and UX that engages the audience. There is a lot of inconstancy in your web design. Lack of color theory. And the site has no balance.
I recommend these web sites for some inspiration and research:
Galleries for Inspiration
http://www.cssmania.com/ http://www.cssdesignawards.com/website-gallery.php
Trends (learn what is working and make your style unique)
http://www.hongkiat.com/blog/web-design-trends-2014/
Design Blog
Color Theory
Typography
http://www.awwwards.com/websites/typography/ http://webtypography.net/