Entries in Logos (17)

Friday
Aug262011

Madison Ruby Logo & T-Shirt Designs

IT'S ALWAYS FUN to see a logo and t-shirt design in use. Last weekend I had the pleasure of paying a visit to Madison Ruby conference, where the logo I designed and t-shirt I illustrated were in heavy use.

Here are samples of the logo and shirt graphics:

Madison Ruby Logo Madison Ruby T-Shirt (Ashe)
Madison Ruby Pin & Sticker

I've created a Flickr set for Madison Ruby, with all of my sketches and in-progress vector art if you're curious how a logo is created from concept sketch to final art.

Madison Ruby Logo Sketches Round 1

Thank You

Thank you Jim and Jen Remsik for the opportunity to help brand Madison Ruby. I had a great time working with you and heard great things about the event.

Well done!

Photo: Ashe Dryden

Wednesday
Feb042009

Winterblast 2009 T-Shirt Design

I've just received a box of freshly printed t-shirts I've designed for Winterblast, our church youth group's yearly winter retreat. As with the 2008 t-shirt design, I'd like to share a little more about the design process along with imagery of the final design.

Maintaining the Winterblast Identity


Since 2007, I've been working with a few constant specifications when designing the Winterblast t-shirt — a solid color, long sleeve shirt, white ink Winterblast 2007 & 2008 T-Shirt Designson the front only and a stylized wintertime animal in the artwork.

For the 2007 design I created a snow monster with two broom ball sticks on a navy shirt to start this series. In 2008, I chose a polar bear with a winter hat and sunglasses on a forest green shirt.

For 2009 I selected a penguin on a snowboard as the cold-weather animal to stylize for the shirt design.

Sketching the Snowboarding Penguin


With that general direction in mind, and the word FOLLOW as the 2009 theme, I began sketching ideas of penguins on snowboards, flipping over the typography:

winterblast-sketch-500.jpg

Tom the youth pastor wanted simplify the FOLLOW type so the double LLs wouldn't tuck together, and we both agreed that having the FOLLOW type tilting downhill (rather than uphill) with the penguin grabbing air over the type worked best.

Color Mockup


Next, I prepared a color mockup for Tom in Adobe Illustrator, to show how the design would appear on an indigo blue long-sleeved t-shirt:
Winterblast 2009 T-Shirt Design
The font used for FOLLOW was based on Oxide Solid Light, with the strokes of the letters bolded manually, a customized W to match the style I wanted to see, and a custom explanation point added to round out the typographic details.

Tom liked this look and shirt color, so I sent shirt sizes and final artwork to MJM Screen Print & Embroidery Studio in Menomonee Falls, Wisconsin for final printing.

Finished Design


The final, finished design turned out great, and I especially love the indigo blue shirt color, which fits in well compared to the shirts from 2007 and 2008:

Winterblast '09 T-Shirt: Full Graphic 3

Winterblast '09 T-Shirt: Full Graphic

Winterblast '09 T-Shirt: Penguin 3

Once again, the shirts turned out well, thanks to the great work by MJM on printing. I'm looking forward to handing these out to our students at Winterblast this weekend.

Friday
Dec192008

Bullfrog Touch Logo & iPhone UI Design

outer-level-logo100.pngIn May 2008, Jon Trainer of Outer Level software came to me with a then confidential project — designing an icon and a UI screen for a top secret iPhone native application called Bullfrog Touch.

I've worked with Jon for years — designing the Outer Level logo, and creating an icon for LicenseKeeper, so I was happy to help translate his popular Mac OS X app Bullfrog to the iPhone.

Bullfrog Touch Logo Design


The first challenge was creating a new logo for the Bullfrog Touch application. I needed to incorporate the existing Mac OS X Bullfrog cartoon icon, created by Jordan Langille and adapt it to the iPhone. With the bullfrog icon on the left I chose Arial Rounded Bold for the Bullfrog font, applying a bright green glow in Fireworks.

Bullfrog Touch Logo

In the open space to the top-right of the Bullfrog text, TOUCH fit perfectly. I stayed with Arial Rounded Bold in all caps, adding jumbled alignments to visually suggest a bullfrog's jumping action and for a bit of contrast.

Bullfrog Touch Score Screen UI Design


