Atzma Easy

App for managing business income and expenses for freelancers and small shops.

Developed as part of my studies in Studio 6B.

Overview

Background

I came up with this idea during my time working as a freelancer in the events planning field. As a freelancer, I spent a lot of time and effort trying to save my receipts, generate invoices, and track my income.
were very expensive, and other solutions like Excel tables were time-consuming and frustrating. It worked, but I wanted something more simple. 
So I came up with Atzma Easy, designed to make the life of a freelancer easier, and give us a little more time for the stuff that matters.

Goal

Conceptualize a free, simple, and intuitive app that will easily suit freelancers facing these problems.

Role

Branding, planning and design of the user experience and interface.

Personas

Crafting the personas

Based off of few informal interviews conducted with colleagues and other freelancers from other fields, I created two personas based off common user goals and pain points.

Mika, 32, social accounts manager

Pain points: Often loses receipts, which affect her yearly cycle. Tried a few methods that didn't work for her and does not want to pay for an expensive app.

Goal: I need an app that will help me keep track of my expenses and receipts.

Moti, 54, light technician

Pain points: Has many customers, and each job has a different fee. Fails to keep track of all his income, attempted to use Excel tables but failed.

Goal: I need an app that will help me document and predict my income from all my customers without using complex tables and forms.

User flow

Choreographing the User Experience

I wanted users to complete their goals with the fewest number of screens possible. The two main user tasks to be accomplished through Atma Easy is to either add an income or to add an expense. As such, I created two diagrams, one for each task so I could visualize the user experience and see what the necessary screens were.

Ideation

Sketches

My goal when I started sketching was to come up with ideas on how I could make the design intuitive. I didn’t want users to play around with the app for too long before being able to figure out how it worked. I took inspiration from the money transfer app “bit”, as many users are familiar with it, and made the process very similar to the transactions in the bit app.

Wireframe

Low-Fidelity Wireframing

I used my sketches to guide me through the wireframing portion of my design process. The main takeaway from my low-fidelity wireframe was to avoid confusing the user, and that from first look at the app you’ll know how to add a new income or expense.

Prototype

High fidelity prototype


Since the main user task is adding income or expenses, I wanted the user to be able to accomplish this from every screen in the app.

I came to these conclusions from the low fidelity wireframes:

  • The income/expenses screens is very busy and hard to read
  • The texts on the lists is too small and hard to tap
  • In the summary screen, there is no clear option to confirm the action
  • In the new income/expense screens, there is no element that indicates progress.

Also, I decided to unite the income and expenses screen to one page, which the user can swap between the two with tabs.

Reflection

What did i learn from Atmza Easy?

Atzma Easy was the first project I worked on that involved conceptualizing an app from scratch. I was a bit nervous to start since I wouldn't have a detailed design brief or an existing design to reference, but I realized that I had a strong understanding of the use context and user goals, since I was designing an app to solve a problem that I was personally facing.

I was able to gain my bearings with that in mind, and consolidate my understanding and vision through user flow diagramming. I ended up having a lot of fun working on the app and enjoyed the creative freedom I had in designing something completely new.

I have included the full prototype below, so feel free to test it :)

< Back to projects