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 trialSagar Suri
6,043 PointsPlease rate and give your suggestion on my newly created website.
http://infoane.com Kindly go to the mentioned link and please rate the design and UX of the website.And suggest me any changes if needed.
5 Answers
Jacob Mishkin
23,118 Pointsthese are just suggestions, I want to be clear about that. After viewing the site these are a couple of things I found that I would improve upon:
Consistency: if you are going to use hover that highlights the about dropdown menu, then all other dropdown menus should be expressed in the same way. Make the slide toggle to slide both up and down Smoothly if you are going to scroll up smoothly then do it for scrolling down as well. Please see mobile page for this, its very jarring when a simple slidein("smooth") in Jquery would make the UX much better.
I have no idea what the animation is falling from the screen, it runs way to fast, and I have no clue as to how that enhances the UX, maybe if the user could see what was falling then it might be better.
Clients/projects: I would remove any and all info on how many clients you have worked with. The user does not need to know that you only worked with 15 clients from 2007. There are a lot of good freelancers that get 10/15 requests a month. Sometimes less is more.
Text on top of text is never a good idea. It makes it hard to read, check the SEO portion of the site.
Don't make the optional client/user work more than they need to: on the Home page you have blue favicons they are highlighted they should be able to be clicked on, and taken to that part of the site. I want to know more about your SEO but I can't click on that favicon so know I have to search for it, If I can't find it in 5/10 seconds I'm out.
Show client sites not just names. People want to see work, not just a name. If you are going to use their names link the site that you created.
Under your tech section, if the user is able to hover over an item we should be able to interact with it. I can highlight the button wordpress but I can't do anything with that. it need to be accessible/interactive.
You need to have a contact form.
theses are a few suggestions I want to make that clear, This is you're site and you should do what you want with it. I do like the mobile version, its clean and to the point.
Nicolas Hampton
44,638 PointsHi Sagar,
Looking at the site, it looked really clean, so I like that, and I can see you put a lot of work into it. I'm impressed. But going inside of the code, I did have a few comments. I don't know if they're immediately helpful, but may be things you want to consider next time.
1. Limit yourself to 5 external resources
I like to use a couple external resources when designing a website to shorten the dev time and add a little a little flare. Right now you have 19 different resources from external cdn's. That's a bit much, and in the future if you want to modify this code, keeping track of all the cascading styles and javascript hooks is going to be challenging, to say the least.
2. Importing resource inside the head instead of the body
I noticed that a lot of the resources are imported through meta-tags inside the body. Is that on purpose for some reason, like a requirement for working with one of the libraries or frameworks? Those are usually imported in the head of the document, as a semantic best practice, and might improve the readability of the code.
3. Cleaning up id's you don't need
I ran DOM Monster, a analysis tool for website efficiencies, and it's saying you have a lot of id's here you're not using. I think you may be using a CSS preprocessor on this project, do to the way the CSS rules are organized. Utilize it's ability to split the CSS into small, readable chunks, and then try to factor down the id's and classes you're not using. It will improve browser performance for you and prevent some unforeseen behavior.
4. The grid system and responsiveness
Sometimes, in changing the size of my window, I'm losing some of the clarity in your grid structure, things aren't aligning right, or I'm getting elements that accidentally overlap with neighboring headings. Sometimes it's as simple as a clearfix, or if you're using bootstrap, switching the size of grid elements from md to sm, or something along those lines. Again, this would be a lot easier to track down without so many outside stylesheets dropping hundreds of rules in on top.
It's a really good looking website, Sagar, and I wouldn't get crazy about going back and changing a lot. But you might want to simplify for the next project, decide on a few well chosen resources, and stick to working around those. A lot of what you're dropping in could be done with a little CSS rule or two and a few lines of well thought out javascript, and the site would be infinitely more maintainable and faster. I could be wrong, but if I am, it's still not harmful advice for the next project. This one's impressive and looks good, though. I hope that was helpful and good to hear, and Happy Coding!
Nicolas
Sagar Suri
6,043 PointsThanks for such a great review and I completely agree with your points and will start working on it.Once again thanks a ton.
Saad Khan Malik
25,199 PointsHey Sagar, Good Job, on the site
I like the layout of information.. its simple and clear
like the use of a little parallax
Here are my recommendations
Need to up-date the design Ideally one should be designing with a concept in mind (like flat, minimal, rustic ,etc design). It shows that the company is future forward yet in sync with times.
Mix and Match I don't know if you have noticed ... some of your icons (ie top-arrow) are flat designed, where as technologies section isn't... this creates a sense of confusion for any viewer.
Color Scheme In the header your using white and blue... on footer its white and grey... and then there are some sudden red buttons and B&W icons...
Typeface For your interactive buttons/text your need a bolder typeface(font)
Issues I don't know if its just my screen but your icons look like they have a black border, this isn't soothing at all.
In General
I suggest that you read up, or browser element on flat design and minimal design.
Second to unify your icon pallet I'd suggest you incorporate a web app called Fontastic to manage, update and customize your icons, rather than using plain old svg's
Keep working on it... its little to early to call it finished (in my opinion). Good Luck
Sagar Suri
6,043 PointsThank you so much for such a great and detailed review.I will completely work on those things which you have mentioned.Once again thanks a ton.
Sam Baines
4,315 PointsI've only had a quick look Sagar but one glaring omission to me for the UX part of your question is the lack of an actual contact form - I can see you have put the details for contacting the company their but an actual contact form would make it much simpler for a potential client.
Sagar Suri
6,043 PointsThanks a lot bro for spending your precious time reviewing my site..I will surely add a contact form.
Sagar Suri
6,043 PointsThanks everyone for spending your precious time reviewing my site.Each and every point you guys have mentioned is an eye opener for me..For me every answer is the best.But I need to select one.So please excuse me on this part.Once again thanks a ton guys.
Sagar Suri
6,043 PointsSagar Suri
6,043 PointsThank you bro for such a a detailed review..ONE QUESTION: how is the design of the site? Is it attractive or needs a change ?
Jacob Mishkin
23,118 PointsJacob Mishkin
23,118 Pointsattractive, is VERY subjective word. In my opinion it looks standard, which is a good thing. I think the goal of this site is to be strong, confident, experienced, and trustworthy. These are the key words I think you should be using to describe this site. Its a business site, attractive is subjective, and may not be the best way to think about this site.