• Need Hosting? We highly recommend Bluehost
  • Template? No, this is a custom built website
  • Reviewed: October 30, 2013 by Rob Hope
Screenshot Concierge
Screenshot Concierge 📸 delivers beautiful screenshots of your One Pager or Landing Page in multiple resolutions and devices.

Clint Forrester Design

Responsive One Page portfolio for designer, Clint Forrester, that features the trendy slide-out side navigation we’re seeing a lot of these days.

Hello everyone, I'm Clint Forrester. I like to do: UX Design, UI Design, Branding, Illustration, Animation, Web Development, and epic drum fills.

I wanted to incorporate a side navigation on my portfolio, which is something I don't see much of on one-page sites. In my opinion the top>down orientation of a side nav is more reflective of how one-page sites are organized. There were numerous challenges in getting this to work seamlessly in a responsive design. When designing I always try to remember "Content is king." Since the nav is taking up extra width it will only DEFAULT to visible if a user has a wide enough display to show the content and nav at the same time. At a certain breaking point the content takes priority and the side nav will auto hide by DEFAULT. If the nav is opened and not enough width is available it will float above the content layer preventing any narrow columns. The icing on the cake with this approach is seeing the nav update as you scroll, giving you a 1 to 1 sense of where you are on the page.
Categories: Portfolio
Screenshot Concierge

Impressed by this Retina-Optimized Screenshot?

Screenshot Concierge delivers beautiful screenshots of your Landing Page in multiple resolutions and devices - perfect for a website launch.

Rob Hope

This original One Page website was reviewed by Rob Hope

I started One Page Love back in 2008 and want to keep adding more value. Please tweet or email me with suggestions or any questions.