Challenge Summary
Welcome to AppXpress – Share The Give App Design Challenge! This challenge is focused on creating fun design concepts/visual solutions for an HTML5 responsive application that will allow providing the people with a "feel good" moment of the day. Doing something positive and sharing that with the world via social networks.
We currently have some key points requirements. We are looking for you to provide design concepts and click-paths. This is the first step in planning our user experience!
In this contest we are looking for DESIGN CONCEPTS on how this Application could work. What should the user see and experience when using the application?
Round 1
Submit your design for a Checkpoint feedback
0. Navigation.
1. Landing Page.
2. Dashboard Page.
3. Organization Detail Page.
- If you have time - 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 Checkpoint feedback
0. Navigation.
1. Landing Page.
2. Dashboard Page.
3. Organization Detail Page.
4. User Feed Page.
- If you have time - 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).
Challenge Description:
The goal is to provide people with a "feel good" moment of the day. Doing something positive and sharing that with the world via social networks. We want people to adopt a "my charities" attitude. Make donations to organizations that speak to them that we recommend through Share the Give and challenge others to do the share. We want people to rate their causes/organizations and have their friends weigh in. Nonprofits will be able to have their campaigns auto populate in the users feed so that people know what organizations need creating a sense of urgency. The content will be fresh and relevant. Generated by Share the Give scanning the users emails, texts, search history and audio for things to promote back to them as an opportunity to give back. Share the Give has to be fully integrated with FB, Twitter, Snapchat, Pinterest and other popular social media sites. Boosting exposure for the user, organization, and Share the Give's brand.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Branding Guidelines:
- Branding Guidelines and Organization detailed information (Share the Give - Concept Notes and Design[2].pdf.zip).
Design Concept Goals:
- How should this application be designed?
- Read the user flow and decide what should the priority features be (what is the priority navigation for this user?)
- How quickly the user can find what he wants? What should the priority features be?
- How quickly can the user understand and interact with the app?
- The application should be easy to use.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
Target devices:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
- Apple Watch: 272px x 340px.
- Apple Watch Human Interface Guidelines: https://developer.apple.com/watch/human-interface-guidelines/
Make sure you create graphic in “vector” format, so when resize the graphic still look sharp! It will be great if you can provide the landscape version.
User Flow:
- Users donates to charities.
- Users rates charities and friends causes.
- Users interact with feed of activities - no money donations - Karma points to charities.
Suggested Screens:
The following screens are suggested screens from us, please feel free to add other screens and features that work fine with what we are trying to accomplish here.
0) Navigation:
- How does the user navigate this application?
- Include navigation that you think fits with this application.
- Focus on the priority items and how things should be sized.
1) Landing Page:
This is the landing page for the application.
- This page should reflect the Share The Give branding and look "premium" in design.
- It should very clearly show what user can do with this application and what the application is all about.
- A user should be able to get to a Help/Getting Started page.
- Explore causes/organizations.
2) Dashboard Page:
- The user needs to select the cause he is interested in supporting, for example Poverty, Hunger, etc.
- After that the user will be able to see all causes/organizations from this page:
-- Organization Picture.
-- Organization Name.
-- Main Person responsible for this cause/organization.
-- Organization Description.
-- How much is raised.
-- How many is supporting the cause/organization.
-- Once the user clicks on the cause he will be taken to organization detail page.
3) Organization Detail Page:
- In this page the user will see:
-- Organization Name.
-- Main Person responsible for this cause/organization.
-- A short video about the cause/organization.
-- How much is raised.
-- How many is supporting the cause/organization.
-- Comments.
-- Donate Button.
-- Support Cause/Organization Button.
-- The ability to rate Cause/Organization.
- Users will be able to share with multiple social media platforms their good deed of the day.
4) User Feed:
- Each user will have a feed where he can see updates about the causes/organizations he support. The content will be fresh and relevant.
Note:
Share the Give has to be fully integrated with FB, Twitter, Snapchat, Pinterest and other popular social media sites to boost exposure for the user, organization, and Share the Give's brand.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Target Audience:
- Millennials.
- Generation z.
- Individuals looking to do something good.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Creativity and ease-of-use is key to the success as it must be engaging to users.
- Making the site something they would check and potentially participate.
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.
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.