Together with two of the top designers from Scripps Networks, we took what we learned from building a design system for HGTV and applied it to THX.
Some of our signature patterns like the "super dropdown" make an appearance here, although the site was customized to the client's specific needs.
Scripps Networks is a lifestyle media company, responsible for many popular brands including HGTV and the Food Network.
I was tasked with creating a design system that could be shared between properties. Modular components like dropdown headers and carousels could be implemented quickly, and easily skinned.
HGTV was the first property that used the new design system. We knew that each top level category (decorating, home improvement, etc) had several important child categories and we wanted to provide "single click" access.
We ended up with something we called "super dropdowns" which were exposed on hover. This design had an added benefit of being highly accessible and improving search engine optimization.
Once we ironed out the wrinkles with HGTV, the first skinning candidate was Food Network.
You can see the exact same "super dropdown" component in use, and the surrounding components locked to the same grid.
This system was ultimately deployed on other properties including DIY, and was an inspiration for the work I did on THX.
During my time on the G Suite team, I was design lead for Docs, Sheets and Forms. I also contributed features to Slides, and led experimental initiatives.
The work below shows some highlights. More work is available upon request.
Our web experience was the flagship platform, but mobile usage was growing rapidly - especially in emerging markets.
The mobile apps supported significantly fewer features than the web versions, and the experience was randomly different between iOS and Android. You could edit a table on Android, but not add one. You could view hightlighted text on iOS but not edit it.
I designed a palette system for Docs that accomodated the incoming features, and worked with design leads on the other editors to make sure we were consistent.
Styling text and working with lists in the mobile editor was harder than it needed to be, and we had the data to prove it.
I gathered stats on the top 10% formatting actions on desktop and compared them to mobile. I then designed a contextual tool strip that appeared above the on-screen keyboard, making popular actions much faster to access.
The toolbar was particularly useful for surfacing secondary options like indentation when inside of a list.
After launch, documents containing rich formatting increased significantly.
Commenting was very powerful feature, but usage was dissapointlingly low. I suspected it was because discovery and access to the feature was buried.
I designed this feature which appeared near the margin when you hovered in that area, or selected content on the canvas.
After launch, comment usage went up significantly.
I led several initiatives to explore what productivity tools might look like in the future - faster, smarter, better.
While these features didn't launch in this exact format, they influenced other "assistive" initiatives at Google.
I take ideas from low fidelity concepts to polished experiences. My process includes user research, design iteration and prototyping. I also like working with video, photography and good stories.
Expert knowledge in mobile design (iOS and Android), emerging markets and productivity tools. Strong technical skills with HTML, CSS and JS.
I'm working on the Backer Experience team, making it easier to support inspiring projects.
I was a design lead for G Suite. I led Google Docs, Sheets & Forms and I contributed features to Slides. During my last year on the team I explored emerging markets and experimental editors.
I was a front end lead for the relaunches of HGTV.com and FoodNetwork.com. We moved the properties to a grided system and created reusable components from the related properties to share.
I designed non-nude digital editorial features like "Rock the Rabbit." I went to the parties but I never got to meet Hef.