Cardera

Solo developer · 2025

Mobile App Flutter Play Store Visual Design

Cardera is a swipeable card app built as a UI/UX and branding exercise. The content is intentionally lightweight. The real focus is visual polish, deck identity, and a calm interaction flow.

View on Play Store

Cardera deck library showing premium deck tiles and gradients

Premium Visual Identity

Each deck has its own tone, gradient, and styling. Designed to feel collectible and consistent.

Swipe Experience

Tinder-style interaction with subtle feedback. Built to feel smooth and intentional, not gamified.

Cardera showcase grid showing saved cards

Showcase as a Gallery

Saved cards live in a clean grid that feels like a personal collection, not a cluttered saved items list.

Card detail view for rereading or sharing

Card Focus

A quiet, readable view for revisiting and sharing. Typography and spacing do the heavy lifting.

Intent

What This Is

A visual design exercise packaged as a real app: deck-based content, swipe discovery, and a curated personal space. The goal was not to build a must-have utility. It was to build something that feels branded, coherent, and premium.

What This Is Not

This is not a technically complex product. The content is subjective and partially AI-written. The differentiator is UI craft and consistency, not novelty of features.

What I Practiced

Design system consistency, spacing, typography, and component reuse
Deck identity as a visual language
Interaction polish including swipe and micro feedback
Shipping an app end-to-end within constraints

Visual System

Deck-driven Styling

Decks define shared styling such as gradients, colors, and identity. Cards inherit visuals through deck association so everything stays consistent without per-card styling chaos.

Dark Mode Only

I intentionally removed theme switching to keep one cohesive aesthetic and avoid design drift. It simplifies decisions and keeps the experience focused on a single brand mood.

Component Consistency

A shared spacing scale, typography system, and radius rules guide the interface. These constraints reduce visual drift and keep the experience cohesive as it evolves.

Interaction Design

Swipe Mechanics

Tinder-style swipe interaction with Cardera's own card styling. Feedback is intentionally subtle. Short icon animations transition from filled to outlined to confirm the action without feeling noisy.

Navigation Flow

The core loop is intentional: explore a themed deck, swipe to filter, then curate your favorites into a personal showcase. Each step has a distinct purpose. Discovery, selection, and curation are clearly separated so the user always knows where they are and what they are doing. The showcase separates Cardera from a simple swipe experience. Users do not just save cards. They arrange and present them against a chosen animated background. It turns passive consumption into something that feels personally owned.

Implementation Notes

State and Persistence

DeckModel and CardModel with cards referencing deckId
StorageService centralizes state and persistence
SharedPreferences for saving liked, showcased, and completed state

AI-Assisted Development

Built with AI as a development tool throughout. My focus was product direction, UI system decisions, and iteration. This included defining the UI system, choosing tradeoffs, integrating features, selecting fonts and icons, refining colors, and shipping. The current codebase is functional but not as clean as I want. This was a deliberate tradeoff to prioritize speed and polish.

Improvements & Reflection

Improvements

Refactor AI-assisted areas into cleaner and more maintainable modules
Strengthen separation between UI, state management, and business logic
Introduce cloud sync for cross-device persistence
Improve project structure, folder organization, and naming consistency
Expand share and export options with additional formats and templates

Reflection

Making something feel premium is less about adding more features and more about consistency and restraint. This project trained taste in spacing, typography, motion, and brand coherence. It showed me that shipping a polished experience is a skill on its own.

Want to talk UI/UX, branding, or product design?

Let's connect