The popular save-for-later service Pocket has grown its user base significantly since its inception in 2007, especially within its native mobile apps for iOS and Android. Yet when I joined as web platform lead in early 2013, its web code base was in need of standardization. Mobile visitors to the Pocket web site had doubled year over year, and informally we saw many new potential users discovering about Pocket on mobile devices. Making Pocket’s web experience a more engaging experience was a high priority.
I kicked off the redesign by writing a fresh, modern code base with a responsive grid system. With that as a starting point, I worked with our visual designer to address high traffic pages that could use a bump in engagement.
The refresh process on each page usually started with competitive research and sketches between the designer and myself. After we agreed on a new design direction, I developed a mid-fidelity wireframe in Sketch to be passed off to the visual designer. The designer would take the wireframes and usually generate a psd comp and finished assets for me to develop.