Course Project

Juggle

A mobile task-and-calendar app concept for freelance designers, built as a team project for SFU's IAT 334.

Role
UI/UX Designer
Team
Team project — SFU IAT 334
Timeline
Spring 2022
Tools
Figma
A 'Domain Group' research slide profiling 'The Covid entrepreneur' — an individual artist who turned a hobby into a business during the pandemic and now manages it alongside an in-person job.
One of the team's research artifacts, defining the kind of user Juggle was designed for.
A hand-drawn mind-map titled 'Groups,' branching into Retail, Artist, Digital, and Miscellaneous categories of freelance work, with handwritten research notes.
Early ideation, mapping the range of freelance work the app might need to support.

A team project for SFU’s IAT 334, Juggle was built around a specific gap its team identified: freelance designers, especially those newly navigating the pandemic-era gig economy, had project-planning tools and task tools, but nothing that connected the two in one place. The team’s own research cited LendingTree’s finding that 49% of pandemic-era hobbies had turned into small businesses — pointing at a specific kind of user: someone whose Etsy shop or side business had started at home, now needing to coexist with a return to in-person work. The app paired a to-do list with a calendar-based task system so designers could plan and execute in the same interface, without the general-purpose clutter of a broader productivity app.

Research

That focus came out of the team’s own research process — informal interviews conducted in a localized format, mostly with friends and college peers whose routines had been upended by the pandemic. From there, the team defined a persona to design around: Mischelle Livton, a UX designer who’d turned a hobby into an Etsy shop and was now trying to balance it against a day job. Her stated goals were straightforward — plan her day clearly enough to fit both halves of her work in — and her pain points were the ordinary cost of split attention: forgetting small tasks, and losing track of which parts of the day belonged to which side of her life.

Design evolution

A slide titled 'Earlier Iterations,' showing three hand-drawn wireframe sketches, a set of three triangle-icon concepts labeled Daily Tasks, Project Dashboard, and Calendar, an early mobile sign-in and task-add flow built entirely from triangle graphics, and a separate, more complex kanban-style concept with Project/Discord/Report panels.
The interface didn't arrive at its final shape directly — sketches, a triangle-icon navigation concept, and a more complex kanban-style direction were all explored before the team converged on the simpler final app.

Between those early explorations and the final app, the team also pulled back on the flow itself — narrowing down to the specific interaction points a user needed to reach the app’s core features, like creating a project or checking off a task, instead of routing through extra steps in between.

01

What we tested

  • Creating a project
  • Planning tasks
  • Signing up
  • Opening the app to start a task
02

What we found

  • Text that ran too small
  • Contrast that was hard to read
  • Copy that tested as confusing
  • Interactions that gave users too little control

The one fix that made it into the final design: the triangle-based icons used to signal task urgency read fine as a concept, but tested worse in practice than a conventional scheme — the team replaced them with the red/yellow/green system shown below.

Final design

After the team’s research, flow narrowing, and usability testing, Juggle converged on a small set of core screens: a dashboard connecting the user’s projects to their relevant third-party apps, a todo list for daily tasks, and a profile that kept personal and professional progress visibly separate.

Two Juggle screens: a Dashboard listing three in-progress projects with circular completion rings (73%, 51%, 24%), and a Project detail view with a task checklist, an 80% completion ring, and connected third-party apps (Etsy, Instagram, Gmail, Slack).
Dashboard and project detail — the app's core screens.
The Todo screen in a phone mockup: a task-completion gauge at 80%, a list of tasks with several crossed out, and a checkmark animation overlaid on the list.
Todo — with the crossing-out completion animation.
The User Profile screen: Personal and Professional progress rings, and a Connect Accounts panel with Etsy, Instagram, Gmail, Slack, Outlook, and Behance icons.
Profile — separate Personal and Professional progress.

My role on this team project

  • Designed and built the dashboard — project cards, completion rings, and connected third-party apps
  • Designed and built the To-do section, including its task-completion animation

Reflection

The clearest lesson from Juggle came out of usability testing itself: the triangle-icon system for signaling task urgency read fine as a concept, but tested worse in practice than a more conventional red/yellow/green scheme, so the team replaced it. It was a reminder that a distinctive visual idea can lose to a familiar one when the familiar one communicates faster — useful to learn on a tool that was already asking users to trust a new pairing of to-do lists and a calendar in one place.

Next project

Fresh Slice