Archive for the 'Articles & Notes' Category

Holiday Market + New Products

Hi everyone! My wife and I were invited by West Elm and Etsy to participate at one of the many upcoming holiday mini-markets happening in stores across the nation! We’ll be at the West Elm in downtown Austin on December 1st (Thursday) from 6 pm till close, selling a variety of our design goods to help you in your holiday gift buying! If you can make, sign up on their Facebook event page. Here’s the official poster that West Elm and Etsy put out about the event:

So, today we decided to launch a few new products for our Etsy shop, Satchel & Sage, as we continue to create for the upcoming holiday market! In summary, Morgana created some custom Christmas cards and a new feather print, and I made custom gift tags and some new prints based off my contour line drawings from my Pupils & Ink Tumblr.

Here’s the run-down of this first batch of new products, with links to buy them online:

Custom Christmas cards (set of 4 per pack, 2 of each design).

Custom holiday gift tags (14 originals per a pack)

Black Feather 5″x7″ Print

MAKE 8″x8″ Print

Artifact Series: The Writer 5″x7″ Print

Artifact Series: The Tailor 5″x7″ Print

Artifact Series: The Naturalist 5″x7″ Print

Artifact Series: The Lush 5″x7″ Print

Artifact Series: The Beachcomber 5″x7″ Print

If you want to keep tabs on everything we’re up to, make sure to follow Satchel & Sage on Twitter (@satchelandsage).

P&I: Year 2

A little over a year ago, on November 4th, 2010, I started a Tumblr blog called Pupils & Ink. I started the Tumblr blog to share my weekly contour line drawings of small objects. After 365 days, I had 173 drawings. That’s just shy of about one drawing every other day. That’s not too bad considering I did most of the drawings on Sundays.

Also, I have to point out that the most “liked” contour line drawing I made during this first year of Pupils & Ink was of two Double-D batteries. Pretty strange.

Well, I started giving more thought about why I really started the Tumblr blog, and discovered that my real intention was to create a space that would hold me accountable to practice drawing on a regular basis. So, in order to mix it up and keep myself growing, I’m going to change the style and subject matter of my drawings every year.

For the second year of P&I, I’m going to dive deep into hand-lettering typography. I’ve been doing more illustrative typography in my personal and commercial work, but I haven’t really allowed myself the full range of play and experimentation that I think needs to happen. So, here goes nothing!

ATX Dribbble Meet-Up #4

Last meet-up, the kind gentlemen of Paravel asked me to plan the next ATX dribble meet-up by throwing up a shot. So… here it is!

The next official ATX DRIBBBLE MEETUP will be Thursday, September 29, 2011 @ 5:00PM at the Ginger Man.

I’m still hoping Dave will bring a small pink basketball to the occasion, so we can stupidly toss it at each other. Come on, Rupert. Make it happen.

There will be an undetermined number of free pitchers of tasty, seasonal beer purchased by me, courtesy of the recent release of Prova.

If you’re part of the Austin design community on Dribbble, I’d love to meet you and buy you a beer. Let us know if you’re planning to attend in the comments on the Dribble shot here.

UPDATE (Wed, Sept 21) – Thanks to some extra work by Phil Coffman, this Dribbble meet-up has joined forces with another pre-planned happy hour by the folks over at 5by5 Network. Check out the updated details here.

2012 SXSW Panel Proposal

Last week, SXSW opened up the PanelPicker to voting and comments for proposed panels to SXSW interactive 2012. I submitted a panel titled Humanize the Web: Illustrating for Interactive, and talked my buddy Reagan Ray into co-presenting with me on this topic. I think it’s fair to say we both share a strong passion for adding hand-crafted illustrations to our interactive work and would love the opportunity to share on this topic.

Here is a partial list highlighting key themes that we’ll be researching if the panel is picked.

  1. Responsive Illustrations: balance the complexity of illustrations and imagery so that they scale well across multiple devices and browser.
  2. Custom Lettering: choose between styling live html type and custom image-based illustrated type to create a balanced, friendly user experience.
  3. Content Support: pair illustrations with content to encourage the viewer to continue reading or sum up lengthy articles in a single tasty visual.
  4. Style Choices: learn how to pick a style that compliments your brand and communicates a feeling that may inspire the user to take action.
  5. Framework Integration: evaluate the elements of your site’s user interface and choose which should be enhanced with optimized imagery or styled with code.
  6. Characters: use characters to energize the personality of your brand and keep the audience engaged throughout the site experience.
  7. Gridlock: break the grid with illustrations to create dynamic movement on the page and emphasize content.
  8. CSS3 Substitution: explore replicating parts of your custom illustration using the latest CSS3 techniques to create a leaner load time.
  9. Background: integrate repeating patterns and oversized, optimized illustrations to create a big visual impact on the page.
  10. Curiousity: use creative, playful html5 or animated gif implementations to encourage curiosity in users while maintaining a good user experience.

If this topic interests you, please head over to the PanelPicker and vote for it. Thanks!

Integrating Instagram

