Need Hosting? We highly recommend Bluehost
Broken link? Please Email or Tweet me
Built by: Eden Creative
Built using: WordPress
Template? No, this is a custom built website
Reviewed: October 20, 2014 by @RobHope

Landing Page Design Tips 🖌
These 10 tips form the most common feedback I give users wanting to improve their Landing Page design.

Erickson & Associates

Clean corporate feel in this responsive One Pager for financial services firm, Erickson & Associates. I really like the footer section with a minimal contact form design against a forest background. It’s a pity the Timeline section gets hidden on mobile but cheers for the detailed build notes below…

This particular one page build utilized a few intensive css3 transforms to achieved the one-sided skewed lines. When using 'transform: skew', it skews both sides of the element, therefore skewing one side is a bit more tricky. To achieve this we had to apply a :before pseudo element, apply the transform to skew it, then to hide the other end we utilized some positioning and z-index. It's also difficult to achieve this on the responsive versions so we had to target specific breakpoints to get the desired results.