Initial Figma Design

[Persian-of-Interest]

Create an initial figma design for the coaching dashboard. Implement mobile responsive version as well.

https://www.figma.com/file/2rLsjlDrHHVE4YAbP65Mny/Updated-Smart-Clothing-Mobile-Wireframe?type=design&node-id=0-1&mode=design&t=yl5M7jpRUmFmN9Ro-0

Continued from here: https://github.com/CSU-Northridge-ARCS-Dev/smart-clothing-app/issues/87#issue-2168365601

[Persian-of-Interest]

Progress so far:

https://github.com/CSU-Northridge-ARCS-Dev/smart-clothing-app/issues/87#issue-2168365601

[nirvanafan205]

Updated Landing Page.

Navbar changed with hamburger icon to extend and X to minimize navbar

Landing Page for Mobile Responsiveness

[qtdinh]

Dashboard mockup as a guide of reference.

[qtdinh]

Beta/draft design done for now.

[Persian-of-Interest]

Inspiration for modern overhaul of initial UI design:

https://www.wild.ai/coach-dashboard

https://teamnationsports.com/how-it-works/dashboards/

[Persian-of-Interest]

Feedback for first initial re-design:

General:

• Blend graphs with background

On student view:

• Add more data types (activity ring, steps, calories, etc)
• Add calendar date select

Coaching view:

• Shift focus to show team members (maybe there could be a toggle to show one set of data)
• Add some sort of inbox