Work

Cool stuff we’re designing at Automattic.

  • SotW 2022

    This year’s State of the Word was stunning. Really proud of the design team’s work on this and was happy to have been present for the live event in our NY office space.

  • Reel design

    A highlight reel showcasing some of the great work the design team at Automattic has been working on in the last year. ❤️

  • Cyclocross

    Every year our entire company gets together and one of the things we all have to do is give a four minute talk on any subject. In the past, this has always made me super nervous, and this was the first year that I wasn’t shaking in my boots. Progress!

    The slides aren’t exactly synced up, but if you have ever wanted to learn more about cyclocross or have no idea what it is, your wait is over!

    Two things I want to work on for next time:

    1. Look at the audience instead of the slides
    2. Less “um”s and “yeah”s
  • design.blog

    At Automattic, we have an online design magazine at design.blog. It’s something that our Head of Design, John Maeda created and it has become a joint effort across all the designers and design lovers I work with.

    Every Thursday we publish a new issue, which involves 2-3 articles from design leaders and a brand new homepage created by an Automattic designer. This week, it was my turn! I used the Paper app on the iPad Pro with the Apple Pencil to illustrate the cover. It was really fun and actually made me want to get back to my ink and watercolors doodles.

    Design.blog cover:

    design-blog.png

    Individual images:

    wc-34-e1476298866709.png

    coworkingflashtojs

    Press:

  • Reblogs

    Hack Day Project: Update Reblogs

    You can reblog a WordPress.com post to your own site by using the reblog button. reblog

    The colors and typography of a reblogged post vary from theme to theme, but the overall layout remains fairly consistent. I updated the look and feel of reblogs to be cleaner and easier to read. You can check out a “before” shot if you’d like to compare 🙂

    Below is a reblogged post from en.blog.wordpress.com, which features sites using the theme I designed:

  • Media

    media - tooltip helpermedia - gallery previewmedia - gallery insertionmedia - edit image

    media - single image

    Media management is done within the editor and was designed with that contextual nature in mind. You can add, edit, reorder, align, caption, resize, and remove photos and galleries without ever leaving the editor.

  • Editor

    wp-com-post-editor

    A whole new way to create posts and pages. We had only recently launched an “interim editor” when we got to work redesigning a new one from the ground up. It was the last piece of the Calypso puzzle and it is my favorite thing I’ve ever had the pleasure of designing. (More screenshots and info coming)

    Read the announcement post.

  • Fullscreen Mode

    fullscreen
    I worked on designing and implementing a new editing interface on WordPress.com and my favorite feature is the fullscreen mode. I redesigned it to be as clean and zen-like as possible. I love using it and hope you do too.

    Happy writing.

  • WordPress theme

    Screen Shot 2015-09-16 at 5.19.00 PM

    The first thing I did when I got my job at Automattic was to design a WordPress theme I always wanted, but couldn’t find. Its a single column theme that is super flexible. I’ve been using it on this site for well over a year and I’ve changed the font, color scheme, and background photo.

    Check out the announcement post and this featured post over on the WordPress.com blog.

    My sister Carole is using it on her blog as do over a quarter of a million others. Its available for both your self hosted WordPress and WordPress.com site.

  • Embeddable Timelines

    We recently launched embeddable timelines, which allows you to insert a nice list of recent postings on your site.

    I had a lot of fun styling this one and really like how it came out. You can choose between two themes, depending on what you think will look best on your site.

    Light Theme

    [wptimeline url=”http://en.blog.wordpress.com” showgravatars=”true” width=”450″]

    Dark theme

    [wptimeline url=”http://withlovefromcarole.wordpress.com” showgravatars=”true” theme=”dark” width=”450″]

    Add one to your WordPress site by visiting the timeline creation tool.

hello.

I lead design at Automattic. I enjoy mountain biking, snowboarding up and down mountains, and eating good food.

I’ve had this site for 14+ years and update whenever the mood strikes. I treat it as sort of a playground. I write down thoughts about work, keep track of things I like, places I’ve been, and other random things.

Take a look around and say hi.

get an email when i post