be aWear
be aWear
be aWear
be aWear
be aWear
be aWear
UI DESIGN, BRANDING
2023
The project, assigned during the UI Design master’s program at Talent Garden, involves designing a mobile app aimed at enhancing users' engagement with the fashion industry.
Be aWear is a startup with the mission to increase user awareness regarding their purchases and clothing by emphasizing the social and environmental impacts involved.
The primary goal of the project is to provide users with a tool to evaluate clothing items, understand their sustainability, and consequently discourage unnecessary or unethical purchases. This is achieved through a garment recognition system that also allows the creation of a digital wardrobe inventory and social interaction features, fostering a community interested in sustainability and breaking away from fast fashion.
The project was divided into multiple phases, beginning with a Discovery phase that helped define Personas, map the Customer Journey, and analyze Competitors and Comparables to identify Be aWear's positioning and key characteristics.
The project, assigned during the UI Design master’s program at Talent Garden, involves designing a mobile app aimed at enhancing users' engagement with the fashion industry.
Be aWear is a startup with the mission to increase user awareness regarding their purchases and clothing by emphasizing the social and environmental impacts involved.
The primary goal of the project is to provide users with a tool to evaluate clothing items, understand their sustainability, and consequently discourage unnecessary or unethical purchases. This is achieved through a garment recognition system that also allows the creation of a digital wardrobe inventory and social interaction features, fostering a community interested in sustainability and breaking away from fast fashion.
The project was divided into multiple phases, beginning with a Discovery phase that helped define Personas, map the Customer Journey, and analyze Competitors and Comparables to identify Be aWear's positioning and key characteristics.
The project, assigned during the UI Design master’s program at Talent Garden, involves designing a mobile app aimed at enhancing users' engagement with the fashion industry.
Be aWear is a startup with the mission to increase user awareness regarding their purchases and clothing by emphasizing the social and environmental impacts involved.
The primary goal of the project is to provide users with a tool to evaluate clothing items, understand their sustainability, and consequently discourage unnecessary or unethical purchases. This is achieved through a garment recognition system that also allows the creation of a digital wardrobe inventory and social interaction features, fostering a community interested in sustainability and breaking away from fast fashion.
The project was divided into multiple phases, beginning with a Discovery phase that helped define Personas, map the Customer Journey, and analyze Competitors and Comparables to identify Be aWear's positioning and key characteristics.
Following the Discovery phase, we established the app’s functionalities and began to hierarchize information by developing wireframes to create skeletal layouts and user flows.
After several iteractions and feedback sessions, we defined the complete structure of the application and started designing the visual system and essential interface elements.
The brand definition led to the creation of a Style Guide, establishing typography and color usage, and the initial draft of a Design System. This system includes icons, components, cards, buttons, chips, and all interaction aspects.
Following the Discovery phase, we established the app’s functionalities and began to hierarchize information by developing wireframes to create skeletal layouts and user flows.
After several iteractions and feedback sessions, we defined the complete structure of the application and started designing the visual system and essential interface elements.
The brand definition led to the creation of a Style Guide, establishing typography and color usage, and the initial draft of a Design System. This system includes icons, components, cards, buttons, chips, and all interaction aspects.
Following the Discovery phase, we established the app’s functionalities and began to hierarchize information by developing wireframes to create skeletal layouts and user flows.
After several iteractions and feedback sessions, we defined the complete structure of the application and started designing the visual system and essential interface elements.
The brand definition led to the creation of a Style Guide, establishing typography and color usage, and the initial draft of a Design System. This system includes icons, components, cards, buttons, chips, and all interaction aspects.
Be aWear's visual language reflects the project's values of sustainability and social and ecological consciousness. The color palette consists of neutral tones paired with various shades of green and secondary colors that help define component hierarchy and function. The primary green serves as a distinctive action color, drawing user attention and highlighting CTAs.
For typography, the use of Degular and Inter fonts ensures brand recognition and character while maintaining readability.
The look and feel of the project are completed with simple, clear icons that add lightness to the interface and illustrations that bring vibrancy to Be aWear's visual imagery.
Be aWear's visual language reflects the project's values of sustainability and social and ecological consciousness. The color palette consists of neutral tones paired with various shades of green and secondary colors that help define component hierarchy and function. The primary green serves as a distinctive action color, drawing user attention and highlighting CTAs.
For typography, the use of Degular and Inter fonts ensures brand recognition and character while maintaining readability.
The look and feel of the project are completed with simple, clear icons that add lightness to the interface and illustrations that bring vibrancy to Be aWear's visual imagery.
Be aWear's visual language reflects the project's values of sustainability and social and ecological consciousness. The color palette consists of neutral tones paired with various shades of green and secondary colors that help define component hierarchy and function. The primary green serves as a distinctive action color, drawing user attention and highlighting CTAs.
For typography, the use of Degular and Inter fonts ensures brand recognition and character while maintaining readability.
The look and feel of the project are completed with simple, clear icons that add lightness to the interface and illustrations that bring vibrancy to Be aWear's visual imagery.
Defining the Design System led to the complete development of the UI and the prototyping phase of the product. We created low-fidelity prototypes and conducted usability tests to gather user feedback before finalizing a high-fidelity prototype, paying close attention to microinteractions and animations.
The prototype enables comprehensive testing of the app and its features. Be aWear allows users to catalog their clothes in a digital wardrobe and search for clothing items via text or photo to obtain sustainability information. Those features, along with gamification elements, enhance user engagement and offer the ability to monitor their environmental impact.
Defining the Design System led to the complete development of the UI and the prototyping phase of the product. We created low-fidelity prototypes and conducted usability tests to gather user feedback before finalizing a high-fidelity prototype, paying close attention to microinteractions and animations.
The prototype enables comprehensive testing of the app and its features. Be aWear allows users to catalog their clothes in a digital wardrobe and search for clothing items via text or photo to obtain sustainability information. Those features, along with gamification elements, enhance user engagement and offer the ability to monitor their environmental impact.
Defining the Design System led to the complete development of the UI and the prototyping phase of the product. We created low-fidelity prototypes and conducted usability tests to gather user feedback before finalizing a high-fidelity prototype, paying close attention to microinteractions and animations.
The prototype enables comprehensive testing of the app and its features. Be aWear allows users to catalog their clothes in a digital wardrobe and search for clothing items via text or photo to obtain sustainability information. Those features, along with gamification elements, enhance user engagement and offer the ability to monitor their environmental impact.
By interacting with the voice assistant, users can access simplified interactions and receive outfit suggestions. The app also includes a community aspect to facilitate clothing recycling and discourage impulsive purchases.
By interacting with the voice assistant, users can access simplified interactions and receive outfit suggestions. The app also includes a community aspect to facilitate clothing recycling and discourage impulsive purchases.
By interacting with the voice assistant, users can access simplified interactions and receive outfit suggestions. The app also includes a community aspect to facilitate clothing recycling and discourage impulsive purchases.