Landing Page Design Tips
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.
Categories: Finance Service
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.