Owntrack

Owntrack is a product initially addressed to non-profit organisations. It allows the user to set appointments, register data. Let’s discover what was the design process and how I applied it…

 
presentation.jpg
 

Let’s put context:

Team Size: A solo project

What we launched:
The new visual identity,
A prototype of the MVP for
desktop and mobile.

How long: 14 Days

I focused on:
Interviews, and understand people’s need, Define a topic connected with spreadsheets. Ideating, Sketching ideas, Prototyping, Usability Testing.

 
 

A spreadsheet, why?

Short brainstorm to about spreadsheets.

Short brainstorm to about spreadsheets.

 
 

To understand people’s need, let’s ask people!

I interviewed 14 professionals about their jobs, mission, and understanding of how they coordinate their time, the organisation, and the team’s communication.

 
 

Organisations have multiple projects on hands, so they have to
get an overview of things to do.
Projects need to be delegated to the next team.

 

Companies or non-profit organisations use grid systems to support the development of their structures. They intend to organise themselves to be more efficient.

Doesn’t have any database,
No one is assigned, 
Difficult to get updated.

 
 
 

Drive my decision

50% of my professionals’ interviewees are involved in caring for people, working in hospital staff, doctors, and non-profit organisations. Therefore, I decided to build a scenario and user persona about the Emmaüs Solidarité association.

 
Founded in 1971 by the French priest,  Abbé Pierre.

Founded in 1971 by the French priest,
Abbé Pierre.

About Emmaüs

It’s a French association “These organisations run income-generating activities at a local level with people who have experienced social exclusion from accessing their fundamental rights and, through their collective action, demonstrate there are credible alternatives to injustice.”

 

This application aims to help the staff/volunteer of the organisation manage its participants.

Those participants aim to get a new job, and 100% of them are homeless people.

They might have antecedents psychological or physical diseases. It’s more than essential to keep their data confidential.

 
streets.png

The situation always starts from the street.

 

Let’s define the user

 
 
 
 
photo-1573496130488-f3bd89d03653.jpg

Michelle Lamarre, 35

Coordinator at Emmaüs

“I am worried about the confidentiality data of
people I’m in charge”

  • Responsible to do the bridge between
    participant and association.

  • Sends activity report annually.

  • She carries more than 10 participants.

 
 
 

Diana Danico, 24

Volunteer at Emmaüs

“Helping others is still the best way to help yourself.”

  • 4/5 per day she gives her time with Emmaüs.

  • Distributes food in the street in a team.

  • Answers to the phone at the office reception.

  • Needs to know how to be more reassuring.

istockphoto-622300622-170667a.jpg
 

Findings - Pain points

Flexible

Staff wants to be flexible in their planning because they need to respect the deadline but they’re facing challenges because they might have unexpected event

Take over

When somebody is missing,
staff want to take over the project

so I can be still updated.

Collaborative

Volunteers wants to their share ideas because they wants to improve activities for the participant, but it’s frustrating, they cannot see what was already made before.

 

How might we?

How might we help the member of the non-profit organisation keeping consistency in homeless’s information? 

How might we help the member of the non-profit organisation to stay flexible in their weekly plans?  

How might we help the volunteers to facilitate
the entry of information
during their food distribution time?

How might we keep the user information secret?

 
 

Benchmarking (Saas, Calendar and other grids.)

 
Calendly website, 2020

Calendly website, 2020

Here for the calendar, it displays the time, but for different uses, one is for set appointments and the other one made to show the shifts.

Factorial website, 2020

Factorial website, 2020

 

How does it start?

During the distribution volunteers take the time to have a casual chat, they suggest the insertion program. If they agree, volunteers register participants, then get an appointment to the office where the staff is based.

IMG_5030.jpg

Participants are the people involved into a retrieving financial self-sufficiency program. Customer Experience,

 
 
scenario.png
 
 
 
calendar.png

During my interviews, I took into account the importance of macro organisation, micro organisation and the need to stay flexible.

That why I wanted to create a modular calendar where you can check monthly, daily, and monthly  

 
search-sketch.png

I added another way to get to the program by using a search feature. I interviewed non-profit organisations, and persons implied in the evolution of the participants need to work on the same database, it the reason that drove me to elaborated a thread.

 

Desktop Sketching

Checking a profile.

Checking a profile.

 
Consulting tasks.

Consulting tasks.

Getting an overview and easy access.

Getting an overview and easy access.

Mobile Sketching

Step 1:  Defining the person.

Step 1: Defining the person.

Step 3: Create a profile.

Step 3: Create a profile.

 
Step 2: Set the appointment.

Step 2: Set the appointment.

Step 4: Validation of the profile.

Step 4: Validation of the profile.

 

Art Direction & Branding

Dynamic and trustworthy

For this application, it was essential to increase trust, to encourage the user to enter confidential data. I choose the typeface KansasNew, letterforms bring a feeling more human. The circular shapes recall the intermeshing gears in a machine.

 
logo-white.png
 
 
 
Style tiles: understanding how the visual identity looks like

Style tiles: understanding how the visual identity looks like

  • Orange and white are used as a dominant colour to highlight the web app’s content.

  • We handle Blue as subtle accents to bring softness to the layout.

  • The tones of grey are used for the text and informative elements.

 
 
 
 

Synthese is the type used in the whole product, from the Production Type. “gentle curves and subtle details.
A rational and rigorous approach to it shaping produces a neutral yet welcoming voice.”

 
presentation .png
 

The Prototype

Desktop version

User profile 4.3.jpg
My dashboard 8.0.jpg
dashboard-desktop.gif
 
evolution_mobile_reduced (1).gif
 
evolution mobile.png

Here 2 examples from
iterations and user testings.

 
 
evolution.png
 
 

Takeaways

For this project, I needed to tailor a spreadsheet solution regarding my users’ kind and increase my research to identify the needs. Getting user-centred helped me to develop my empathy.

Working on spreadsheets was challenging because it appears as a prominent tool. There is some privacy content that our interviewees are not allowed to show belonging in the organisation and not the core of the job.

Asking: “Hey, can you show us your spreadsheet?” This is not the most optimal approach. There are other ways to say it. Like “how do work day by day?” or “How many projects do you manage?” This project has been an opportunity to push me into more interviews and refine the customer experience.

 

Thanks for reading!

 
Précédent
Précédent

Flight Trust

Suivant
Suivant

Federal Café