top of page

Sparly application

KEY FACTS
OVERVIEW

Main Role: UX Designer for gamification
Type of app: Economy and Budgeting
Tools used: Figma
Duration: 3 months, 8h a week
Target Group: GenZ and Millennials
Reference apps: Zlantar, Splitwise, Dreams

Sparly_challenges.gif
HIGHLIGHTS OF WHAT I WORKED ON
Sparly aims to help Millennials and GenZ accelerate sustainable living through their economy and budgeting app with gamification elements. The company is based in Sweden and the Sparly app is available both in App Store and Google Play.

I did I did the internship outside my full-time studies to gain more experience in UX Design. I brought in gamification by creating budget challenges to challenge the user to become better with their private economy. 

UX Design / Budget Challenges / Notifications

UX DESIGN

Challenge Hub
  • A gathering place for all the challenges 

  • ​Using color gradient and symbols to symbolise rarity scale

    • Common (​yellow and a coin symbol)

    • Uncommon (orange and a silver coin symbol)

    • Rare (red and a goldbar symbol)

    • Super Rare (purple and a diamond symbol)

  • Symbols changes into green check marks when done

  • Able to sort challenges in different ways

New Challenge Hub.png
New Sorting challenges.png
  • Playful illustration to fortify what the challenge is about
  • Thin gradient behind illustration to enhance it
  • Reward section
  • Checklist when there's multiple steps to complete a challenge
Cheap and Classy 24.png
Shop until you pop! 27.png

CHALLENGES

  • Created 6 challenges for users, fully prototyped in Figma 

  • Created a framework for future notifications

  • Wrote all content on the screens

  • Available in both Swedish and English

  • Challenges consists of following components:
    • Challenge description 
    • Name of the challenge
    • Share description and image for social medias
    • Unique illustration connected to the challenge
    • Reward
Screenshot 2022-06-04 at 17.15.01.png

Overview of created screens before implementation 

Screenshot 2022-05-01 at 12.41.26.png
Screenshot 2022-05-01 at 12.39.47.png

First prototype. Get the description by clicking on the book

Screenshot 2022-05-01 at 12.39.25.png

Removing the green color

Screenshot 2022-05-01 at 12.42_edited.jp

Scale down after feedback

Screenshot 2022-05-01 at 12.42.09.png

After more feedback

Screenshot 2022-05-01 at 12.43.49.png

Final prototype

NOTIFICATIONS

  • 31 different notifications ready for implementation
  • Created a framework for future notifications

  • Focus on being fun and useful

  • Types of notifications

    • News​

    • Bank notifications

    • Challenges

    • School 

    • Spending alarm

Screenshot 2022-06-04 at 17.46.20.png

Overview of created notifications before implementation 

Notice of percentage spent of budget 1.png
Notice when completed a challenge 3.png
Notice of new courses 2.png
Notice with movitation during challenges 1.png
Notice with movitation during challenges 2.png
Notice to get user to finish course 3.png

Examples of created notifications

bottom of page