PUGPIG
Pugpig is the publishing platform behind the world's top media brands, powering websites, digital editions, and mobile apps.
Before the 'Pugpig Design Kit,' customizing apps on our platform was a complex, slow process, relying heavily on our support engineers. Achieving a unique app design was a daunting task for many.
The introduction of the 'Pugpig Design Kit,' created in Figma by Pugpig, revolutionized this process. This toolkit made app customization straightforward and accessible for everyone, regardless of their technical know-how. Accompanied by user-friendly documentation, it guided users through the customization process in a familiar interface, making app design both fun and simple.
This streamlined process not only democratizes app development but also ensures a swift transition from design to deployment, making it possible for anyone to bring their vision to life and share it with the world.
Customizing apps was a daunting task. Users struggled with limited flexibility, and the heavy reliance on our engineering team created bottlenecks. It was clear we needed a solution that removed these barriers, empowering users to take control of their app designs without technical assistance.
The idea was ambitious: develop a Figma-based Pugpig Design Kit that would make customization intuitive, flexible, and accessible.
Collaboration was critical to achieving this. I worked closely with the product manager to align on business goals and user needs. Together, we identified what could be customized and what should remain fixed, ensuring the tool balanced flexibility with feasibility.
We also engaged our engineering team to tackle the technical challenge of integrating user-created designs directly into the platform. Their expertise ensured that customizations could flow seamlessly from design to fully functional apps.
85%
Of customers expressed a desire for more extensive customization options, particularly in color schemes and typography and app layout.
60%
Of users encountered difficulties with the current customisation process, citing it as overly complex.
70%
Of customers indicated a need for more comprehensive guides and tutorials
80%
Of the insights were derived from audits and stakeholder discussions.
Armed with insights, I built a Figma component library. This library housed essential design elements—cards, tabs, navigation bars—addressing the 80% of users who wanted more customization options. By making the library intuitive and easy to navigate, we tackled complaints about the complexity of the old process and encouraged broader use of customization features.
Using Figma was a deliberate choice. Its familiarity reduced technical barriers, empowering users to take charge of their designs.
Next, I designed detailed layouts for timelines, storefronts, and settings, showcasing the toolkit’s flexibility. These examples helped users visualize how they could personalize their own apps.
Simultaneously, I created step-by-step guides in Help Juice. This documentation broke down the process, making customization approachable and fostering creativity among users.
The Pugpig Design Kit has been a game-changer. By combining an intuitive Figma library with clear, actionable guides, we’ve made app customization accessible, empowering users to bring their creative visions to life.
The results? Increased customer satisfaction, stronger loyalty, and business growth. More than a tool, the kit represents a leap forward in user-centered design, proving that with the right system, anyone can create something remarkable.
57%
Increase in customer satisfaction due to enhanced customisation capabilities.
63%
Increase in documentation visits in help juice, indicating higher interest in customisation.
34%
Increase in new customer acquisition attracted by the ease of app customisation.
34%
Increase in new customer acquisition attracted by the ease of app customisation.