Posts Tagged ‘design process’

May 8th, 2013

Ocean’s Eleven Design Process: From Back of the Napkin to Movie Poster

Are you ready for this year’s Bigger Picture Show? This is my third year to be included in the annual fund-raiser for the Indianapolis International Film Festival, and this year I was lucky enough to get to re-imagine one of my favorite movie posters, Ocean’s Eleven.

If you’re in Indianpolis on May 10, be sure to check out the hanging show at Big Car.

bps-header

Designing a poster isn’t as easy as it may appear. Much like designing a logo, we always aim to simplify an idea down to it’s most pure form, removing anything that doesn’t belong. And one of the best ways to do that is to start with a sketch.

So, in what seemed very fitting for the film, my poster design began with a few sketches by Brian K Gray and I, on the back of a few hotel napkins. When I’m sketching, the number one thing I’m trying to flesh out is the visual concept. In this particular case, using the olive spears in a martini glass to spell “11″ was at the heart of the concept.

cocktail-napkin-sketch

At this point I was ready to bring the concept into Illustrator, to begin work on the scale and shape of the graphic elements. In this phase, you may notice I’m not too concerned about style yet. This is more of an extension of the sketch. Does it work on screen as well as it did on paper? How might the colors work together?

(more…)

June 28th, 2012

App Press: Designing UX for Designers

Miles Design was engaged by the team at App Press to help design and wireframe the user experience (UX) and user interface (UI) for the latest version of their software.

App Press allows its users to create custom apps for Android and iOS without writing (or even understanding) a single line of code. It was developed with designers and creative agencies in mind and allows the designer to work from a blank slate, much like you would in Adobe Photoshop or Illustrator. It’s unique because, unlike some of its competitors, it’s not tied to Adobe Photoshop or InDesign. You can build your app from scratch and even preview it on your mobile device as you build it by using the App Press Preview App.

Dashboard Wireframe

We kicked off the project with a series of meetings with the App Press team to learn as much as we could about the goals and requirements for the software. Because App Press is specifically geared towards designers, it was extremely important that the software be both visually easy to navigate and simple to understand and manage. The user is able to dive right in, as they would in any other tool they work with on a regular basis. It’s familiar to them.
(more…)

February 4th, 2012

How the Porsche 911 Design Reminds me to Ship.

I’m addicted to the BBC TV series, Top Gear. I’m not sure if it’s the dry humor, the amazing cars, or simply the British accents that make the show so delightful. Whatever it is, I’m addicted.

Last week I watched a rerun of this 2007 episode, featuring the Porsche 911 GT3: a stripped down, no-frills, raw power, sports car.

Starting at 1:45 in this segment, host Richard Hammond explores what a “daft” idea it is to design a car with an engine in the back. Yet after 40+ years of designing 911s, German engineers and designers are showing no signs of moving the engine forward.”It’s like building a pyramid with the pointy bit at the bottom… that should be rubbish.” (more…)

February 6th, 2011

Behind the Redesign: MilesDesign.com

Just before the New Year, I was thinking about all of the “little tweaks” I wanted to make to milesdesign.com. At that time, our current website design was only about eight months old. Although I didn’t intend to generally alter the look or feel of our site, I couldn’t help but see opportunities for improvement. A few hours later, those “little tweaks” turned into a full-scale redesign.

Miles Design before and after

I moved into “rapid prototyping” mode, quickly exploring grid and layout options within the existing brand identity system, landing ultimately on a new 6-column grid.

Here’s a quick rundown of many of the design changes we made, why we made them, and some of the technical improvements achieved by redesigning our own website. (more…)

November 9th, 2010

Project Burndown: Work. Flow.

Project Burndown is a SaaS based web application designed and developed by Expected Behavior to help manage your company’s projects, profitability, and work flow. Its unique in the project management world because it integrates with many of the other SaaS programs you’re likely already using for time tracking, billing, and task management–providing one, comprehensive tool for managing your work flow and profitability. You can manage your projects from quote to deliverable, but the real rock star is the real-time work-load graph that helps you forecast days, weeks, or months in advance. It’s awesome!
(more…)