News

Site of the week: Guillaume Bouvet

The finest skills in carpentry are rendered in HTML with a polished portfolio for this French craftsman

Screen-shot-2015-01-14-at-16.51.05

Screen shot 2015-01-14 at 16.51.05

URL: guillaumebouvet.com | DESIGNER: www.rezo-zero.com

Ever wondered what a website might look like if fashioned out of a nice piece of pine or slab of mahogany perhaps? Terrible, it wouldn’t work obviously. However it seems that HTML and CSS are rather better at showcasing wood-based engineering if this URL for carpenter Guillaume Bouvet is anything to go by.

A blend of career portfolio and product brochure, the site immediately defines the context with big, bold background imagery. The JPGs of cut logs and wood grain exude an artful approach to the craft and the recurring motif of a half and half split-screen styling sandwiches beautifully shot photography together. This not only provides an immediate vivid depiction of Guillaume’s work, guiding visitor attention, but also echoes the nature of his philosophy. Even his branding and iconography are about reinforcing the two sides of being both carpenter and designer.

“The website is totally consistent with the furniture I create – pure, timeless and premium,” Bouvet elaborates. “My icon represents the dual sectors of my company.” It would seem then that designers REZO ZERO, the Lyon-based agency featured way back in issue 213 of Web Designer, has followed the brief. By keeping things subtle while weaving in dynamic elements utilising jQuery plugins TweenMax, scrollTo and waitforimages, the design never overshadows the work. A fabulous example of function following form!

g02

The Press section introduces animated capital letters for each entry to help keep the users focus

g01

Project screens are split in two to give visitors more choice. Once again smooth animations introduce each project

×