We'd like a mobile website developed. Bonus points if you are already comfortable writing Django templates.
Attached is a document showing the website navigation flow for what we'd like you to make. Below are some details about each of the pages shown in that diagram.
Also included is a list of AJAX calls we expect to provide to you. I haven't listed the exact request and response formats, but I suspect this is enough for you to provide a cost and time estimate.
The flow for the mobile website is very similar to the flow of our desktop website and some brief time exploring our site at: http://DeliveryHeroChina.com will help clarify. Please feel free to place an order in order to see the whole site flow, just include the text 'TEST - DO NOT ORDER' in the order notes.
Just a nice picture of the hero & the option to log in or order anonymously
Have you worked with Django templates before? They're a nice way to design web pages with server-side dynamic content. It's not a requirement for the project. If you've worked with them before, great, if not I'm happy to spend some time introducing them to you (They aren't complicated). If you don't want to be bothered, we can also just have you design a static page then replace the appropriate content with Django variables ourselves.
This page is a simple template with a form containing user/pass fields and a password reset link.
This doesn't need to actually be a web page. If the user's GPS location is available, the user should be asked if they are at the location they want food delivered to.
Manual Address Entry:
This page contains a list of saved addresses (if the user is logged in & has some) and also a simple form requesting a street name, street number, and cross street.
The number/street/cross street (N/S/XS) entry has an AJAX call to collect possible locations. You can see this in action on the website.
Once a location has been set via an AJAX 'set location' call, the user can be directed to a list of restaurants which deliver to that location. Clicking on one takes the user to that restaurant's menu page.
Here the user can add and remove items from their cart and choose to checkout. A number of ajax calls occur here to modify the cart on the server.
Here the user needs to enter some required information - Name, Delivery Address, email, cell number. The 'Complete Order' button will return a message indicating that each of these fields is required if any of them is left empty.
We'd like a simple, clean layout with colors similar to the main website. We'd like an enjoyable experience for our users, but right now our top priority is speed of development in order to provide *something* for our mobile users quickly.
Let me know how long you think it will take, when you can start, and any additional details I can provide. I'd also like to see some examples of previous (mobile) work.