JBS

Too many doors. One app.

Supporters had to jump between separate sources to read updates, join, donate or buy a book. JBS brings political information, public participation, memberships, donations, books, merchandise, news and blog content into one structured mobile experience.

• The problem

  Many independent functions, spread across fragmented touchpoints, with no single place to understand and act.

• The team

  One designer, one developer and one stakeholder. I owned UX, UI, information architecture and the prototype.

• The result

  A mobile app where reading, joining, giving and shopping live together without feeling crowded.

What had to fit in one app

• Political information
• Public participation
• Membership
• Donations
• Books
• Merchandise
• News
• Blog

Three reasons to open the app.

Some people come to understand, some to take part, and some to support. Often it's the same person on different days, so the app had to serve all three without making anyone dig.

• Understanding

  Political information that's easy to access and actually understand.

• Participating

  A guided membership flow for first-time and returning members.

• Supporting

  Donations and a store for direct financial participation.

Every feature wanted to be first. None of them could be.

The opportunity wasn't adding features. It was letting many independent functions live in one app without it feeling overloaded, while keeping both reading and paying clear and trustworthy.

• Goal 01

  A clear mobile experience that makes political information easy to access and understand.

• Goal 02

  Membership, donations and purchases combined into one unified system.

• Goal 03

  Less friction between reading content and completing a meaningful action.

Three challenges, pinned down.

Each one shaped a key decision. Tap a card to see what it meant for the design.

• Problem 1Too much content to read.Large volumes of political content needed strong hierarchy to prevent reading fatigue.Tap to flip ↻What it meant→ Card-based sections with a clear reading orderTap to flip back ↻
• Problem 2Too many calls to action.Membership, donation and store each added an action path, all competing for attention.Tap to flip ↻What it meant→ Context first, the ask secondTap to flip back ↻
• Problem 3Authority vs. readability.It had to feel credible and serious, but never visually dense.Tap to flip ↻What it meant→ Spacing and structure over decorationTap to flip back ↻

Context first, then the ask.

Three decisions did most of the work.

• 01

  Information before action

  Mission, vision and official updates appear before donation and membership prompts. People get context before they're asked to commit.

• 02

  Modular feature structure

  Books, merchandise and blog content sit in scalable card-based sections, so no single area overloads the screen.

• 03

  Simplified navigation

  A persistent bottom bar keeps primary actions in reach without interrupting reading or discovery.

Here's where it landed.

Pick a flow and scroll through the screens, or click through the live prototype below.

Four jobs, one bottom bar.

• Membership

  A guided digital flow for both new and recurring members.

• Donation

  A dedicated contribution experience for support at any level.

• Books & merchandise

  Products connected to the organization, browsed and bought in a card layout.

• News & blog

  Political updates in a filterable, readable content system with category tags.