Six Keys to a Successful Project Kickoff

A successful project kickoff is far more than the sum of its parts. There are so many ways a kickoff workshop can fail, regardless of the set of activities you put together. If a workshop doesn’t connect with a client or isn’t successful in stimulating trust in your ability to deliver, you’ve failed. If you strengthen the client relationship but fail to gather requirements or deliver value through the workshop process, you’ve failed.

Read more on Six Keys to a Successful Project Kickoff…

Becoming a Designer in the Real World – Things I Wish I’d Known

In late March, I was kindly asked by a student IxDA chapter to speak to their class. I toyed with what to talk to them about. Just five short years ago, I was in a similar seat that they are in now—graduating from art school.

I decided that instead of talking to them about specific UX practices, I would talk to them about things I didn’t do very well in the last five years. Things I’d go back and help my 22 year old self get better at. Then, I talked to them about some things I’m focusing on now in my day to day work. Read more on Becoming a Designer in the Real World – Things I Wish I’d Known…

Creating a Design Inspiration Archive

One exercise I’ve been doing for at least 8 years now is collecting media that intrigues me. Every day, I visit a few sources on the internet or stumble across content that introduces me to a new ideas, beautiful pictures, great layouts, or amazing typography.

I have collected over 4,210 pieces of media into folders on my computer. That turns out to be over 1 piece of media every day for the last 8 years. This post dives into why I find the collection process therapeutic, meaningful and important. Read more on Creating a Design Inspiration Archive…

Creating Image Overlays with CSS Multiple Backgrounds

A common technique in web design is to use a large background image overlayed with a translucent color and text. Often used for splash screens and headers (“hero images”), the color overlay creates a better background for text, while being much more visually interesting than a solid background color.

Our blog and website use a variation of this technique in our footer (see the bottom of this page) to draw attention to our work portfolio. Read more on Creating Image Overlays with CSS Multiple Backgrounds…

Using Video to Share Your Design Ideas

I was recently on a project that required a fair amount of remote design reviews.  In this case, the designers were often asked to submit their designs digitally and did not have the luxury of presenting their work in person. The client would review the designs at a later time and get back to the designers with feedback. Read more on Using Video to Share Your Design Ideas…

Dazed & Confused: How to Keep Your Clients in the Know

Ever had a confused client? Not double-shot-of-espresso confusion, but the “what’s a wireframe?” or “why are you spending all my money?” type of confusion. You can offer them lightning-fast shots of clarity by preparing timelines, defining purpose, and setting expectations. It’s quite simple actually.

Read more on Dazed & Confused: How to Keep Your Clients in the Know…

Why Visual Design is More Than Making Things “Pretty”

Often, teammates who are not designers (by training) will say to me:

Help me make this look pretty. How can we make this look better? I’m not sure what to do here, but what can we do to clean up this screen?

Sometimes designers can be pegged as the person in the office who can make the “pretty pretty” (as my fellow designer Brittany coined it). There are times where I am both flattered by this, but I also find it difficult.
Read more on Why Visual Design is More Than Making Things “Pretty”…

How to Add an XL Grid Size Option to Bootstrap 3

We’re using the Bootstrap framework on a current project, and we ran into an interesting problem this week while trying to design for extremely large screens. We found there to be too large of a gap from the col-md-* to col-lg-* to easily scale the design when using the Bootstrap grid system in a fluid layout. Read more on How to Add an XL Grid Size Option to Bootstrap 3…