We at nclud "create unique, stylish and usable designs for the web utilizing industry best practices and forward-thinking methodologies"; at least that is what we do for our clients. For any agency, or designer for that matter, your own web presence seems to always get second priority, leaving it far removed from the perfection you often demand of your work. We are no exception and we’ve spent the last two months re-aligning nclud.com to better reflect our definition of unique, stylish and usable.
The previous design went up exactly two years ago today. Much has changed in the past two years. Our portfolio has grown, our team has grown, and our studio space as grown – even the industry has grown, the iPhone was just a nerd's dream in late 2006. While we love our original design and it continues to be copied to this day, the more we grew the more we grew apart from it. We never had any intention of redesigning our site – our style, tone, messaging, aesthetic; our brand is something we’ve established and work to build upon, not change. While aesthetically our new visual design is different from its previous version, it is very much the same.
It is with great pleasure that we introduce to everyone our new and improved web presence at nclud.com.
The Approach
The objective was simple, to create something that felt like ours. As any designer knows, it can be a struggle to be unique on the web; anything that’s created can most likely be compared to some degree to something already existing – assuming that you’re creating for an intuitive user-experience. We didn’t strive to be different for the sake of being different, we sought out avoid popular trends and focus on a concept that did nothing more or less than just feel like our brand personality. The most significant change was going to a larger layout and displaying more content; focusing now more on our growing portfolio, our growing team and our growing list of happy clients.
The first iteration of our website was designed and built specifically for who we were at the time, a very small group with a very small portfolio. And when we more than double in size again, we’ll probably be rethinking many of our decisions made today. Our goal was to keep our essence the same, just introduce changes required to accommodate who we’ve become; to design and execute an elegant re-alignment.

More Expressive with ExpressionEngine
The newest version of nclud is of course as beautiful in the code-behind as the front-facing aesthetic, if we do say so ourselves. We are rocking HTML 5 with a bit of jQuery and keeping our love for CSS and front-end development as clean, semantic and magnificent as ever; all completely powered by ExpressionEngine.
In late 2006 there were a variety of Content Management Systems for powering content-light websites; but we loved and advocated for the textile based TextPattern. MoveableType has its complications; WordPress and ExpressionEngine were not yet where they are today and we were never that impressed with Joomla or Drupal. While there is still a space in our heart for TextPattern, the evolution of ExpressionEngine over the past two years has made it the perfect fit for us, and for many of our clients. That, and we can’t wait to get our hands on ExpressionEngine 2.0 when it is finally released! While it is something seldom seen by the public, one of our primary objectives was to ensure our site was as intelligently constructed as the sites we develop for our clients. Ensuring everything is powered by the CMS in an organized and dynamic fashion, even our mobile version.
Web Design To-go, Going Mobile
Our analytics might not yet be reflecting it and our client base might not yet be asking for it, but the mobile web has become an important part of our industry and most definitely a fascination of our agency. Every member of the nclud team has an iPhone and we can’t honestly remember life without it (nor do we wish too). While we often preach about designing for the user-experience, the reality is that we must always keep in the mind the brand-experience. We put a special focus on ensuring our mobile version was optimized for the user-experience but kept the brand experience in sync.
The mobile web is redefining itself every day; Apple’s iPhone and Google’s Android are leading that change in a significant and growing fashion. In late 2006 there was no norm with respect to the “mobile web” (the once popular Blackjack wasn’t even on the market yet), but now 80% of mobile web traffic comes from a device with less than 20% market share; the iPhone. And this happened simply because they didn’t make getting to the Internet easier on a mobile device, they made the experience better. As the significance of the mobile web increases, so does our desire to accommodate for it. The latest iteration of our web presence has an optimized experience specifically tailed for the mobile web. Much in the spirit of the iPhone; we didn’t simply make our site easier to get to on a mobile device, we made the experience better. By tapping into the powerful dynamic nature of ExpressionEngine, we ensure that the content delivered to a mobile device comes from the same place as the a standard desktop view, but perfectly optimized; from shorter more direct content to smaller more optimized images, the experience is specifically tailored. We design for the most powerful of mobile devices and utilize graceful degradation to further optimize the experience to accommodate all.
And, launched!
We kept brand integrity top-of-mind while ensuring an elegant user-experience. Take a look around and let us know what you think!






