We need a basic design for our webapp, which is only available for logged in users. We already have a design for our public website and logo (please see attachments). The webappdesign should fit to our websitedesign, but not be copied one by one.
This webapp should work in all major desktop browsers ( Internet Explorer >8, Firefox > 4, Chrome > 20) and should also look good in tablet browser like IPad. The design doesn't need to look good on small smartphones, since we will create a special mobile app later.
Our tool has five main areas (Home = Dashboard/Homescreen; Training; Nutrition= Food; My Achievments; Tools) and one supplementary area (Settings / Usersettings).
1) Home Screen
Its a kind of a dashboard where we have an overview off the most important tools and data.
Here you can find training plans, your personal training schedule,....
For example: You can select an training plan and make your own training schedule out of it.
Here you can find a calories database, your calories diary, recipes, ....
For example: You can select what you ate and see how many calories you consumed. How much food can I still eat today.
4) My Achievments
Here you can set your goals and examine the state. For example, you define to loss 10 KG in 5 weeks and now you can see an chart of your progress
Some small tools; For example Body-Mass-Index calculator, heart rate calculator, etc...
Set your personall settings..
Target group of the app:
Men and women between 20-45 years old, who want to get slim / get fitter / get muscles.
##### What we want from you within this competetion: ######
Generally, this is a competition for the main webapp design and layout, nevertheless we are looking for a longer partnership, because we will need subpage designs based on this layout in the future.
Please find attached an example wireframe for the content area. Its only an idea of how the training start page should look like. Borders, sizes, positions and so on are only meant as an example. Please think about buttons or icons,... etc. The top blocks/buttons are the sub menu points of the training part. Feel free to find another solution for it (for example left navigation, right navigation, hover,...) Don't forget to add an page header (including our logo and the main navigation).