Project Overview

Swish is Sweden’s most popular mobile payment app. The goal of this redesign was to simplify onboarding, clarify transactions, and modernize the app’s visual identity while maintaining trust and usability.

Challenge / Pain Points

• Confusing first-time onboarding

• Ambiguous transaction confirmations

• Cluttered transaction history

• Lack of visual hierarchy and calmness. Research & Strategy

Research & Strategy

• Analyzed competitors (Klarna, PayPal, Revolut)

• Created user personas for first-time and frequent users

• Mapped journey for onboarding → send → confirm → history

• Strategy: simplify, clarify, modernize, calm UI

Redesign Process & Solutions

• Wireframes: low → high fidelity for new flows

• UI Overhaul:

  • Primary Color (Swish Blue): #168ACB→ used for headers, buttons, and key actions

  • Secondary Color (Swish Green): #00B050 → used for success/confirmation feedback

  • Background / Neutrals: White #FFFFFF with subtle light gray accents for cards/sections

  • Clear hierarchy, readable typography, micro-interactions for feedback

• Key Redesigned Screens:

  1. Onboarding → fewer steps, clear visual cues, Swish blue buttons

  2. Send/Receive → minimal input, instant confirmation with green feedback

  3. Transaction history → grouped, clear headers in Swish blue, success states in green

  4. Notifications → subtle animations, trust-focused design

Before / After Comparison

• Before: cluttered screens, slow onboarding, unclear payments

• After: simplified flows, clean hierarchy, visual feedback

Impact & Learnings

• Reduced onboarding steps from 5 → 4

• Improved visual feedback → higher trust and clarity

• Created a modern, calm UI system ready for scaling features

• Learned how to balance fintech clarity, trust, and simplicity in design