Jon Chretien
March 4th 2009
Great work as usual guys, love the new direction. The iPhone version looks amazing too.
Martin Ringlein
March 4th 2009
Thanks Jon! Always appreciate your support. We are pretty excited about the iPhone version, we try and make the site as easy (and fun) to use.
Ryan Merrill
March 4th 2009
Great redesign, guys. Everything flows together quite well. Although I’ve had some minor problems in Chrome.
But other than that, congrats.
James Fleeting
March 4th 2009
Looks sweet guys. Always amazing work. Looks good on Android as well. :)
Maarten Verbaarschot
March 4th 2009
Very inspiring design, once again. I especially like what you have done with the “about” page.
Peter
March 4th 2009
Fantastic work, as usual. Very inspiring, makes me want to redesign our site right away!
Michael Dick
March 4th 2009
Jon, thanks for the kind words…we are all really excited and hope the realign, including the iPhone counterpart, becomes inspiration for everyone.
James, nothing looks better on the Android, sorry for the disappointment :).
Patrick Haney
March 4th 2009
I don’t really need to say this, but you all did a fantastic job. I just spent 10 minutes browsing the iPhone version of the site because it’s better than any other mobile site I’ve seen in months. And props to Alex for making sure that the new “realign” stayed true to the current nclud brand, because I still feel at home here on this fancy new website you have.
Juliana DIaz
March 4th 2009
Wonderful job you guys! I have been looking at the site on my iphone and i am incredibly impressed ! The small and not so small changes are all welcomed additions to a very complete site! congrats !
Victoria Pickering
March 4th 2009
Love your revamping of the site - especially like the way that you changed the site but kept the brand personality intact.
And, like everyone else says, the Iphone version is great!
David DeSandro
March 4th 2009
Well done to the nclud team! The new digs look great, and as you emphasized, this is a superb example of a successful re-align, as opposed to a complete makeover. I’m really attracted to all the subtle gradients put into practice.
Now for the nerdy bits:
HTML5 Looking at the code, I see you have the doctype set, but I don’t see any use of the new elements (<section>, <header>, <aside> etc). Instead, it looks like used them for class names instead, a la Andy Clarke. I’m curious—any reason not to use the new elements?
opacity: .99 I’m also interested in the choice to use 99% opacity for body copy. When I was looking at the site on a PC, the effect on the anti-aliasing was fairly pronounced.
Min Tran
March 4th 2009
The redesign/realign is so beautiful. Congratulations! I love the “About” page :)
Antoine E Butler Sr
March 4th 2009
I’m gonna beat a dead horse, and say “I love it!”
Honestly, you guys did a bang up job. But I must say, the the 1024x768 version is nice, but the iPhone version is awesome. Now I know what Mike’s been spending his sleepless nights on.
David, I think* it’s to be safe and play nice with IE6 which doesn’t fully or natively support all HTML 5 elements. Please correct me if I’m wrong, Martin.
Erik Sagen
March 4th 2009
Beautiful.
iPhone version is lovely and represents your identity perfectly. As Patrick mentioned above, the evolution is solid and stays true to the design before this one.
My only suggestion: It does need more unicorns.
Alex Giron
March 4th 2009
@everyone thank you! glad to see the design is being well received.
@Desandro Dan Drinkard the architect of the code may be better served to answer your question, it might need a blog post :)
@Erik unicorns will be part of phase two of this re-align ;)
Dan Drinkard
March 4th 2009
@Dave, thanks for your compliments!
Long story short here (I’ll write something longer up soon), we really wanted to use HTML 5, but weren’t ready to totally jump off the deep end with the new elements. IE 6 is not the only browser that doesn’t play well with them; IE7 also requires the javascript hack to apply css rules. By meeting the two in the middle, we get improved semantics while still degrading gracefully.
Regarding the opacity on paragraphs and list items, It’s done primarily for aesthetics—at the contrast level we’ve got, Firefox does nasty things with anti-aliasing. I’m curious as to what kind of PC setup you’re on; I’ve tested everything I can get my hands on and don’t see any difference I’d call pronounced.
Nguyet
March 5th 2009
Congrats on the new re-align! You guys rock!
Martin Ringlein
March 5th 2009
Thanks to everyone for all of the comments! Really happy to hear it being so well received. We put a lot of time into it and I hope it shows, really a team collaborative effort!
Geof Harries
March 5th 2009
Hot, hot, hot. The form fields look extra spicy, in particular.
Viking KARWUR
March 5th 2009
Congratulations for NCLUD…
Firman Firdaus
March 6th 2009
Very slick. Congratz!