I have just finished work on a new website for landscape architects, Novell Tullett.
It is a simple one page site with content presented in a neat arrangement of nested accordions and flash driven image galleries.
The new online presence of digital and branding agency Method contains a wealth of information and some great case studies housed in an intelligently structured site – altogether a stunning example of HTML/scripty goodness.
Loving the retro feel and full screen grainy video backdrops to Goldfrapp’s new website.
You have to hunt a little for the navigation which ain’t gonna score any points with usability diehards, but heck… it’s a charming site nonetheless.
The Web Standards Design + Development group on LinkedIn is a new social network group for web standards designers and developers — it’s aim to form a strong network of individuals who have taken the initiative to become craftsmen of their trade.
More background can be read here on Airbag.
I have criticised Monocle magazine in this blog for it’s editorial but there is no denying it is a beautifully crafted publication with immaculate attention to detail in its layout and stunning use of photography. It also uses illustration to great effect and its infographics are beautifully conceived. All this has been faithfully reflected in the online version of the magazine — it certainly does not disappoint from an aesthetic perspective.
The man responsible for this, designer Dan Hill, has given a comprehensive account of the process behind creating the Monocle website in a lengthy blog article so grab your favourite beverage, kick back and read all about it.
My only gripe would be the decision to use images for text headings — whilst admittedly Plantin is a lovely typeface and I can see the reasoning from an aesthetic point of view it must be a bit of a nightmare in terms of content administration, not to mention the accessibility and SEO implications — surely these are valid reasons for use of sIFR.
Digital agency The Barbarian Group have launched their new site and it sure is a triumph. Here is a site from an agency that truly understands the web and knows where it is heading. Their once beautiful database driven flash site has been replaced with one that showcases the beauty of tightly engineered HTML and CSS.
With this site they have saved the flash and graphically rich work for the portfolio and tapped into the zeitgeist of the fundamentally new ways that businesses can communicate with employees and customers through social networking, rss, blogging, mashups and content aggegation. Rich as a fruit cake and alive with dynamic content it is essentially a mega blog built onto a multi-level publishing platform.
Each employee has their own blog with posts bubbling-up to the main Barbarian Blog and the most important information presented to the Barbarian Homepage. A topical-taxonomy process aggregates content around various topics to give many different windows to content. Running alongside a fully-integrated, custom-built project management platform the site also taps into the agency’s sales, production and staging systems avoiding the need to enter the same information into multiple databases.
Despite the wealth of content the site is structured within a tight grid making it easy to read and navigate. Minimal visual clutter gives more time to scan through what’s important and less time is wasted on animation and superfluous decoration.
It’s all clever stuff and whilst it has divided the design community becoming the web equivalent of Marmite, it is a showcase that illustrates an understanding of the principle that a successful online brand experience is more about openness and transparency in your interaction with clients and less about simply a cool logo and whizzy graphics.
Ten great scripts for sites that are tight on space or for navigation where lots of options are needed.
Good article here by 37 Signals challenging the common misconception of the front end designer in the web development process as merely someone who paints the application pretty in Photoshop.