at MAKE Digital
Animated interactions guide non-techie users (i.e. construction workers and managers) throughout the site.
Everything was designed from scratch, from blog filters to global nav menus.
Varco Pruden, a division of BlueScope Buildings North America, is an extremely accomplished, respected construction company based here in KC, and they asked MAKE Digital Group to build them a website that said as much. This was a custom design built with little touches to let the client and users alike know they weren't browsing some cookie-cutter, out-of-the-box template.
Those little touches included cutting into the sides of basic elements to harken to the angle of the "V" in their "VP" logo, and layer sections on top of one another so that they evoke the same basic pattern as the steel beam roofs Varco Pruden builds so well.
I design "medium fidelity" wireframes, in that I intentionally avoid all decisions around colors, fonts, or graphics by utilizing the exact same library for all wireframes. That way, the client can focus first on content blocks and layout, without being distracted by nitpicking the shades of a blue gradient, or the size of the H1s.
Large blocking allowed for things like headers to be offset to the side instead of always above, making sections more interesting to users.
You won't find too many vertical lines on the edges of these components. V for Vendetta? More like V for Varco...Pruden.
For real, though: angled lines all over the place (by design—they loved it).
