UI/UX Designer, Design Lead

Bewear

Description

Bewear is a web application that suggests clothes based on the weather and your temperature sensitivity, which will calculate your sensitivity to hot and cold temperatures and show the best outfits for you.

DailyGo
Background

Bewear project is a project accomplished while studying at Langara College. The team was composed of 7 students, 3 designers and 4 developers. I was a UI/UX designer and Designer Lead. As a UI/UX designer, I created wireframes, mockups, prototypes and UX research. As a Designer Lead, I managed the team, assigned tasks, and supervised the project's progress.

Process

I helped the team define the project's scope and the features we were going to implement. After defining the project goals, I worked with the design team on creating user personas, wireframes, assets and mockups. I also worked with the development team to ensure the design was implemented correctly.

Design Tools
Logo
Application icon
Colour Pallete

Primary

Secondary

Accent

Neutral

Typography

We used a combination of New Spirit for the headings and Open Sans for the content. Which combination provides a friendly but serious approach.

Iconography

We created our icons from scratch to represent the weather conditions displayed in the application.

UI components

We created all the components from scratch, following the material angular design system.

Main card
component
Main card mobile
component
Weather cards
component
Weather cards mobile
component
Header
component
Inputs
component
Selects
component
Checkbox
component
Radio
component
Buttons
component
Custom slider temperature
component
Custom slider temperature feeling
component
Wireframes
challenges challenges challenges challenges
Mockups
lesson lesson lesson lesson lesson