Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

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


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!


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


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