I decided to experiment with keeping a journal of my projects: an iterative, running log that captures all the small day-to-day decisions made internally or with the client, in one place. It began as a way to keep myself more organized, but I’ve noticed a few benefits to this practice, and overall, it’s been a way for me to get to know my work much better. Unexpectedly, presenting my design work has become much easier, as this journaling has been a way for me to rehearse and commit to memory exactly what happens when anything is clicked, why I made each design decision, and how this will all come together in the CMS.
We’ve written 2 blog posts about style guide. View all topics »
The web has been all about style guides lately. Everyone from the BBC to Code for America to Yelp released their guides to the public, and style-guide-automating tools like KSS and Hologram are becoming increasingly popular. At Happy Cog, we’ve been making our clients’ style guides more interactive. Our newer style guides go beyond documenting the design systems we’ve established; they take advantage of their living in the browser to dynamically show how a system’s pieces are built, how it responds at different viewport sizes, and how users can interact with those pieces.
For the recently launched Ben & Jerry’s website redesign, we created one of these “interactive style guides.” It covers everything related to building out and maintaining the new website: design components, page layouts, and even content creation. I chatted with a few of the Cogs responsible for the Ben & Jerry’s style guide about how it came together.