A product designer based in Boston with a knack for visuals. He also builds things using HTML / CSS, ReactJS, and several animation tools.
I’m a product designer at thoughtbot. I feel like that has a few definitions, but what it boils down to there is that I do product design (shout out to the product design sprint), UI/UX design, user testing, and front end code. I dabble in copywriting but I don’t do too much of that. I also run a lot! That’s my second job.
I got into design when I made a running blog on Wordpress. I started changing fonts and hopped on that awful Museo Sans trend. I wanted a logo and got into some Branding stuff too. I was mostly interested in HTML/CSS first and bought my own domain. I completely copied — well I did it by hand and changed the content — the website of another designer named Stan. I did link back to it and stuff and wasn’t selling any services or showing it to anyone but I still feel kinda bad. One of my friends told me, “Shouldn’t you do, like, your own design?” And so is started spending time looking at other websites and finding a new look. But, thanks Stan for drawing me further into design. Since then it’s battled with running as my primary passion.
At the office I have the standard Cinema Display monitor and have my laptop on a stand and use the apple external mouse and keyboard. Not really a big fan of cords — I have an adjustable desk and move it up and down a ton so I try and keep clutter to a minimum. At home I have a little stand and mouse and keyboard plus a Sonos speaker. I wouldn’t say I am at all a workspace guru — I’ve done some of my best work sitting next to a wall outlet at an airport bar and in the back of an uber. All thanks to the handy dandy 13" MacBook Pro. I’d consider moving to a MacBook Air again but these things are all are so lightweight now.
I don’t use any crazy apps on my phone. I’ve been really into activity tracking lately so I’ve hooked up garmin connect and strava, and I track a bunch of habits alongside Todoist. I’d say Todoist, Twitter, and inbox as far as non-proprietary apps I couldn’t live without. I also have a bunch of finance apps — my favorite is Wallethub because you can check your credit score daily. Simple is awesome too!
Ah my dock — i totally take that for granted. I don’t use it that much. I have the standard finder guy and trash can there and usually keep maybe sketch, atom, chrome, and safari. I use Alfred a ton and have that wired into my muscle memory.
I’m still tinkering with my design process, I don’t think I ever sit down and think to myself, “hey, how am I going to think about approaching this problem” unless I’m on a product design sprint. A lot of this is second nature which I realize isn’t always good to rely on. I tend to think, “how should I approach this? What are the goals, what are the constraints? Who am I designing for — both users and stakeholders?” With consulting there are so many different cases I come across that only a high level approach carries over.
I sketch stuff out and tend to document ideas in paper or google docs. I think having a long conversation is more productive from a product standpoint than hopping too soon into any visuals. I’ll sketch though and then head in to Sketch itself and mock stuff up roughly. All about copying artboards and changing things up in a quick n dirty approach.
The new thoughtbot.com design. I helped create a bunch of the individual pages and spearheaded the facelift of the overall design. You can see my favorite pages here. Meta search landing page — this was a big effort in marketing, site performance, and animations.
For inspiration — I think a lot of things. I get more passionate about design when I have more energy. Sometimes with client work you get worn down and lose that — then it’s time to take a step back and hang out with your friends for a weekend or take a vacation. Having conversations with people — especially if they care about the topic — gets me fired up. I like learning new things and that inspires me to try that new thing out. Visually, I stay up to date with Panda (http://usepanda.com). I use the cockpit setting and scan through a ton of content.
This isn’t always good — you don’t want to rely on other peoples stuff all the time but I feel like it helps me stay on the bleeding edge in terms of GitHub repos, design patterns, and typefaces. Having a large bank of visual knowledge to pull from can be really helpful. I love that I can think of a dozen typefaces to use — or have an idea of what I’m looking for when I’m working on something.
When designing I use Sketch for UI, Framer for animation, and Redpen for visual feedback. Cool thing about Redpen is that you can also upload gifs and get feedback on animations! Shout out to Ali for showing me that. I also use Marvel for prototyping. That team has been immensely helpful to us at thoughtbot and at least in the Boston office we love how lightweight and easy it feels to use.
At thoughtbot we will both get user testers locally off of craigslist or use usertesting.com. I tried out usertesting.com and it was a super fast turnaround but has a bit of work to do from a UX perspective. I had a hard time understanding some parts of setup and the last test I ran, while helpful, would have been lest frustrating for the testers if I knew more ahead of time. I’m really big on using redpen and that’s my favorite product for visual feedback. It is buggy, but like any product you learn the quirks. It can get really frustrating but when it works it is awesome.
I’m a huge fan of Alt J, Kanye and Avett Brothers. I a bunch of Spotify playlists and sometimes I’ll tune into Plug (Hypemachine for Mac) to get newer beats that all the cool bloggers picked up. We also have a music slack channel where we talked about that — I found out about Kaytranada there and I’ve been a big fan since.
I love SiteInspire and land book. I’d say siteinspire wins out by a hair. Close third by typewolf but sometimes I want more than neat typefaces.
I joined thoughtbot after using their open source work for years. I used bourbon and neat a ton and read a lot of their blog posts. They are nearby to where I went to school so it made the interview process a lot easier while I was in class. They were so responsive and transparent about the interview process and I was a big fan of their open source work so it felt like the right fit!
Working at thoughtbot is really solid. They take care of us really well here. Or I should say we take care of ourselves. We have a lot of independence which is surprising at first and a little intimidating but I’ve found I feel more invested here. Client work is our primary focus which can be pretty fatiguing but we have Fridays off client work to do Investment time — which is working on a new skill, blog post, open source, or for me it’s been working on the thoughtbot website a lot. It was really cool that even though I was only in my first year I could take on that sort of responsibility — and most people have a project like that or are somehow focused on their Friday investment work. It’s really cool seeing what people think up and work on in that time. We’ve pushed out a lot of new work on our website, some interesting products that are in the pipeline. It’s great to be sitting around such a smart group of people.
The design challenges really change. For client work it’s a moving target. I won’t really speak to client work since a good amount of my stuff is NDA-ish, but like standard client problems related to product design. I like having the different paces for design, probably my favorite problem to tackle at a really low level is making something both designed well from a UX and usability perspective and visual perspective. I don’t like leaving things in an “MVP” visual state and will always try and push for better visuals if the product design aspect has been resolved.
We handle design disagreements in Slack or on Redpen. I prefer when it comes down to feedback in Redpen as generally when work goes into code it is less likely to change. Disagreements around UX we try to resolve. Disagreements around more visual stuff is debated but ultimately left up to the original designer.
Thoughtbot is currently looking for designers, especially in the Boston location! If you’re an experienced product designer and front-end developer, reach out to me or visit out jobs page!
Tips for applying: read about our application process in the playbook. We’re straightforward in our interviewing process and there’s a quick turnaround. Be ready to think quickly and iterate! Things we like to see: strong visual work, completely comfortable with taking a design to HTML/SCSS, strong product design skills.
Anything Stripe has released in the last year has been incredible. They’re hitting home runs with their work. I am also a huge fan of paper. They so clearly put a ton of work into this because it feels like second nature using it.
Is it a trick if everyone knows it? ;) Ahh just kidding. I can’t think of any off the top of my head. I’d say one of my favorite tricks is when trying to post animations to dribbble — use gifgen. It’s the highest quality mp4 to gif converter out there.
To all you ambitious designers out there: take some time off work. Hustling all the time is a good way to get burned out, and when you’re toast you won’t produce your best work. If you feel this way, don’t panic. All that inspiration will come back with adequate rest and time away from whatever project you’re working on. I find that I get like this when I’m working on too many side projects. You need to be honest with yourself about how much time you have — if you’re starving yourself of personal time, you’ll start to resent your time spent working on side projects because you feel “behind”.