Challenge Summary
Welcome to the Apollo Opportunities Mobile Application Wireframe Challenge
The purpose of this challenge to build a mobile application which will facilitate the growth of an internal community at our client which will enable their 17,000 staff. They should be able to communicate with each other, to submit opportunities from anywhere. We should help to enable to paradigm of “Spot, Share, Succeed” which translates loosely to spotting an opportunity, sharing it for feedback, and succeeding through implementation of that opportunity. Staff submitting opportunities that convert will be rewarded with certain prizes or perks as a recognition of their opportunities succeeding.
This challenge is not about building a platform - it’s about creating a mobile application that will work with the existing platform within Apollo to drive the growth of the community around that platform. We’re looking for creative ideas around wireframing how this application should work and are especially interested in examples of great User Experience.
Round 1
Initial Apollo Mobile Application Wireframe contains these screens:
1. Login
2. Homepage
3. Submit client opportunities
6. Invite colleagues to join the community
7. Community / News
Round 2
Final Apollo Mobile Application Wireframe with updated Checkpoint Feedback:
1. Login
2. Homepage
3. Submit client opportunities
4. View opportunities
5. Opportunities progress
6. Invite colleagues to join the community
7. Community / News
8. Community / News Detail page (i.e. click through from 7)
Company Background
Apollo is a multinational professional services network. Apollo helps organisations and individuals create the value they’re looking for, by delivering quality in assurance, tax and advisory services.
Important:
- This application will developed on the iOS platform as a native application.
- Think about best practice of User Experience that capture all required functionality stated below, at the same time support mobile native functionality
- Your wireframe submission needs the ability to drill down through all the page flows
- Show your wireframe solution on Mobile Portrait View. Use 375px x 667px as your submission screen size.
- The more details your wireframe design will be greatly helpful for us to understand the application flow
Challenge Requirements:
For this challenge, you need capture the requirements below into your wireframe solution as
1. Login
- Form need displayed are:
-- Username (input)
-- Password (input)
-- Login (button)
- This login page will be hooking into a SSO system within Apollo
2. Homepage
- Think about how you design a homepage that will help staff member to get a good initial view of their account and a summary of the necessary information.
- Put in quick way to let user “Submit” opportunities
- Show featured News/Tips/Trick related to opportunities
- Show Personal and Public Opportunities progress (or link through to them) from the homepage. Only approved and non-confidential opportunities should be available - with a precedence given to the opportunities a user has submitted.
- Dashboard of progress for the holistic view? Maybe on the homepage and maybe not but there should at a minimum be a dashboard of some kind showing these 4 metrics: #of ideas submitted | #converted | $revenue | $bonuses been paid
- Received notifications from push communication and maybe the highlights and a link through
3. Submit client opportunities
- Form need displayed are:
-- Opportunity Title (input)
-- Opportunity Category (dropdown). Dropdown values are: Client Specific, Non Client Specific
-- Opportunity Description (textarea). Could be clients that are being thought of, to inform conversation
-- Is this part of your day job? (dropdown). Dropdown values are: Yes, No
-- List potential clients or industries (input)
-- Save Draft (button)
-- Publish (button)
4. View opportunities
- This page list all opportunities from Public (i.e. non-confidential) and those the user has submitted
- Should prioritize personal opportunities
- Don’t build functionality for the existing platform here - simple view into the opportunities
- There will be lots of opportunities, how you design the page navigation best?
- Grid view vs list view might be an option for different views or you can propose others
- For every opportunity, user can see quick opportunities information
- How Opportunities details page looks - a title and some textual information.
5. Opportunities progress
- Staff can follow the progress of their own submissions
- Here’s the opportunity stages:
-- Quick wins
-- Slow wins
-- Back-burners
-- Implemented
-- Unsuccessful
6. Invite colleagues to join the community
- Community growth is perhaps the most important piece of this application so pay a lot of attention to this page.
- This is a corporate environment and can be extremely confidential at times so no social media hooks will be possible.
- Unique ways to invite colleagues are welcome. (e.g. share video messages and whatever you can think of that could work in a professional setting)
- Show us a way to invite colleagues via email or sms
- Show us detailed click flow when staff invite colleagues
7. Community / News
- Notifications that are pushed to the app should be top of this page - there should be an area that’s just controlled posts that have been pushed - e.g “Publicity around New Offering”
- Staff can track an individual bonus or perk once an opportunity has converted
- Possible idea is to create history page of staff member’s rewards
- Ideas for news feed items; Show conversions this month, show employee X just won this prize, employee Y shares this news link, interesting article links
- Should give some kind of indication how all of their combined efforts and opportunities have made for the firm.
- User can receive push notifications with updates on converted opportunities and the progress of their submissions.
- Needs to be a notifications page to choose which notifications they want to receive (but they will always receive URGENT) allow notification via “Push” or “Email” or “SMS”. (This can be a separate page if you feel that’s most appropriate)
- Can post articles that incite discussion - a new proposition etc. - comments allowed here - click through
- This is the community area that should provide interactivity in terms of discussion when you dig in to articles.
8. Community / News Detail page (i.e. click through from 7)
- Detail and comments around the click through
- Add discussion
Target Audience
- Current Customer
Judging Criteria
- User Experience of Apollo Mobile Application Wireframe
- Completeness and accuracy of the wireframe as defined in the spec requirements.
- How well your wireframes provide a consistent user flow.
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
Wireframes should be built in HTML or Axure. The resulting files are not critical in this Challenge. The most important point is that all the content is listed and the pages are linked together to show page flow.
Keep your source files out from this submission folder.
Source Files
All original source files of the submitted ideas. If you would like to submit notes please include notes.txt file.
Final Fixes
As part of the final fixes phase you may be asked to modify content or user click paths.
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.