Design

Youth Mobile App User Experience

201028_Size Standard(iPhone11:375x812)

The numbers will change as we progress, so no need to be super accurate with the sizes.
More importantly, we need responsive sizes. The current frame is iPhone11 (375x812). The design will NOT look attractive if we use the same size values and launch the app on different devices such as iPhone SE, Android, or iPad. Therefore, we eventually want the bars and fonts to shrink sizes in response to the device size.
Font used: Roboto (https://fonts.google.com/specimen/Roboto)

201025_Color Palette

On the left are the colors provided by MTW. On the right are the colors that I am actually using in the designs (colors may change).

201021_SignUp Page

Colors may change.

201014_Login Page

Colors may change.

201014_Outcomes Page

Colors may change.

Initial Home Screen, Pod Screen, & Outcomes Screen