• Need Hosting? We highly recommend Bluehost
  • Built by: Michael Suen
  • Template? No, this is a custom built website
  • Reviewed: March 4, 2015 by Rob Hope
Private Video Feedback
Private Video Critique - get a 15 minute analysis of your One Pager or Landing Page covering design, code, performance & more 💬

Who Is Michael Suen?

Responsive One Pager for designer, Michael Suen, featuring an awesome load transition in a multi-layered cityscape illustration. Cheers for the good build notes below.

This is a redesign that's been long overdue. Illustrated and coded in fits and bursts over a year, my personal website serves as a laboratory where I can play with design, as well as a landing page for attracting new client work. Inspired by Campo Santos' website for their upcoming video game Firewatch, I modified my own website's hero image to employ a similar parallax effect. I split my illustration into multiple layers that move at different speeds as you scroll. The result is a landscape that seems almost three-dimensional as you scroll. These kinds of additions excite me for the future of art and code intersecting on the web. The website is built with HTML, CSS3, JavaScript, and jQuery. It utilizes the responsive Skeleton boilerplate, Animate.css, Typed.js, and Waypoints. As someone who's primarily a designer by trade, this website was a enormous challenge to code. Patience, coffee, Stack Overflow, and the occasional design compromise won out in the end.
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.