Design

Cup of Jo Gets a Makeover

cup-of-jo-redesign-apt-one

Hello! We are so excited to show you Cup of Jo’s redesign, and I really hope you like it. Here’s the before-and-after…

The first step: Last summer, I was finally able to buy cupofjo.com. A guy from Texas had been sitting on it, waiting for me to buy it, and, after years of negotiating, we finally agreed on a price. I was thrilled.

We worked with Spencer and Liza from the design firm Apartment One to give the site a fresh look, and our genius web developer Zoe Rooney made the magic happen.

Our goals were to make the site feel warm and welcoming, but also cleaner and more modern…

HEADER BEFORE:

header-before-

HEADER AFTER:

header-after--

If you look closely, you’ll see that the “O” in “A CUP OF JO” changes depending on which category you’re in.

We also wanted to showcase the archives, since some evergreen posts — say, having a boy or a messy side ponytail — were getting buried deep in the site, and we didn’t want them to get lost forever.

Now if you click on the top categories — fashion, design, etc. — you’ll be taken to a grid of all the past posts. Feel free to click around and check it out, if you’re in the mood!

(We’re working hard on fixing old photos and code, so please forgive us if you see some wonky stuff this week.)

Cup of Jo - Apartment-One-site-redesign

Here are a few shots at the design studio, Apartment One. They would serve banana bread at every meeting.

Cup of Jo -new-site-header

They actually cut out the paper “O” in “A CUP OF JO” to photograph the blog header.

Apartment-One-Brooklyn-studio

Nala the Frenchie is their unofficial mascot.

Apartment-One-brooklyn-design-studio-nala-the-frenchie

She came to every meeting.

Cup-of-Jo-apartment-one-meeting

So much analysis went into every tiny decision. I have renewed respect for anyone who has ever done a redesign. It’s no joke.

Cup-of-Jo-site-redesign

Huge thanks to Apartment One and Zoe Rooney, as well as to Caroline and Lexi (a new Cup of Jo editor, who we’ll introduce you to later this week).

Looking ahead, we’re excited to launch new series about career, fashion and relationships, as well as a third installment of Motherhood Around the World. As always, I love love love your comments and feel so grateful to be able to have conversations with such awesome women. Thank you so much for reading, and let us know what you think. xoxo

(Photos by Christine Han for Cup of Jo)

P.S. We’re launching a weekly newsletter soon, so please feel free to sign up, if you’d like…

  1. really like the redesign but i have a few comments. how can i view really old posts? it looks like for each topic you’d have to keep clicking “load more” to go back in time, but that would take forever.

    just a personal preference: to me, the post column is too wide. the text is a little overwhelming when looking at it, a little less appealing to read. to me the comments are easier to read than the post text.

    just thought of this while searching the comments for an answer to my first question: maybe would be good to show all of the comments on one page, so it’s easy to search a term to see if someone already brought it up, instead of clicking “older comments” and searching possibly for forever. plus, there’s no date for any of the comments, just the time, which is a little confusing.

    i’m sure you guys have your reasons for every nook and cranny of this design, so i don’t wanna step on any toes. overall, well done!

  2. Elie says...

    Have never posted a comment before, but think now would be a great time to.

    Hello from Singapore! Haven’t been checking in here that regularly, but was pleasantly surprised to see this new site makeover. Also, can I add that I am loving behind-the-scenes posts like this + the introduction of Lexi? Definitely helps that these posts are accompanied by gorgeous photos. Keep going, JO!

  3. Vanessa says...

    Hi Joanna,
    I love your blog and I love to jump back and read older posts as well. You used to have an archive button and it was possible to jump to a specific month in a specific year. How can I do that now, any trick?

  4. Congrats on the re-design, I love it! Haven’t been checking in as frequently ever since our littlest arrived few months ago and boy was I in for a surprise to find myself navigating around for renewed inspiration on motherhood while coping with mild post-natal blues so easily. :)

  5. Absolutely love the new look, Joanna. And how fab to finally have your domain! X

  6. First visit here in a while, the new design looks great and I love the dynamic O in the header, very cool! Hope everything is well with you all. Love your blog, it always feels like “home” xx

  7. After years of reading your blog, I can finally post a comment, yay!
    Love the font in the new design, thumbs up from me :)
    Alice x

  8. Thanks for pointing out the Olive Kitteridge quote, Eleanor. I love the new look. Seeing the categories as tiles is great! Intuitive and easy and FAST. But I loved the old header w/ you and your hubbie. To me, it was a metaphor for the way that our blogs happen over our shoulders while we live in the present. Nevertheless, kudos on moving ever forward and upward!

  9. Hi Joanna, I love the new design. It’s very modern, clear and almost minimalistic. Very friendly-looking for the reader. I sometimes feel like wanting to change the design of my blog and websites every other season, so I know it’s a lot of work. But it’s worth it as your blog shows! :-)

  10. Caroline says...

    Hi Joanna— loving the new redesign. Everything looks so fresh and streamlined!
    Question: in the new search option, when I click on it, my cursor doesn’t redirect me to type. I have to click on the search bar to start typing… any way to make it so that when I click on “search” I can automatically start typing?

    Keep doing amazing work! I’ve been reading since 2008, and I still love coming back every day. xoxo

  11. So fresh and so clean clean! Love the new design! Congrats!

  12. Maureen says...

    Everything looks lovely and I”ll miss the photo of you and Alex – very personal, very you.