If we work together, we really work together. Closely, under tight deadlines. And all that implies. So here we are. This is what we care about. Not the platitudes, but the important trends. Our process and how we get results. The ideas that won't let go. Or, opt out of the slow dance and read the summary.

Contributors

Keyword ‘Software’

How to Build a Website

Friday, March 9th, 2012

What is it like to build a website? This is a question with probably as many answers as there are people. I do think there are some phases that are fairly consistent. Watch this entertaining video of the creation of Warby Parker’s 2011 Annual Report and then I’ll explain why I thought it was worth sharing.

This short video demonstrates a pretty realistic process for creating a beautiful website. It also serves to demonstrate the two loosely definable phases of building a website; design and development.

Design

The designer in the video designs in the same software I do, Adobe Illustrator. Whenever I hear that people design in Photoshop I just can’t understand how they do it. The ability to constantly and quickly move things, resizing them on a fly is essential, not to mention Photoshop has atrocious type control. Illustrator’s output is not pixel perfect so I will do some graphic asset prosecution in an image editor. Sometimes that is Photoshop, but recently Pixelmator is taking over. I do as much layout as is necessary to satisfy myself or the client and then move to markup as quickly as possible.

Development

One thing that I think Warby Parker’s video points out is that the person who designed the site also does the development, at least on the front end. More evidence that designers should code. Here’s where things get interesting, the designer is constantly hopping back and forth between design files and their text editor, Coda in their case. For me the design is still taking shape and evolving as I go. In fact I prefer to leave a lot of granular design until well after the basic markup is underway.

Conclusion

It is clear that Design and Development are intertwined. It is most effective for me to not view these two tasks as separate. The disciplines may seem distinct, and in many organizations they are completely segregated, but they are, in fact, actually two necessary tools to accomplish a common goal. Building a beautiful website.

The Digital World: Interface Metaphors

Thursday, May 13th, 2010

A few weeks ago the iPad was released and has been the source of discussion, controversy and envy. Much of the buzz centers on Apple’s indifference to Flash content and Adobe’s outraged response. There is also much to read in regard to the direction that Apple has decided to take in the design of their applications. On Apple’s User Interface Guidelines Page they suggest, “Whenever possible, add a realistic, physical dimension to your application. The more true to life your application looks and behaves, the easier it is for people to understand how it works and the more they enjoy using it.” They exemplify what they mean with their own iPad apps. The calendar app looks like a tearaway desk calendar, the address book app looks like a rolodex, and the e-reader app looks like a hardcover book complete with page turning animations.

(more…)

Noah’s Tool Belt: Instapaper

Friday, April 16th, 2010

This week in Noah’s Tool Belt I’m going to tell you about a tool I use everyday. It’s a free web based service with iPhone and iPad apps for mobile use. It is my most used app on both of Apple’s tablet devices. It addresses a problem most of us face using the internet. Over the course of the day I will see dozens of things I might want to read on the web, through RSS feeds, Twitter, or surfing. This wealth of potential reading is one of the wonders of the digital age but we haven’t been able to stretch time yet. I’ve got projects to finish, cheeseburgers to buy, and a toddler to chase. This is where Instapaper comes in.

(more…)

Push Design’s Awards and Recognition

Friday, March 19th, 2010

  • ACD 100 Show
  • Adobe Magazine
  • AR 100
  • Communication Arts
  • Graphis
  • ID Design Annual
  • ID Annual Interactive
  • NIRI Seattle
  • Print Annual
  • Type Directors Club
  • The Seattle Show

Noah’s Tool Belt: Espresso & CSSEdit

Friday, March 12th, 2010

The first program I used when I started to learn web design was TextEdit, followed by Dreamweaver. For a while, Dreamweaver was great  because if you knew what you wanted to do you could find a button for it and let Dreamweaver do the rest. It’s easy, but it creates a lot of cryptic code. So being a “Mac Guy”, I decided to try out some simpler programs. I probably would’ve tried Coda first, but recently a couple of newcomers have been making noise, CSSEdit and Espresso. They are both made by MacRabbit, a Belgian Mac developer.

(more…)

    • A brand that speaks to the human side of organizational change

      read more >>
    • The creation of an avatar celebrates a company’s connection to their customers

      read more >>
    • An approach to layout provides the framework for a dialogue about design and architecture

      read more >>
    • Elevate the ordinary “hot chocolate” into a smooth and luxurious experience

      read more >>
    • Design helps a company initiate a proactive outreach program

      read more >>