UX CASE STUDY

Project management app

The context

I was in charge of developing a project management app as part of my Career Foundry UX design course.

The market is saturated with many different project management apps which are for the most part complicated with too many features. It can feel overwhelming and it discourages some users from signing up or using an app. There is also a lack of flexibility for employees to take charge of tasks if they are not assigned as managers.

The outcome

Targeting small creative agencies and freelance designers: Creative Directors, Graphic Designers/Motion Designers and UX/UI Designers and so on.

Taskly is built with essential features and a focus on visual attributes. It is easy to create a task, collaborate between members of a team and with clients. Employees can decide to assign a task to themselves without waiting for approval from their manager. A Notification system will simply let the supervisor know about recent actions.

My role

UX and UI design

Tools

Pen and Paper, Sketch, Adobe Illustrator/Photoshop, InVision and Framer.


Research and Analysis

Competitor analysis

I created a competitor analysis list comparing 3 competitors: Asana, Basecamp and Trello.

I broke down each competitor’s profile, marketing profile, core business, SWOT profile, UI/UX, content, design, and performance quality.

Based on this analysis, I defined Taskly’s main industry and target: Designers. My core customers are Art Directors, Graphic Designers/Motion Designers and UX/UI Designers as freelancers or working in small companies. I also made an MVP with core features which I redefined after doing a survey and setting up interviews.

Surveys and interviews

I created a survey to collect quantitative data in order to validate (or invalidate) customers needs and core features of Taskly’s MVP.

From this survey, interviews and previous researches came Taskly’s MVP:

Calendar displaying tasks by priority (colored)

Assigning tasks to multiple users

Prioritizing tasks

Kanban board with drag and drop

User personas

I created 3 user personas of target customers based on real people to illustrate the core target audience.

Task models

I created a task model including descriptions of complex evaluation, controlled evaluation, and direct connection.

Customer experience map

I built a customer experience map for one of Taskly’s user personas to better understand users behavior.


Information architecture

Card sorting and site map

I ran a test with users to sort a list of pages and categories together. This helped me generate the information architecture for the app.


Prototypes & Wireframes

Wireframes

Wireframes were created to validate and redefine Taskly’s core features. Wireframes were then imported into InVision.

This helped identify the user flow and its pain points. I then tested my wireframes with typical users. The wireframes went through iterations following user testing.


Visual design & User testing

Responsive design

Desktop

iPad

iPhone 6/7

Native app

iPhone 6/7

UI kit

User testing

Click testing

The test was done using VerifyApp.

Test

User was asked to click on where he would add a new task.

Result

All users clicked on the colored button.

Conclusion

This test confirmed the importance of having a colored button for a repetitive task in a busy interface.

A/B Testing

I set up an A/B test on the landing page to find out which version would prompt the user to sign up.

Hypothesis

Placing Header 2 above the Call-To-Action button will increase conversions.

Conclusion

Version A gave a better conversion rate with 60%.

Feedback

“Logo is clear and Simple.”

“The description is easier to read on the grey background”

“I like the full picture rather than the greyed out one”

“I liked this because it had more whitespace and the white
grid around your pictures”

Final UI designs

Native app UI

Taskly. Right at your fingertip.

An idea? Don't wait and jump right into it with Taskly app.