The app will be free to download for the end user and they will see the app advertisement on the stores where 10x.zone is supported. We like to start with a "Take a Tour" screen. When the user downloads the app, this will be the first screen they will see (A scrolling view controller) consisting of two parts.
First part on the top is where the user will see screen shots of the app and the button part will be a text area where the user is informed how they can utilize (benefit from the application). This will give the user an idea what the application looks like and its functionality without even logging in or giving some of the permissions required (notification and location permissions) which will be asked from the user at the end of the tour screen. This screen should have a skip button at the bottom so that if the user does not want s/he can avoid it and jump directly into the main screen.
Second screen is our main functionality screen:
In this screen we want a navigation bar part at the top where the name of the app stands and on the right corner, the settings button. After the top Navigation bar, we like to have a scroll view image area (scroll sideways) , image is the prize of coupon or benefit to be received, where the user can see the benefit (reward) s/he will get from the store s/he regularly visits when s/he completes the tenth visit. On the bottom of this area, the user should visually see how many visits s/he made to this store. (Like how many "X"s s/he gets on his/her loyalty / visit card). This area is also scrolled together sideways left or right with the upper image area. When the user scrolls this area, it is moved to another store (another benefit and another visit count). On the bottom of this page we have a tab menu where we have the "Home", Loyalty Cards",Notifications" and "Coupons" tabs.
The third Screen is the page where the user will store his/her loyalty cards:
On this page at the top we want a navigation bar where we have a back button and on the right corner an "Add" Button. The rest of the page design is on your creativity how the user can enter their loyalty cards (Edit and Delete) them. It could be a standard table view with an image on the left corner and title and subtitle fields or much better (Relying on your creativity to make it simple and user friendly for the end user).
The Fourth Screen is the "Coupon Page"
This page displays the Rewards (Or Coupons) to be redeemed when the user hits the visit goal. We are thinking of a three section field, The top field is the image where the user visually sees the benefit. The second field is the text field to define conditions/ways of how to redeem the coupon and the bottom section is the coupon itself (A 2D or QR code barcode)
The Fifth Screen is the "Notifications" Page:
This page also starts with a navigation bar at the top with a back button on the left hand side to navigate back to main screen. Notifications page will have a table view style where the user can track all sort of notifications sent from the system. The Notification types are, each notification type should have an associating icon that is self explanatory. Notifications will be visible in table style.
1-) Visits : The user will have info about when and where they have entered a store (Visit history)
2-) Rich Notifications: The venue owners can send rich notifications (images combined with text) for a call to action like: Happy hour discounts, etc. This field should have a detail view. When the user touches this entry to see the details of this rich notification, s/he will be forwarded to the coupons page where s/he will see the rich notification details (and possibly a coupon or discount to redeem)
3-) Coupons Won: Same approach like the rich notification. The user will be notified with a coupon when s/he hits the visit goal. S/he can directly touch the coupon notification here and be forwarded to the coupon page for the details.
4-) Surveys: The shoppers will be asked questionnaires, she can touch the table style exit survey icon to fill in on a exit survey page for details. The surveys will be generally asked while exiting a store end there would be at most three yes no questions to be responded. Is the shop clean? Is the staff friendly etc.
5-) System Notifications: Sometimes the 10x.zone system can notify all users with generic info.
We want to have this application running both on iPhone 4s, 5, 5s and 5c so the screens must be aligned for both dimensions. We want a "pixel perfect" , design so that we can implement it easily to both forms. We want the project to be delivered in PSD format. (If you have the Xcode capability, it is highly preferred)
For the color set to be used , we leave you free but we will share with you our logo type and icon so that you can get inspired.