http://farm1.static.flickr.com/61/230872827_7b2a9ba949.jpg

Image by Stuck in Customs.

Every month this series is tracking the latest design trends and collecting the best examples of modern web designs. Here is the list for December 2010 with almost a 1000 links from 30 aggregator posts:

Design, uninterrupted #120

January 2nd, 2011

Today’s post highlights the design of NomadGraphs.com by Mathias Brouilly. Precise geometrical patterns and shapes drive the visuals. Monochrome icons with simple and strong shapes; thick pinstripes and large dots used on the section headers, main logo and the contact form; typography-driven slideshow across the top part of the page – all of these guide the eye through the various content sections on this single-page site. The color palette of brick orange, light brown, pale olive and ivory is repeated in a thin repeating stripe running across the top edge – a recently popular trend that made a few appearances in this series.

On a less positive note, the pale olive is used for links as well as italicized text, adding uncertainty about what is and is not clickable. In addition, each section seems to have its own column layout. Even with strong vertical lines connecting each section content with the matching header and well-maintained visual balance inside each section, the overall impression is a little messy and disorganized.

Design, uninterrupted #119

December 28th, 2010

Today’s post highlights the design of MumMade.co.nz, an online store for home-made baby products (design by PixelFusion). Soft pink-brown color palette joins the attractive selection of fabric-inspired textures and illustrations to create an inviting browsing experience. Individual product pages use a carefully crafted item selector, while category pages employ attractively spaced and nicely framed product thumbnails.

Muted pink is used for the hyperlinks, and the site uses the thin serif Archer Light for headers / navigation links and handwritten Bowfin for the social icons. The “About” page uses a professional photograph to create a deeper personal connection which is further reinforced on the “Thanks” page.

On a less positive side, the auto-advance slideshows on the home page are just too much. There are three slideshows, each one with its own cycle. The top one has a ticker that allows manual navigation, but the bottom two are not very usable – there’s just too many transitions with very little control provided to the end user.

Design, uninterrupted #118

December 25th, 2010

Today’s post highlights the design of Pizzaza.ca, the home page of a local restaurant and wine bar. While home pages for most restaurants choose to use warm saturated colors and vibrant close-up photographs of signature dishes, this site uses a desaturated sepia full-bleed snapshot of a young lady writing the menu on a chalk whiteboard. This scene effectively creates an atmosphere of a warm, ambient, non-corporate and relaxed environment which is further illustrated by the picture gallery. A translucent dark strip extends across the top part of the screen and hosts stippled icons leading to the wine selection, menu entries and other sections; note how the icon style is connected to the chalk whiteboard in the background photo.

Full-bleed background pictures are used on other pages, such as wine selection or employment, but the charming simplicity of the home page is lost in rather garish floating rectangular boxes. Furthermore, these boxes feature completely unnecessary sliding animations that don’t add anything besides full view of the background.