UI Team Sprint #1 Task #6: Develop Wireframes

Develop Wireframe Steps

1. find a program to create wireframes
   • (I used Sketch, link: https://www.sketch.com/)
2. brainstorm on everything that is needed for site
3. create wireframes
4. check-in with team and agree on layout
5. upload wireframes to their own folder in ui -> public -> wireframes

Below are the current wireframes for project:

LOGIN PAGE

MACHINE LIST PAGE

MACHINE LIST PAGE W/MODAL

MACHINE DETAILS PAGE