Updated Mar, 8th 2013
This is a fictional web-app called 'AutoLists'.
Product : An admin creates the sign-up lists with the requirements mentioned (say families contributing snacks/drinks to a basketball match, picnic etc). The admin shares the URL and the families sign-up with their contributions. The app keeps a track of the contributions and generates reports after the closing date.
Target Audience - Personal event planners, volunteer groups, parents etc.
This design is kept at a very basic level with some development constraints thrown in -
1. Should be no frills with only basic functionalities shown
2. A design that should be extremeley fast loading with no overhead assets
3. Should be a responsive design
4. Preferably front end design to be developed with Bootstrap
The solution is therefore to use typography with a flat design concept.
Here only Google Web fonts and Font Awesome icons are used
it will be great to hear comments about the approach taken and how this can be made better. Thanks.
Iteration 1 (flat)
Iteration 2 (non-flat)