Instagram has steadily become one of the public’s favorite ways of sharing images of daily life online. Back in February 2011, the folks over at Instagram released the real-time API for developers. Since it’s release 6 months ago, I started digging around online to find creative ways in which people might be using the photo streams in their work. There are already a huge number of tools that can help you sort, manage, browse and print photos.

However, I’m really interested in how designers and developers might integrate the feed into personal sites, agency sites, client work, marketing campaigns and side projects. The stream of vintage imagery adds a personal warmth and humanity that could be repurposed beautifully for promotional efforts. With some planning, Instagram feeds could be used to promote a product, service, cause, or lifestyle through a curated corporate photo stream, or serve as the framework for a community contest. And, at the very least, individuals can pull in their shots with a handy WordPress plugin on their site or blog if it supports their site’s purpose.

Here are few examples of the Instagram invasion. The keyword here is “few.” Integrating you or your company’s stream to support your site has not widely been explored yet.

OMFG CO : A portland-based agency that uses the three founder’s Instagram feeds right on the home page. Clickable pagination included.

Kanon Vodka Cocktail Page: a photo page that sprinkles Instagram photos with professional images to promote mixing cocktails with their product.

Instawar: Make an interesting, funny pair of 2 Instagram photos, and upload it to the community blog to share. The idea of remixing multiple photos to change the meaning is compelling.

Yvan Rodic Instagram Page: the real-time Instagram feed of a Swiss photographer – a great secondary way to promote his passion through his everyday life experience.

Brands Using Instagram: Paul Ford lists out 10 brands that are using Instagram right now, which is pretty interesting. Celebrities have also been adopting the platform more as well.

Instagram just posted that 150,000,000 photos have been uploaded, so the platform is definitely worth doing something with. Here are a few ideas:

  • Design a tool that allows users to create visual stories using photo collections.
  • Create a scavenger hunt where users simulate location-specific photos to unlock more.
  • Allow users to stitch pieces of photos together in a community-based public art installation.
  • Encourage users to contribute specific photos for Kickstarter-based coffee table book.
  • Ask fans to select potential locations for upcoming movies yet to be in production.
  • Feature photos of words from different users for a message in a commercial.
  • Combine user photos of the same live events to create animated Instagram gifs.
  • Create a campaign where users take one photo a day of themselves for a year.
  • Weave together a photo weather radar for each state based on geo-located shots.

If you have any ideas to share or links of sites that are integrating instagram, please share them. Thanks for reading!

Design & The Five Ws

When I was young, I stumbled upon a small post-it note hanging up in my dad’s home office with “The Five Ws” scribbled on it. The note read: Who, What, Where, Why, When, and How. As a kid, I loved this. It was such an easy way to investigate the world with a few simple questions.

Recently, I remembered The Five Ws around the same time I started recognizing a pattern in my design work. I’ll start a new project with the strategy and framework in place, then dive into producing the details. Somewhere early on, I have to come up for air and check my decisions against the over-arching goals of the project. A cycle starts to occur as I move back and forth between “big picture thinking” and “fine detail production” throughout the project.

So, here’s how The Five Ws helped me understand this cycle:

The process of design is a loop between the Why (Intention) & What (Content), and the Where (Layout) & How (Execution).

“Why” should govern everything else in the process. It can be defined as the purpose and intention of the visual communication – how it evokes a desired response in the viewer. And, although the “Why” must be kept top of mind during the production of details, it’s most important role is setting the primary objectives at the big-picture level first.

“What” describes the content – the words and images that help achieve the “Why.” Combined, they represent  ‘content with intention,’ which is at the core of what I think defines much of design in a broad sense. When content exists without purpose, it makes consumption difficult.

“Where” represents the organization of content, also known as the layout. With the primary (and secondary) objectives established during the “Why,” the “Where” is all about constructing relationships between type and images. It’s a semi-detailed task during the wire-framing or sketching stage of a project, and a super-detailed task when pushing vectors and pixels around to achieve a beautiful, cohesive result.

“How” speaks to the production of the design. Choosing which methods, tools, technologies, and styles to use is the first step. The second step is the designer’s ability to produce good work with the established palette of techniques and style.

So, with four of the Ws accounted for in the design cycle, here’s some thoughts on the remaining two: “When” and “Who.” I know, there’s six altogether, and one of the “Ws” is an “H”. Anyways…

“When” defines the time-line of the project. It also corresponds to the amount of time spent establishing (and subsequently evolving) the high-level strategy versus producing the actual work.

“Who” represents the designer working on the project. I believe, to a certain extent, that the designer has to get out of the way (lessen their stylistic preferences) and make good, effective design decisions for the brand their working on. At the same time, clients hire designers for their specialty skills, P.O.V. (point of view), and experience (e.g. filter). So, it’s the responsibility of the designer to strike a balance between personal preferences, decisions based on research and expertise, and brand adaption.

I think designers have different working methods, but the process and design principles we practice are universal. I hope you found this loose perspective on the process of design informative and helpful. Please share your thoughts!

The Start of It

Here’s to beginning my new blog in 2011. Make sure to check back here as I plan to post a variety of: thoughts, inspiration, new project launches, ideas, and more. This is going to be great fun.