Challenge Summary
Help Volunteers to navigate Relay for Life events. With this mobile design you can really make an impact and help in a fight against cancer. Design this Mobile App for iPhone and iOS 8 to be built with Swift. This app intended to help users navigate information about American Cancer Society events, register, participate in Relay For Life and collect micro donations.
Round 1
Submit your design for a Checkpoint feedback:
1. User Registration/Event Checking
2. Calendar of Events
3. Donations
4. Social Media
- If time allows - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Design plus any Checkpoint feedback:
1. User Registration/Event Checking
2. Calendar of Events
3. Donations
4. Social Media
- If you have time - please provide us with a click map for your design with storyboard.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Currently there is no check-in, micro-donations, calendar or social functionality; these will be new features in the app. Currently, the mobile registration section uses MoovWeb to manage responsive pages on mobile devices. There are 2 iOS mobile apps exists in appstore that mostly point to mobile responsive site.
The URL is m.relayforlife.org. Current screenshots included for reference. Use these resources to get initial ideas to come up with application flow and designs.
Primary Goals:
Event Experience App features:
- Registration/check-in – Allow event participants to register and check in on-the-go. Each year millions of volunteers, participants and staff participate in Relay For Life, Making Strides, and other ACS events. The current registration and check-in process is manual, slow, and frustrating. We want to provide a solution that will address these problems so people at the event can focus on enjoying the event, not standing in long lines.
- Micro-donations – Users can accept and track micro-transactions at the event. Some money is raised on event day, but we can help increase that by providing an easy way to take micro-donations during event activities (bake sales, carnival games, etc.).
- Calendar – Supporters can view times and locations of events. Making the map and activities schedule for events available via mobile will improve the experience for attendees.
- Social – Attendees can easily communicate via social media to generate buzz around the cause. Better integration with Facebook and other social sites can help increase support, attendance, and possibly even donations.
Target Audience:
The number of users could vary from thousands to even tens or hundreds of thousands. American Cancer Society provide assistance to millions of cancer fighters, caretakers, and loved ones. We also welcome more than three million participants at 5,000+ Relay For Life events and 1 million at nearly 300 Making Strides Against Breast Cancer events. Depending on the app user experiance, the audience could multiply exponentially once the new app adoption is successfull.
Design Guidelines:
Can follow existing responsive web site m.relayforlife.org for branding, ACS Logo and color schems can be used as well. However there is not a strict branding guideline fo this design challenge.
Design Concept Goals:
- How should this application look?
- Read the user story and decide what should the priority features be (what is the priority navigation for this user?)
- How quickly the users can find what they are looking for?
- The application should be easy to use.
- Think simple but effective solutions! Have fun creating this - be creative and let us know how you think it should work!
- Feel free to explore the design and come up with good ideas to provide simple and great user experience with Relay for Life events for ACS.
Screen Sizes:
- Mobile: 320px x 480px Portrait (target devices iPhone 5-6)
Judging Criteria:
- Creativity in the design to help define how volunteers will register and participate in events.
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Design should possible to build and make sense as a mobile application
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Provide an image or wireframes storyboards flow of screen desgns and user actions.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.