SkincareTracker

Features Completed:

[X] Implemented Skincare Card with editable steps and selectable time

[X] Resolved DashboardViewController issue from last week

[X] Refined UI on Dashboard page

[X] Refined Wireframes to reflect current changes [X] Set up the calendar page

[X] Build a custom calendar component

[X] Set up Tab navigation between pages

[X] Set up Dashboard page

[X] Build detailed Figma Wireframes to base UI off of

[X] Created Low Fidelty Wireframes

[X] App loading page

[X] Designed app logo

Table of Contents

1. Overview
2. Product Spec
3. Wireframes
4. Schema

Overview

Description

A skincare app which allows for users to build their skincare routine and recieve reminders based off their preferences.

App Evaluation

• Category: Lifestyle/Selfcare
• Mobile: This app is unique to the phone because it is meant to send notifications for skincare in the AM and PM in a place that is most accesible to the user. Most people tend to check their phone first thing in the morning or before they go to sleep, allowing them to see the app notif and resolve it.
• Story: Allows for users to do their skincare day and night without skipping it as many people buy the products but have a harder time keeping up their regimen. This is somthing me and my friends struggle with, so I know it would definitely help us personally.
• Market: The market for this app would be quite large. The prevalence of skincare on social media has only skyrocketed these past few years and since then many people have adapted a skincare routine. It provides value to them by helped them upkeep their skin.
• Habit: This app is quite addictive, as a user would see the notification at least once or twice a day (AM and PM) for their routine and must interact with the notification or open up the app to resolve it.
• Scope: V1 would allow for users to enter in their skincare routine and recieve notifications for times that they set. V2 could include more information about building a skincare routine with suggestions to the users based off a skincare quiz or brands.

Product Spec

1. User Stories

Required Must-have Stories

• Users can enter in their current skincare routine split based off certain days in the week
• Users can set times for when they want to recieve reminders for their skin (AM and PM)
• User can interact with the notification based off the completion of their routine
• Users can view a "streak" for how long they have continously done their skincare

Optional Nice-to-have Stories

• Users have an option to share their skincare streak
• Users can have milestone awards based off their streak

2. Screen Archetypes

• Calendar Screen
  • In this weekly calendar, users can enter in their skincare routine here and set when they wish to recieve alarms

• Dashboard
  • Users can see any messages regarding their activity
  • Users can also see upcoming skincare reminders
  • Users can see their skincare streak

3. Navigation

Tab Navigation (Tab to Screen)

• Calendar Tab
• Dashboard Tab

Flow Navigation (Screen to Screen)

• Calendar Tab
  • None
• Dashboard Tab
  • None

Wireframes

Low Fidelity and High Fidelity