Create web app design
Opened this issue · 3 comments
We need a design for the web app and preferable we should use Adobe XD.
In case you didn't know you can download Adobe XD for free here.
At the moment I am still very open to any new suggestions on how this app will work and how we will differentiate the users. Maybe through a abstract JSON database that gets updated with Node.js? Please also comment any suggestions here or join the Discord to discuss changes and get help.
Tips for the design:
- Use plants as a background whenever possible
- Keep in mind that it needs to be responsive
- Keep it modern, sleek and elegant
- Use the picture in the README.md as inspiration
- Please use pictures from Unsplash or similar sites
- Max width for the wrapper is 1280 pixels
What I think we need (may change):
- A landing page where the user has to enter his name at least (I don't know yet if we will make accounts)
- A quick tutorial where the user gets to see the core features
- A overview for the workouts like in the picture mentioned above
- A page where you add your workouts
- A page where you can see a workout day you select
Submit all your designs and ideas here.
This is the current status of the design:
Proposed change to accommodate for cardio change
- Design a "Add a workout" page for cardio training
Here is the cardio workout page. But as @Flusinerd mentioned in our Discord the "Workout time" part may not make any sense since nobody ever hits a preset time usually.
