Build

http://www.buildwindows.com/

I really dig this splash page for the Build Windows conference series. It’s simple and straight forward but there is also a little magic baked in with the mask like parallax design. We work on a lot of similar type work here at UMS for our conferences and this design and Nishant’s (the designer) post really struck a note with me.

Nishant sums up most of our fears in his great post about “the myth of perfect“.

The concept relied on faking masks in the browser to reveal parts of an underlying image as the user scrolled. With weak browser support for masks, the task proved to be particularly tricky to implement responsively across the target browser stack because of known sub-pixel rendering issues using percentages in Webkit browsers (let’s save that for another day). All in all, despite the apparent simplicity of the design, it turned out to be terrifying to pull off.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

News & Articles

Microinteractions

Microinteractions

Microinteractions are subtle site animations enhancing engagement. They include triggers, rules, feedback, and sometimes loops/modes. Practical uses: improving engagement, guiding user behavior. Well-designed microinteractions boost user engagement and your online presence.