Storipod

Social Storytelling Platform

Redesigned “create” and “view” experiences so authors have full control, slides flow naturally, and reader views feel delightful and consistent.

https://storipod.com/

Overview

Duration

8 weeks

My Role

UI/UX Designer

Team

Developers, PM

Tools

Figma, Adobe Creative Suite

Stakeholder

James Nelson (Product Manager)

Problem Statement

The existing Storipod platform had core functionality but the visual design and interface felt dated. Users reported that layout, colors, icons and button styles did not appear consistent and made the app less appealing.

Users lacked options for title input, choosing background color, aligning text, adding tags and switching between multiple slides. These missing tools limited creativity and flexibility.

Even though designs were shared, the implemented version in the test-flight build showed variations. Developers used different icons, colors and button designs than the specifications. This drift created confusion among users and among team members.

The client wanted the authoring flow reworked so it matched expectations drawn from popular tools such as Twitter. They insisted on fixed features including title input, background color control, alignment tools, tag addition and ability to build and switch through multiple slides.

Research

Usage & Adoption Trends

From public sources, Storipod surpassed fifty thousand users with strong weekly engagement. That shows the platform had active creators and readers, which gives room for incremental improvements rather than building user base from zero.

Also, the Android app lists over a hundred thousand downloads and a high user rating, indicating users are discovering and adopting the product.

DailyTech Nigeria

Negative User Feedback on Draft Loss & UI Inconsistency

Some users in store reviews complain that leaving the app or switching screens causes work to be lost, drafts not saved properly.

Others report mismatches in icon behavior, button looks, or color styles after updates, which damage consistency and trust.

Design Implications & How It Shapes My Work

Title, background, alignment, tags, and multi-slide features must be dependable (when creators can’t trust basic interactions, they lose confidence.)

UI consistency is non negotiable; icons, colors, button styles all have to match the design spec (mismatches will surface and erode the user experience.)

Edge cases like losing drafts or switching away from the app require robust handling (auto-save, warnings) in flows.

Ideation

I sketched different writing flow options that include title input, background color picker, text alignment, tag addition and multiple slide creation and switching. I compared three early flows to see what felt more intuitive.

I built prototypes of how stories would appear to readers. I tested layouts for slide transitions, title and tag visibility and navigation between slides. This helped me see what viewing layout works best.

I reviewed test flight builds and found mismatches in icons, button styles and color usage. I held meetings with developers to establish a style guide and align all visual components so they match design specifications.

I collected client feedback and informal user insights about which flow felt most usable. Then I iterated designs to simplify slide creation controls, improve alignment tools and ensure tag input is easy to use without visual clutter.

User Journey

Final Solution

Users can now add a title above their story creation so their readers know what “Stori” is about from the get go. They can pick background color, change text alignment, add a tag so their story appears in the right place in ’Explore’. They can also build multiple slides in one story and switch between them smoothly.

When someone views a story they see consistent typography, clear title and tag displays, smooth transitions between slides, and a clean layout with mindful spacing. Icons, buttons and color use match design spec so viewing feels unified across screens.

I made sure the visual components are all aligned, buttons, icons, colors and backgrounds follow a style guide. I worked directly with developers to remove inconsistencies that showed up in the test flight build. This ensured the user interface is polished and coherent.

Throughout use there is quick feedback when user changes alignment or background color. Slide changes are responsive. Tag inputs show suggestions or confirmed tags. All interactions feel deliberate and reliable.

Wieframes

Before (Create New Stori)

After (Create New Stori)

Low Fidelity

Create (Text Alignment)

Create (Colours)

Hashtag

Cover Photo

Preview

Outcome

Platform Reach & Engagement

Storipod has over 100,000 users publishing, discovering, and monetizing stories via stablecoins on the platform.

Over 2 million stories (“Storis”) created.

The writing/viewing flow improvements led to positive feedback from users and the client, fewer complaints about UI inconsistencies and better user satisfaction (qualitative).

https://storipod.com/

Lessons Learned & What I’d Do Next

Document design specs early (icons, colors, spacing) to reduce drift during implementation phases.

Build a small style guide or component library for Storipod to ensure future screens maintain visual and functional consistency.

Consider performance and loading for users on lower bandwidth or less powerful devices when using background color changes/slides.

Key Takeaways

Giving creators control over the authoring experience increases engagement and ownership.

Consistency in UI builds trust; users trust consistent visuals more, especially when stories are shared publicly.

Features that feel familiar help reduce learning curve.

High user engagement numbers and strong feedback prove that refining the create/view flows adds both polish and utility.

Related Work

Related Work

Related Work

Related Work

Related Work

Ready to build?

I’d love to collaborate if you’re building a product and want it to feel clear and usable…

Create a free website with Framer, the website builder loved by startups, designers and agencies.