Case Study Content
Simplifying a dev-focused Experience
who is tinacms?
TinaCMS is an open-source, Git-backed content management system designed for modern front-end developers. It allows teams to create live-editable websites using tools like Next.js, Markdown, and Git workflows. The platform is beloved by JAMstack developers for its inline editing, extensibility, and minimal UI. While powerful for devs, TinaCMS can be intimidating for less technical users trying to manage content visually.
An onboarding page that will help users navigate the website.
What was the issue?
While dev-friendly, Tina’s UI and editing flow can confuse marketers or content writers unfamiliar with Git or dev terminology.
How can i fix that?
Design an onboarding wizard with guided steps and tooltips that simplify the live-editing process and introduce TinaCMS gradually, using micro interactions to reduce cognitive load.
This helps with faster onboarding, wider user adoption, improved user satisfaction and more stable projects.
Making Product Storytelling Mobile-Friendly
who is blueland?
Blueland is a sustainable home cleaning brand that sells eco-friendly products in reusable packaging. Their direct-to-consumer website serves as both a storefront and an educational platform, promoting environmental consciousness through storytelling and data visualization. The site features strong branding and motion design, built with a modern front-end stack including Shopify custom theming and headless CMS integrations. Blueland’s challenge lies in delivering an engaging, informative experience while balancing performance and accessibility.
A questionnaire page, where it is walking through usage to help narrow down their product and what to buy based on answers.
what was the issue?
Their product storytelling relies on long-form scroll experiences, but some users find it hard to digest key info on mobile.
how can i fix that?
Build a responsive, interactive quiz or visual explainer that breaks down how Blueland's products save waste and money—using animations or progressive disclosure.
This helps boost engagement metrics, produces higher mobile conversion, a stronger brand perception and increases sharing getting more of an organic reach.
Empowering Creators with Visual Tools
Who Is Gumroad?
Gumroad is a creator-focused platform that allows artists, writers, and indie developers to sell digital products directly to their audiences. With a mission to empower individuals over institutions, Gumroad provides a minimalist, intuitive interface for creators to publish products, manage sales, and build a loyal customer base. Its front-end experience centers around simplicity and speed, primarily built with lightweight frameworks and minimal dependencies. As Gumroad scales, maintaining ease of use while supporting advantage customization and mobile performance presents a key front-end challenge.
A step-by-step instructional panel that walks users through key features, including, an embedded interactive sandbox that simulates a live editing environment
what was the issue?
Creators want more ways to express their brand visually, but Gumroad offers minimal visual editing tools.
How can i fix that?
Design a lightweight visual editor that lets creators style their product pages using reusable front-end components; like a simplified version of Webflow for Gumroad.
This improves user retention, expands Gumroad’s user base, and reduces support load.