Hacker News new | ask | show | jobs
by mcallan83 4588 days ago
Great site! I like the minimalist look! Here are a few thoughts:

Since you are going responsive, you may want to look into doing a mobile first design. It is a lot easier to get your content looking good on a small screen and then slowly work your way up to a full screen experience. Going from full screen down to mobile is a lot harder. You will end up with more code, and find yourself fighting your existing styles to get things working on the small screen. Since you are using bootstrap, I'd recommend you use the built in grid system to help with this. (I fought grid systems for years... now, I wouldn't build a site without them.)

Another area I would concentrate on is typography. Choosing matching fonts can be tricky. A good rule of thumb is to pick two fonts that really contrast each other. In your case, the fonts basically look the same. Try picking a serif font for headings and sans-serif for body copy or the other way around. Google "font pairings" for more examples. I'd also bump up the body font size a bit and increase the line height. Aim for no more than 10 words per line for the best readability. (HN doesn't follow this and it is a pain reading long comments!) Again, Bootstrap has great defaults for type. I'd recommend sticking with them at first and then tweaking things as you finalize your layout.

Finally, I'd simplify your effects a bit. Every animation should serve a purpose and enhance the user experience. It is fun to dig in and make things move, but if not done properly, they become a huge turnoff. The hard part is making them feel natural and finely polished. Many times very subtle animations do so much more that large ones. Think "pat on the back" vs. "punch to the face". (Not saying your site is a punch to the face.... just repeating some advice a designer once gave me.) As your skills improve, you can add more complex animations and effects that add value to your site.

Overall you did great for your first site. Digging in and trying new things is the best way to learn. If you ever need assistance with anything, feel free to reach out.