As of today, my time at Automattic has come to a close, so I picked out my favorite photos from trips I took between 2010 and 2016.
As of today, my time at Automattic has come to a close, so I picked out my favorite photos from trips I took between 2010 and 2016.
It’s so easy to say that Decembers have always been complicated months for me. Who isn’t it complicated for? Every year, we run around and we try to express ourselves to our family and friends with commerce and we put pressure on ourselves to have the most fun ever on the very last night of every year.
I don’t think I’ve ever had a simple December, starting in 1994 when as a sophomore in high school, 4 days after Christmas, my family moved a thousand miles east to a place that felt ten thousand miles away culturally.
In 1997, this feeling of anxiety toward the last month of the year was heightened when as a freshman in college I had to tell my parents my 17-year old girlfriend was pregnant. I proposed to her on Christmas Eve that year with a ton of my family around, and it felt right for such a monumental decision to be made during December. We were married for 15 years, something no one expected when neither the bride nor groom could legally drink at their own wedding.
On December 13, 2013, my son Ian heard a gunshot while in class, and was subsequently put in lockdown for the next six hours. An 18-year old senior used a legally-purchased shotgun to come to Arapahoe High School and murder a girl named Claire in the hallway. He shot her in the face, which was the first shot my son heard. I’m not sure if my son heard the second shot, which was the murderer taking his own life.
This was by far the worst ordeal I’ve ever lived through, and am just now getting the help I need to manage the panic attacks that rarely but still happen to me.
I wrote my 6th-ish album for a simple reason: I needed to get these feelings out of my brain and music is the easiest way for me to do it. This album is made up of three tracks and is only 10 minutes long. Each song represents the month of December for the year it’s named:
This song is my exploration of what it was like to go through the process of learning my son was locked inside of his school with an active shooter two years ago. I started it with a ton of siren sounds, which I toned back a lot for the final version because it was a little too jarring. When I wrote this song, I forced myself to walk through the memories of that day, and to take the conflicting and misaligned emotions and turn them into music. This song started out as a trigger for my anxiety, and has since become a way to focus on the pain so that I can heal from it.
Last December wasn’t nearly as traumatizing as 2013, but it came with its own set of ups and downs. I spent a good portion of it jet-lagged and sad in Rome. On the first anniversary of my son living through the shooting, I was 5,500 miles away on a work trip and separated from his mother, well on our way to divorce. I missed my girlfriend a lot and I’d had some really tough travel to get to Italy and wasn’t looking forward to the trip back. The month did end in a pretty amazing way on New Year’s Eve, for having such a turbulent middle. This song attempts to roll that all into one, which is hard. Drums ended up being unnecessary.
Which brings me to this year. The calmest December I’ve had in a while, it still started with me desperately needing (and starting) therapy for the PTSD I’ve been suffering since the shooting. This year also ended with me learning that it’s unhealthy and untenable to hold on to dreams you first felt when you were a child. I learned this year that it’s easy to build someone up in your heart and mind into a sculpture of a human that no one can live up to. This was painful to experience and this song attempts to capture the loss I’ve felt this year, and the destruction I put myself and others through just to experience it.
My father’s a guy who builds rockets. And I don’t mean that he builds the model rockets you see at the park that get blown onto neighbor’s roofs by a slight wind, I mean that he builds the giant Atlas V rockets that launch actual shit into actual outer space.
So when I was kid, there were key points I can remember when we’d all head down to the pizza place closest to my dad’s plant to watch his and his coworkers’ work launch satellites into space. It’s a unique experience to witness your father witnessing his own work do something so mind blowing.
So while my father builds the rockets that launch satellites into space, I manage to do some (much less complicated, and much less tension-inducing) building and launching of my own: I work for the company that builds WordPress.com, the platform I’m blogging on right now, and we just launched some pretty cool stuff that we’ve been working on for quite a while.
So, is your website a satellite being shot into orbit? Not quite, but it wouldn’t be far off to think of WordPress.com as an Atlas V rocket to get your site on the web, anyway. 🙂
As a 5-year employee of Automattic, I have the option of taking a 2-3 month sabbatical. I opted for the shorter duration as I felt it was a good amount of time to get some artwork created and some studying done on being a stronger leader in my design community, so that I could come back to work strong. I felt like a 3-month break would have been too much time to get lazy and bored, making for a bad re-entry to work.
Before my break would start though, I’d have an inspiring last bit of work to do in Denmark with the Automattic Design Team (the half that wanted to travel to Copenhagen, that is. The other half went to Atlanta).
During a jetlag-fueled haze, I quickly wrapped up the badges and schedule designs for WordCamp Denver. My first official week off included spending some good time with my kids, the longest time I’ve had with them since their mom and I separated in mid-2014. I also spent time that week designing the slides for my WordCamp Denver talk “Full-Stack Web Design: A Case Study in Interactive Prototyping”
Between Copenhagen and WordCamp Denver, my girlfriend Beth and I got to see the premiere of a movie that we’d been extras in over a year ago called Something Along the Lines of Dating:
Since I’ve now got an amazing apartment, I finally took the time to decorate it how I like:
One of the main reasons for this sabbatical was art. I spent some time getting back in touch with my art school education by doing some drawing and painting: skills I don’t use in my every-day professional work, done with tools I’ve allowed myself to become unfamiliar with. Time to change all that.
I’d long had a blog series in draft form saved away that I wanted to flesh out and spend more time getting right before I published. This series turned into the Why I’m a Designer series on this blog that I started posting early into my break. I have 4 more parts planned, but I have some studying to do first.
Part 2 of this series is titled View Source and it’s a concept I’ve decided to flesh out even further by writing an Almost Famous-type film loosely-based on a fictionalized account of my first real job in the early days of the web. I was inspired by attending the premiere of the film I’d briefly appeared in; it seemed possible for me to actually make something worth watching. The rough writing I’ve gotten done is a baby step in that direction. I’ve been watching films by my favorite directors trying to study their work.
Since writing isn’t a strong suit of mine, I decided to mostly tackle the View Source film through its music. I first created a Spotify playlist of the music we used to listen to in the office at the time, music that lived inside of a 300-disc CD changer that also powered what people calling the office heard when they were on hold. I augmented this list with music I was personally listening to a lot at my first job.
The second part of this approach was to record an original motion picture soundtrack influenced by music made in the 1998 – 2001 range.
I also wrote these songs I’m not sure what else to do with:
I was very glad to spend some extended time with my kiddos this summer.
I got to see my friends and Denver’s Best Cover/Tribute act (according to voters in The Westword) The Gin Doctors a couple of times this summer, which is always an incredible time:
I found reasons to use these images:
I got to go to a couple nights of The Denver Post’s UMS event held on South Broadway. Highlight of the event for me was an epic performance by Denver’s own Slim Cessna’s Auto Club:
I got to go a wedding in Vail:
In general, there’s nowhere else in the world I’d rather spend two months re-energizing and getting back to my creative roots than Denver.
Then something funny happened that we weren’t expecting, but sort of hoping for: the web became a tool everyone used, all the time, for a ton of reasons.
New users were arriving online every day, and new services were popping up in droves to give them fun stuff to do there. Years after Wall Street left the “dot-coms” to die in the gutter, the former employees of these companies built new tools, with new ideas about what a web interface could accomplish.
Web users adapted and started to actually love the products they used online. Flickr, Twitter, Tumblr, Del.icio.us: we all have memories of what was new about these things when they first appeared that delighted us.
The web was a super-fun place to be, both as a user and designer.
I spent the intervening years doing the following:
I can honestly say that during those 9-10 years, my work was used by millions of people, and that by 2010 my work reached that many people daily. I learned a lot during this time about how people use web applications, how they share content on the web, and how they talk to one another with the tools we build. I learned what my medium was being used for (fun fact: in 2002 I owned the domain “automaticmedium.com”) above and beyond what I was personally using it for. And all this time, I blogged.
I used a system built in PHP3 my friend Tai and I paid $500 for and then I ported that blog to a custom system I wrote in PHP 4 which I then wrote a custom importer for in 2007 that pulled it all into WordPress. Blogging was and is important to how I work.
While designing and building the tools my clients asked me for, I was simultaneously either plugging away at a new CSS idea on my blog, or trying out a new language to build a web app. My craft and I grew up at the same time and I tried to stay involved in it above and beyond my client work for two simple reasons:
These two concepts seem diametrically opposed: Ego and Empathy. I contend that to design a web application that people want to use on a daily basis you need both the ego to say:
“I can make something people will want to use that’s better than what exists”
and the empathy to listen to what your users actually say when you launch it. Additionally, your empathy for what you’d want on the screen you’re designing goes a long way toward making something your users may want to use.
How do you build this empathy? One of the ways besides maintaining a web app by yourself is to be a die-hard trier-and-user of any and all web apps. Really use them for really real things. See what making boards on Pinterest is all about. Follow art blogs on Tumblr and check it every day. Try Snapchat and get confused and close the app forever. Stuff like that.
You can start to understand what else the rest of the world is doing with their digital devices on a daily basis; you can see where your app fits into your users’ lives, not just how your users’ lives fit into your engagement cycle.
Empathize with what your users do on a daily basis with your tool by doing the same things with it and by doing the other things they do on a daily basis on the web, too. Pay fucking attention to what works and what doesn’t and why. You can start to synthesize this information with the designer’s ego telling you that you actually can produce a better product. What can result is remarkable: an app that people love using.
That’s always been my goal for my work on the web: to make something that people love having in their lives, something that feels like humans made it for other humans. They’ll come back over and over and give you their money for things you’re building that they want to use. You won’t have to beg for money from people who want to pay you for what you make.
Up next, part 5: Designer-Driven Design
Boysetsfire, After the Eulogy:
No Justice, No Peace.
Written, signed off
In the obituary: “What happened to us?”
Where’s your anger?
Where’s your fucking rage?
Watered down, senses lost.
Denial and self-gratified.
A tradition passed down to our blood-stained hands.
Give in, give up.
Give in, give up.
Contented to strive for new worthless slogans.
We miss our potential for action and substance.
Contended to lie in our boring vomit,
Suggesting arrangements, while others are dying.
Stand up. Fight back.
Stand up. Fight back.
How many starving millions have to die on our front doorsteps?
How many dying millions have to crawl to our front doorsteps?
Written, signed off in the obituary: “What happened to us?”
Where’s your anger? Where’s your fucking rage? Watered down senses lost.
Where’s your anger?
Where’s your fucking rage?
Content and corrupted,
Contrite and disgusting.
Dig a hole,
It’s all over.
Forget the words and good intentions,
Unless we rise.
Unless we rise.
Tear it down.
Last time, I mentioned that we had 2-3 designers simultaneously pitching ideas to clients. What I omitted then but would like to clarify now is that each designer determined for themselves absolutely everything they pitched:
What this meant was that often a client would see different versions of all of the above in the same meeting. They couldn’t focus purely on the competing designs’ visual directions because they’d also be picking a navigation structure and maybe even a logo at the same time.
This was a pretty terrible process. Factor in that Project Managers also didn’t exist and unsurprisingly lots of confusion resulted all around. Designers would pitch competing and usually slightly misinterpreted ideas the client floated in earlier discussions. We’d catch a glimpse of the other designer’s work and decide to incorporate some of their concepts, creating a miasma of ideas presented all at once, similarly sourced but slightly tweaked.
Then Jen showed up.
The subject of the all-employee email read
“Has anyone seen the office cell phone?”
These were incredibly rare devices and when our new office manager Jen Mylo (née Wells) needed to find it, there was something about her wording that immediately made me envision our plastic brick of a cell phone sitting on a bar stool, smoking a cigarette, talking shit about the employees that lugged it around the city. It cracked me up.
I immediately replied-all and said “I saw it a bar last night; it doesn’t want to see you.” My intention was to be funny and set a new employee at ease, that we had fun at this company. What actually happened was that she thought I hated her, which I learned a few days later when we were both part of a small group tasked with picking out a new office pinball machine.
I think I was the only one with a car at the time so I offered to drive. It was on this formative drive to Lakewood when I learned:
I’m incredibly lucky that we cleared up the misunderstanding that day, chose a sweet new pinball machine for the office, and made friends for life (so far).
When she spoke to Spiremedia co-workers about her life and work experiences, she was quick to mention her time on a dude ranch in Arizona, as an activist for Greenpeace, as the supervisor of a food co-op and many, many others. What she’d purposely be quiet about, and left off her resume entirely, was her time working on the web as an Information Architect. She was at the moment living and working in Denver along with her boyfriend, and wasn’t sure if she was staying long, so doing serious web work here wasn’t really on her list of priorities. “I really don’t want them to know I know how to do this” she’d quietly mention.
Of course “they” did find out about this unexpected IA on staff and quickly put her to work on our clients. By this time we had a team of 8-10 designers pitching sometimes totally off-the-wall ideas to clients and generally running the asylum. There was one incident where I went on vacation and left another designer in charge of my client work, only to return to a totally functionally-altered concept. Jen changed all that.
With the addition of Jen to our design team (as well as three experienced project managers: a lot changed for us at once), the process started to resemble something sane:
Clients no longer had competing, complete design philosophies to pick from all at once: each visual design was now proposed with the same labels, the same content, and the same architecture as the others in the meeting, and it had all been already determined. By working with Jen first, client expectations were set for what to get from the visual design staff and our expectations were set for what the client actually needed.
She enabled success on both ends of the spectrum by advocating for the users to the client early in the process, and then she’d pivot and advocate for the client and users to the designers when we came in later.
I now had two mentors helping me establish two keystones of my design philosophy:
I’ve plotted just about my entire career path between these two ideological pillars of how to build for the web. I’ll explain in Part 4 what I’ve done in the last 15 years with this foundation.
My velocity, it shall be known
Places in the past, deleted, disowned
Ghosts and shutters and windows boarded
This fucking home, I cannot afford it
Airports and taxis, highways and tolls
Instructions to follow and a path to behold
Reconditioned air and I slump in my seat
Lines crossing through the sky and trying to sleep.
The clouds in my head clear around twelve
We are floating in waves, in seas of ourselves
Just heads above water, we speak and we scream
While below the surface we come apart at the seams
And try to sleep
And try to sleep
As I stood in the cramped first-floor hall of the 300 building at the Art Institute of Colorado, my heavy bag of supplies dug painfully into my shoulder. I was with a friend and we were looking for jobs on the board, a task I undertook when I found myself in each of the three buildings we had on campus in Capitol Hill for the first time that week. As soon as we walked up, one posting in particular jumped out at me and I forgot all about the huge bag on my shoulder. It said in stark Franklin Gothic Condensed type:
SPIREMEDIA IS HIRING A RECEPTIONIST
which I’m sure doesn’t sound to you like that big of a deal, but to me it was like that paper was etched in gold. I’d been doing web design hourly for a small shop owned by a man who – in a daze of inspired light and beauty – named his company The Internet Design Firm. During my first week at this job I AltaVista’d (we didn’t Google back then) “Denver web design companies” to see what was happening in town, and to find work that could inspire me in times of need.
Spiremedia was an agency I found during this search whose portfolio suddenly redefined for me what a web site could look like, what the web could be. I had already spent a lot of time on their site, poring over the portfolio looking at the decisions the designers made on each piece, trying to determine what I could learn from them.
“What about this work is applicable to my own? What can I discard? What can I change about what I take, to make it my own, my clients’ own? How did they code that?”
It wasn’t just their client work, either: their own site was an excellent example of the thinking that went into everything they designed. I never dreamed I’d actually end up working there. I was a student who had done a total of 10 months of contract work in the industry, not one of the professionals these people clearly were hiring. I’d click “view source” in my browser, copy out some of their clever HTML code, and learn from their ideas.
And so but here was this flyer stapled to the wall, telling me they were hiring a receptionist. The privilege of my education leapfrogged me past wanting to apply for the job for which they were actually hiring, so my email’s subject line said “I don’t want to be your receptionist” and the body included a link to my portfolio telling them I’d admired their work for a while, and that I wasn’t a very good receptionist but I was wondering if they were hiring designers. I couldn’t have been happier when the reply came that they wanted an interview, but I had no idea what to expect.
What I found when I showed up was incredibly disorienting: the building was out past Lower Downtown (the newly-named LoDo), on a street no one I knew had heard of. When I pulled my car into the dirt expanse in front of the building, I suddenly recognized it: this was the terrifying part of town where we parked our cars back in high school to go to St. Mark’s Coffee House. The concrete and abandoned 5-floor building at the edge of the dirt lot wasn’t so intimidating during the day, it seemed. What on earth was I going to find inside the warehouse across the street?
I couldn’t have guessed that it was going to be about 5,000 square feet of exactly what I’d been looking for since junior high, but this was not an office that my work experience had prepared me for. There was no sterile drywall bound by drop-ceilings and cheap carpet. There were no medical-grade waiting room chairs or neckties. No one was freaking out about the dogs wandering around and no one appeared to be over 30. Everyone wanted to be there.
A video created by Scott Upton with an original iBook and external video camera
Thick, wooden warehouse columns broke up the space into distinct areas. Existing long before many floors of offices had been built around them, they stood like stoic Redwoods throughout the office, ancient and real. I marveled at how many people must have done how many kinds of work in this building near these columns, and noticed this group of people covered them and the exposed brick in artwork and ethernet cables. The waiting area for clients was made up of a duo of (also wooden) old-timey school chairs which faced pinball and Asteroids machines. The music was loud and the person interviewing me had about 1,000 toys on his desk in the only private office I could see.
I was home again.
Spiremedia often worked in a traditional design agency model: 2-3 designers were assigned to each new project and tasked with designing something totally different from their counterparts. The client would choose a design (or they’d make the worst of all possible decisions and combine two of them), and the designers whose work wasn’t picked would go on to new projects. The selected designer would work with the client to design each page, using whatever tools necessary, and hand it over to development to build. This was and continues to be a super common way to do web design, but the end result is that you’d usually get your designs built not quite right by the developer.
Part of doing web design was (and continues to be) understanding what the medium is capable of. If we designed something crazy or just not-quite-possible, we’d get an approximation of our designs live on the web and this was a thing I’d get sort of sad about. I wanted my pages to look and work how I designed them, dammit.
I alluded in Part 1 to a tendency of entirely visually-focused graphic designers to make fun of the web in 1999. At the risk of sounding incredibly “get off my lawn” about it, here’s an incomplete list of things we didn’t have as web designers when I started out:
Without a clear mode of operation to follow, we got to make things up. We tried to figure out what this new “web interface” idea should really look and feel like, given the limitations of the browser. We couldn’t do the UI heavy lifting you had on the desktop, and the whole idea of pages broke the application metaphor anyway.
We improvised and we changed course quickly because that was and continues to be the benefit of designing for our platform:
My first two clients were businesses commonly referred to as dot-coms to denote their internet-only status. My official title was Production Artist and my job was loosely defined as helping designers put their work on the web. My first two projects ended up being simply design projects that I used code to produce, which has impacted my entire career to-date.
Why.com (forever embedded in my brain by its clever logo leveraging a question mark for the dot: Why?com) was assigned to me at the same time. This was a search engine that included a social aspect: other users were able to rank, rate, and recommend search results for given terms. Apple launched a service called iReview not long after, effectively killing the company. Two things stand out during my time working on why.com: it was the first time anyone in our office had heard of Google, which powered our search results (we thought it was a weird choice), and it was this project that provided me with my first business trip.
I didn’t realize it at the time but Scott Upton, my lead on the aforementioned projects, was also the designer whose work I’d most admired in the company’s portfolio from afar. I still haven’t had a creative director quite like him for three reasons:
For the first 6 months of my professional career, code and design were one and the same. There wasn’t a developer alive who’d touch Flash at that time and having our hands in the code of a site, no matter the language, gave us a control over the end-result that no amount of wire-framing or Photoshop mockups could give us. The client would usually see screenshots of our work, but that work’s production had a web-native methodology baked into it; we knew the screens we designed could be executed in code because we were already doing it.