The cobbler’s kids.

It is always a tough task creating a website for your own company. We do this all the time for our clients, but as a creative shop we always want to be…well…creative. After many iterations, we decided the KISS (Keep It Simple Stupid) approach was best. Get all the good stuff out and available and keep the fluff to a minimum. Really, the problem we were facing was not the look of the site, but the delivery of content.

With that in mind and a blank slate, simplicity became the main goal in the new direction for carbonhouse.com. Building off one of our product sites, venuelements.com, we wanted to keep it uncomplicated, clean and clear, and allow the work to speak for itself. We relied on the typography to create the space, but also improve usability, by providing quick access to all the pertinent information (the good stuff). Taking the single page site concept and amping it up, we used the mootools framework to dynamically deliver the content from our greenhouse content management system and create transitions that aren’t just fluff. These transitions ensure the correct flow of the content to the user and communicate our message.

Design

• Clean, uncluttered design to communicate and focus on work and let the interaction via javascript provide the ‘bling’ or motion
• Single-page format to allow visitors quick access to pertinent information and messaging
• Object-oriented approach to home page spotlight area that showcases recent projects in a less traditional, more unexpected way
• Utilization of sIFR (Scalable Inman Flash Replacement) to present titles and headers in Helvetica Neue Light, which offers a more sophisticated look than the standardized web font palette.

Technical (all the techy goodness)

• A degradable javascript navigation for users with javascript-disabled browsers allows the site to be navigated while also providing search engine-friendly standard hrefs for our links.
• We utilize AJAX calls with the mootools framework to load page content and project details from our greenhouse CMS, thus avoiding page reload.

Accessibility Benefits

Overall, there are a lot of different ways to handle navigation. By incorporating the degradable javascript within our navigation, we have reduced the possibility of viewers not seeing the site as intended, while increasing the ability of Google and other search engines to find our links.

Author: Taylor Nall

Statistics published on Facebook.com show more than 150 million active users and more than 3 billion minutes are spent on Facebook each day (worldwide) with the fastest growing demographic being 30 years and older. The average user has 100 friends on the site and more than 20 million pieces of content (web links, news stories, blog posts, notes, photos, etc.) are shared each month. <http://www.facebook.com/press/info.php?statistics>

Let’s make fists!

Jeffrey Brown, Writer and artist

As a creative design firm, we find inspiration from other creatives. The weekend of June 20-22, the Heroes convention took place in Uptown Charlotte. The Convention was started in 1982 by the gang at Heroes Aren’t Hard To Find —one of the premier comics specialty shops in the country.

Most of carbonhouse attended the show at some point–as well as many other creatives from around town (Shoutouts to Studiobanks and Marty Kelso).

There were many great guests this year, but what always stands out for me is the Top Shelf Productions‘ booth. They publish outstanding, contemporary graphic novels by some dedicated artists.Two favs generally make the trek to Charlotte—Jeffrey Brown and Alex Robinson. These two excel in the little episodes, slices of life stories and I highly recommended you check out their work.

One of the great things about the Heroes Con is the chance to talk with your favorite artists/writers; they can even provide original sketches for you for a minimal charge. Jeffrey had a great idea this year to create convention trading cards. Three of us had our portraits done by Jeff with a running theme. A little back story: last year Mr. Brown created a self portrait for me with him saying “Let’s make fists.” Jeffrey took that theme and ran with it. Below are Jeff’s sketches of us, which assemble a nice strip. Thank you, Jeffrey Brown!

View more photos from the convention here.

Contemporary Graphic Novels that satisfy:

Blankets by Craig Thompson
Box Office Poison by Alex Robinson
Mother, Come Home by Paul Hornschemeier
Epileptic by David B.
Persepolis: The Story of a Childhood by Marjane Satrapi
Sleepwalk: and Other Stories by Adrian Tomine

Carhartt, maker of industrial strength clothing, has a new site design. In order to see it, first you get the chance to “blow up” their old design. From the rubble, the new design emerges. Clever! And it’s viral.

It sure beats the awful old practice of putting up an “under construction” page while a new site is being built (we’ve advised against that many times). Even if your current site is less than desirable, it’s better than no presence at all. Still, it’s fun to celebrate when you do take it down and launch fresh.

Remember, this is an Adobe Fireworks-only tip.

Step 1
Obtain said nasty JPG logo from the web site or client. In this case we will use the Lex Mundi logo.



Step 2
Place logo on the dark background in your layout



Step 3
Turn the logo into grayscale. Either adjust Hue/Saturation under Filters or convert to grayscale (Menu> Commands > Creative> Convert to Grayscale)



Step 4
Invert the logo (Filters> Adjust Color> Invert)



Step 5
Add a color fill (Filters> Adjust Color> Color Fill) and in the Color Fill Dialog box adjust the Blending Mode to Color Dodge. Adjust levels as needed for clarity.



Step 6
Choose the background color as the ground in the logo in the Blending Mode dialog box


That’s it. Hopefully you will receive a vector logo, but this will help when in a bind.

Some of the judges comments included:

“The execution of the green leaf is very nicely echoed in the liquid inside the flask, complete with the white inline.”

“This is a very well-executed logo. The curve of the leaf is a perfect arc to represent flowing water and it possesses great color combination that says ‘environment and modern.’”

“‘Greenhouse’ is well centered between the secondary type and the illustration. If the flash were a bit larger, it would definitely be the focal point instead of being equally important as ‘greenhouse.’”