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.

Denys Mishunov

Colorful One Pager with loads of personality for developer and speaker, Denys Mishunov. Note the neat adaption to vertical stripes on mobile. Cheers for the build notes!

When it comes to building this site, there were a lot of things put into consideration here but the main thing was to have it a bit unexpected and unpredictable. Hence the transitions when navigating from a section to a section using navigation menu. Doesnโ€™t happen when simply scrolling.

The site is heavily based on SVG animations with Green Sock library. All the illustrations are custom and done by me.

The technical side of the project is: - pure javascript (ES6 + Babel) - css with postCSS - Webpack is responsible for production build with as much performance in mind as possible - on the server side: HTML2 for better performance - code is hosted on GitLab - the font embedded in the illustrations is also custom-made font called โ€œOneDay Condensed" created by me that I plan to release on some open source platform like Google Fonts later.
Categories: Personal Portfolio
Rob Hope

This One Page website was reviewed by Rob Hope

I started collecting One Page website references back in '08 and just past 7000 - shew! Please tweet or email me for anything - I'd love to hear from you:) Enjoying my reviews? Consider grabbing me a coffee โ˜•๏ธ