[Work Packet]: Create Figma wireframes for MVP screens

[juscghwe]

Goal

The MVP screens have low-fidelity wireframes that clarify layout intent without locking in final visual design.

Suggested branch name

ux/create-mvp-wireframes

Expected task size

{"Medium" => "a few focused sessions"}

Scope

Create rough wireframes for the MVP-relevant screens from the SDD:

• Login screen
• Daily overview
• Medication editor
• Schedule editor
• Inventory overview
• History view
• Settings screen

Explicit non-goals / boundaries

• Do not finalize visual design
• Do not select a full component library here
• Do not implement frontend code here
• Do not over-polish colors, spacing or branding before MVP

Files / areas likely affected

• external: Figma / design artifacts
• docs/SDD.md: for linking and or integration of pictures

Definition of done

• Low-fidelity MVP wireframes
• Screens listed in the SDD are covered
• Open UI questions / decisions are captured as follow-up issues
• Implementation work remains separate

Validation

• Review whether each MVP screen has a clear purpose and rough layout
• Confirm wireframes are usable as guidance for later frontend work
• Wireframes are somehow integrated into the repo

Follow-up ideas

• Decide UI component approach later
• Create frontend layout shell later
• Refine history visualization separately