Next challenge Jon needed help with visually was the scores screen. Jon had a rough idea of what he wanted, provided in a mockup screenshot I could use for reference:

Screenshot-Original.png

Using Jon's sample as a rough starting point, I began researching screens on my iPod touch and online, to see how Apple and other developers had dealt with UI elements, fonts, colors, sizing and so on. After the research phase, I built a mockup in Fireworks, right on top of Jon's original sample screenshot:

Bullfrog Touch Scores UI Design

My goal was to make the scores screen clear, easy to read and use, while maintaining look and feel of the new logo into the UI design.

Jon was happy with the results, using the mockup and exported files as a reference for the final application UI. The colors and button styles and some of the elements were changed, resized and tweaked, but are still pretty close to my mockup.

Here's my original mockup next to the the final Bullfrog Touch scores screen:

bullfrog-touch-mr.pngbullfrog-touch-final.png

Conclusion? That was fun, I want to do it again!


It was an interesting and enjoyable challenge working with Jon on this iPhone UI design project. I look forward to helping others on future iPhone app projects to keep exploring this fascinating new UI design space.

Bullfrog Touch was chosen as one of the best iPhone/iPod touch games to give as a gift, in the TidBITS Gift Guide 2008

Jon Trainer has a post about the design process on his company blog.

Thanks Jon!

Monday
Apr282008

Web414 Stickers

Web414 Sticker (Rounded)Recently, I was invited to try PSPrint printing, by marketing manager Trisha.

For a while I've wanted to create stickers for Web414, the local Milwaukee web design and development group I'm part of, so I sent some EPS art to PSPrint.

A week later, I received a package of 50 white stickers with a 2 color Web414 logo on them, and they look great!

The stickers were designed at business card size: 3.5" x 2" then trimmed above and below the logo. Using my wife's corner rounder from her scrap-booking toolkit, I rounded the corners to complete the look I was aiming for.

I could have gone with a custom die, but since this was a free test run, it wasn't in the budget. If I were running a large quantity, I'd most definitely order a die.

Sticker Quality
PSPrint uses a medium weight vinyl for their stickers, printing the logo in 4/color fade-resistant inks with a 6 months fade-free guarantee, under normal use.

The substrate is tough and resilient, though these are not intended for extreme situations. For heavy duty stickers, check out StickerRobot.com.

Still, for placement on a laptop, notebook or other medium duty applications, I'm very pleased with the results of the PSPrint stickers created for Web414.

Come to the Web414 May meeting and get one free 'til they're gone!

Related Links
Flickr Photos: Squared, Rounded, and shown In Context with a Moleskine.

Tuesday
Feb052008

Winterblast 2008 T-Shirt Design

Winterblast 2007 & 2008 T-Shirt DesignsFor the past several years, I've had the great opportunity to design t-shirt graphics for Winterblast, our church youth group's annual winter retreat.

For 2007, I created a snow monster for the shirt design, and loved how the white ink on navy blue long-sleeve t-shirts turned out. For 2008, I chose a stylized white polar bear design, on forest green long-sleeve t-shirts.

Designing the Polar Bear
To create the stylized polar bear illustration, I used image searches to locate a few reference photos, to help me establish correct proportions and shapes in my memory. Using this reference, I created a front-view polar bear in Adobe Illustrator. No sketches were necessary, as the bear idea had formed in my head by this point.

After several design iterations, I decided to add a pair of black 1960s sunglasses, a winter cap, and enclosed the polar bear within a circular shape.

I explored various type treatments for Winterblast '08, settling on a combo of Helvetica Bold and Medium. The rounded rectangle shape around the type suggests a highway sign — as our group typically has a long road trip North to the retreat.

Printing the Shirts
Once the art was complete, I took my final files to MJM Screen Print & Embroidery Studio in Menomonee Falls, Wisconsin. MJM provided great screen printing and superb service, turning these Winterblast t-shirts around quickly, and with great quality.

Here are a few photos of the finished t-shirts:

Winterblast 2008 T-Shirt Design

Winterblast 2008 T-Shirt Design: Polar Bear DetailWinterblast 2008 T-Shirt Design: Type Detail

I think these shirts turned out very well. I can't wait to pass these bad boys out to the 50 students and leaders going to Winterblast 2008!