Tangled
Productivity isn't one size fits all.
Figma
Adobe Illustrator
ProtoPie
Flow Mapping
Skills
Team
3 Person Team
Timeframe
5 Weeks
Productivity Software
Role
UI/UX Designer
Collaborator
Industry
Productivity Tools Expect Users to Adapt
Productivity tools offer increasingly sophisticated ways to organize work, but many still rely on predefined workflows and repeated manual setup. Switching methods can mean reorganizing the same information again, placing the burden of adaptation on the user.
Most productivity tools tell users how to work, not how they work.
Branding
The branding for Tangled reflects the idea of finding order within the busy, intertwining tasks of everyday life. The visual identity balances geometric forms that represent structure with curvilinear elements that evoke the natural flow and chaos of daily responsibilities. This interplay captures the app’s core mission: to bring clarity and adaptability to productivity.
A primary color palette was chosen to keep the visuals bold, approachable, and energetic, while also allowing the interface to feel clean and straightforward. The iconography incorporates imagery of a ball of yarn and continuous string-like typography, directly tying into the concept of “untangling” tasks. These elements establish a cohesive identity that is both playful and professional, reinforcing Tangled’s focus on making organization more intuitive and less overwhelming.
The App
My primary responsibility was interface design and prototyping. I led the creation of the app’s visual look, layout, and core functionality using Figma. In addition, I explored advanced prototyping techniques in ProtoPie to simulate realistic interactions, bringing the app to life in ways that went beyond static mockups.
To push the prototype further I used ProtoPie to add advanced animations and conditional elements that responded dynamically to user context. For example, components of the app shifted based on time of day and weather, allowing Tangled to feel more personal and adaptive. Additionally I was able to create a more advanced prototype for the central control button. These interactive prototypes gave the team and stakeholders a realistic sense of how the app could function in daily use.
Front-End Development
Bel was responsible for building the functional side of the app through front-end development. Using React Native, she wrote most of the app’s pages so that the design could be experienced across platforms. This ensured that Tangled was not only visually polished through the interface design but also structurally usable as a working application. Bel’s work bridged the gap between design and implementation, making it possible to test the app’s core features in a realistic environment.
