//COMPOSED

//COMPOSED

A product concept of an augmented reality app, built to seamlessly blend the user's assets into their environment.

A product concept of an augmented reality app, built to seamlessly blend the user's assets into their environment.

SERVICE AND OFFER

UI/UX Design

UI/UX Design

Product Design

Product Design

PROJECT DURATION

8/2026 - 9/2026

8/2026 - 9/2026

MY ROLES

Lead UX Designer, UI Designer

Lead UX Designer, UI Designer,
UX Researcher

Lead UX Designer, UI Designer

01PROBLEM & SOLUTIONS

01PROBLEM & SOLUTIONS

"Composed" is the concept of an augmented reality app meant to be an extension of a user's creative workspace. It meaningfully blends the artist's ideas into the real world through an intuitive workspace.

NERO looks to provide the essential guidance needed for users to create their own fitness environment, by filling the gaps of uncertainty users might have.

WHY IS IT EFFECTIVE?

WHY IS IT EFFECTIVE?

  • Multitude of tools available to aid the expression of ideas

  • Multitude of tools available to aid the expression of ideas

  • Simple and fluent learning curve for casual use, yet still remaining capable for intricate and nuanced usage.

  • Simple and fluent learning curve for casual use, yet still remaining capable for intricate and nuanced usage.

  • Large range of formats available to import including .USDZ and .GLB (for 3D) for a variety of users.

  • Large range of formats available to import including .USDZ and .GLB (for 3D) for a variety of users.

02HOW DOES IT WORK?

02HOW DOES IT WORK?

  • One Canvas allows the user to manually identify surfaces, or has the option to do it automatically, such as the wall and ground below.

  • One Canvas allows the user to manually identify surfaces, or has the option to do it automatically, such as the wall and ground below.

  • Assets like models, textures, and images can be imported onto the scene, like patterns and objects. These assets can be modified in relation to the surfaces, such as scaling, transforming, or warping.

  • Assets like models, textures, and images can be imported onto the scene, like patterns and objects. These assets can be modified in relation to the surfaces, such as scaling, transforming, or warping.

Once finished, users can take a snapshot of their scene which is saved in their gallery and can be re-edited later on.

NERO looks to provide the essential guidance needed for users to create their own fitness environment, by filling the gaps of uncertainty users might have.

03DESIGN

03DESIGN

ACCESSIBILITY DESIGN

ACCESSIBILITY DESIGN

Composed offers high contrast and dark mode for usage in bright or dim places, and custom color presets for users with CVD like protanopia/tritanopia. It also offers audio replay for action buttons and value changing, such as embedding an asset or translating it using the slider.

Composed offers high contrast and dark mode for usage in bright or dim places, and custom color presets for users with CVD like protanopia/tritanopia. It also offers audio replay for action buttons and value changing, such as embedding an asset or translating it using the slider.

UI DESIGN

UI DESIGN

PROTOTYPE

PROTOTYPE

04USER CONSIDERATIONS & PSYCHOLOGY

04USER CONSIDERATIONS & PSYCHOLOGY

Composed is built with the idea that users of all ages and experience can easily pick up their phone and use the augmented reality space with simple guidance. It is designed with the average user's ability to comprehend new information/processes in mind.

Composed is built with the idea that users of all ages and experience can easily pick up their phone and use the augmented reality space with simple guidance. It is designed with the average user's ability to comprehend new information/processes in mind.

COGNITIVE LOAD

COGNITIVE LOAD

The app focuses on designing for the 3 theoretical psychological needs known as autonomy, relatedness, and competence, also known as the self-determination theory. When these needs are met, motivation is heightened, which I believe is particularly important here.

The app focuses on designing for the 3 theoretical psychological needs known as autonomy, relatedness, and competence, also known as the self-determination theory. When these needs are met, motivation is heightened, which I believe is particularly important for NERO.

DISCOVERABILITY

DISCOVERABILITY

Designing for autonomy, means allowing users to have control over the "ownership" of a plan, while not being limited to a single path. Post-creation editing boosts autonomy, which is usually done when new user needs are needed to be met. For example, a recent injury, a new preference, or a changed deadline can be causes for plan revision, which can be done swiftly.

Designing for autonomy, means allowing users to have control over the "ownership" of a plan, while not being limited to a single path. Post-creation editing boosts autonomy, which is usually done when new user needs are needed to be met. For example, a recent injury, a new preference, or a changed deadline can be causes for plan revision, which can be done swiftly.

MENTAL MODEL

MENTAL MODEL

In the context of NERO, relatedness refers to being understood as a user, by a design that shows it can understand users. A bad example could be using many negative cues which demotivates the user because they skipped a day. Some situations are uncontrollable, so leaving the user with thoughts like "I've already missed a day, maybe this won't work out after all" is harmful. A better example can be highlighting improvements to get them back on track. This provides motivation, showing the app understands the user even in setbacks.

In the context of NERO, relatedness refers to being understood as a user, by a design that shows it can understand users. A bad example could be using many negative cues which demotivates the user because they skipped a day. Some situations are uncontrollable, so leaving the user with thoughts like "I've already missed a day, maybe this won't work out after all" is harmful. A better example can be highlighting improvements to get them back on track. This provides motivation, showing the app understands the user even in setbacks.

COMPETENCE

COMPETENCE

Competence is a measure of our own "capability", measured by how well we perform a task in relation to the effort put in. Though, I believe the highest feelings of competence stems from understanding how and why a task was done, rather than just completing it. Therefore, the results page is designed for reinforcing understanding. Data, whether biological or quantitative of a user's finished workout, can help them discover why their workout was successful.

Competence is a measure of our own "capability", measured by how well we perform a task in relation to the effort put in. Though, I believe the highest feelings of competence stems from understanding how and why a task was done, rather than just completing it. Therefore, the results page is designed for reinforcing understanding. Data, whether biological or quantitative of a user's finished workout, can help them discover why their workout was successful.