LP Usual Defects

Stop the Usual Defects

About six month ago, we launched the first version of Stop the Usual Defects, a microsite for LP to promote the launch of their new engineered wood product, LSL. The concept was to showcase the strengths of LSL by portraying defects in traditional lumber in the style of The Usual Defects. We just reworked the site for the addition of a new trailer, and the redesign is pretty cool. The idea is to look like a detective’s corkboard with strings connecting photos of various suspects, or in our case, sections of the site. We used a new jQuery method to let the user click on the string and have the browser automatically scroll over to the next section. The tricky bit is that the site still works just fine if you disable javascript. It’s a bit of a processor hog, but I’m quite pleased with the finished effect.

Oh, and make sure you scroll down to read the movie credits. Our copywriter had a lot of fun with all the names.

Note: This was originally posted on my work blog, and I’m re-posting it here for archival purposes.

Detroit Diesel Redesign

Detroit Diesel 2008 Redesign

About a month ago, we launched the new Detroit Diesel redesign. We were working on this site when I was first hired at Pop Art, and while I’m proud of the code we wrote the first time, our standards have evolved a bit over time. The opportunity to revisit the site and kick it up a notch was very exciting.

The design team and I worked closely on a bottom-up approach, where we put a lot of effort into the templates and underlying grid structure for all pages. By focusing on these aspects of the site first, rather than designing the landing pages and then interpreting those designs for all the other pages, I think we got a more coherent look to the site. Plus, the grid that was built into the pages made it extremely simple to float photos and charts into pages without having to write complicated page-specific CSS.

In addition, our copywriters rewrote all the content on the site to better match the brand’s tone of voice. Combined with the new black-and-chrome color scheme and prevalent use of large images, and I think the new site really packs a punch.

Note: This was originally posted on my work blog, and I’m re-posting it here for archival purposes.

An Event Apart Seattle: Liveblogging the Event!

Eric Meyer

We’re here! It’s 8:50, and the big screen is showing a slideshow of photos that they guys must have taken yesterday when they got into town. The conference room is really nice – slightly elevated rows as you move back in the room, with Aeron chairs at the desks for each row (no power for laptops, but there’s free wi-fi). Up front is a podium, and a table with two mac laptops and the video switchbox for the projector. I just waved at a guy I recognize from last night. Zeldman was personally supervising the lighting earlier, getting the light dim enough to focus on the stage, but still let you see your laptops (funny that’s he’s so hands-on running things – and he really is shorter than you would expect). Continue reading