Challenge Summary
Welcome to AppXpress Enhancements Wireframe Challenge. We are building out the AppXpress.com website with a additional functionality. Help us wireframe and design these new layers so that we can have an amazing and functional site. We already have an existing site and interaction model, so please include that in your thinking as you design for these new features.
In this challenge, we are looking for wireframe (Axure) solutions based on requirements from our client. We’re also looking to the community to come up with interesting ideas for the workflow - we’re absolutely open to creative solutions!
At the end of this wireframe challenge, we are looking to have a complete solution for the user experience and flow of the application.
Round 1
Submit your wireframe for a Checkpoint feedback:
A- Appirio Insights
B- Appirio Answers
Notes.jpg: Any comments about your design for the Client
Round 2
Final wireframe plus any Checkpoint feedback:
A- Appirio Insights
B- Appirio Answers
C- Appirio Accelerators
Notes.jpg: Any comments about your design for the Client.
Challenge Description:
The goal of this challenge is to enhance the existing AppXpress site with 3 major new features:
- Appirio Insights
- Appirio Answers
- Appirio Accelerators
We also want to adjust the header section accordingly.
Wireframe Expectations:
- Produce HTML click through wireframes that can be used to demonstrate all mentioned functionalities as required in each round.
- The website must be very easy to use and intuitive. Keep that in mind when designing your solution.
- You MUST cover all screens mentioned in required new sections below, if any requirement is missing in final submission the client will not take a look at it, so make a checklist for the required screens to make sure you designed all of them.
- Please show us your proposal as a movie or series of wireframes that communicate the user’s intended interaction with your proposed solution.
- Also Submit .mov, .avi, or PDFs for your submission files.
- You MUST use wireframes note pane in every single page you design to explain what items are addressed in that page from the documentation, what things you added/changed/removed, use it to make your idea clearer and help the client to give you constructive feedback.
Responsive platforms:
In order of priority, the responsive design should focus on:
- Full Screen (Desktop, Laptop)
- Tablet
Required New Sections:
A- MAIN SECTION: Appirio Insights
These are consultant profiles. Should be brief, concise, and be immediately engaging. This is a service for finding experts and booking (reviewing that experts availability and scheduling via a calendar) one-on-one time with the expert for a certain number of hours (ie. purchase 3 hours of a developers time), which will be delivered via a Google Hangout Session with the developer. Payment is required up front, so the user would go through a payment process while booking.
Inspiration: Good representative samples of similar functionality include: LinkedIn, Airpair, careersushi
Required Appirio Insights Screens:
1 - What do you want to talk about?
The user identifies the areas of interest and a brief problem statement. The area of interest should be a tag-based system that allows them to choose from many different topics. The user will select from a set expertise tags. These tags will determine the audience for the question. The user will be presented with a free-form input text area. As the user types the question, the page should auto-detect keywords and suggest additional tags. In addition we should capture a brief description of what they want to talk about. Keep it conversational.
The idea here is that we start with gathering information on topics they want to talk about and then we suggest profiles that match.
2- Browse Appirio Insights Profiles with filter
This idea is the flip of the first screen. Instead of choosing topics, the user chooses a profile directly and attempts to book a session.
The filtered view should allow the end user to select from a set list of tags, and then filter the list of available profiles accordingly. The end user is expected to be browsing through the profile list fairly quickly and fluidly, load time and screen refreshes should be minimized. Each profile will be displayed as a card with details.
3- Appirio Insights Profile Detail Card
The profile detail card should contain at least the following attributes for each consultant:
1. Name
2. Headshot
3. Hourly rate
4. Tagcloud of expertise
5. Certifications
6. Links to other social sites (twitter, linkedin, github, etc.)
7. Link to full profile
4- Profile Full Detail
The full page profile screen should contain all the details from the card, with additional flavor text about the consultant. Additional background is given, along with links to blog sites, videos, hobbies, etc.
5- Booking a session
User has chosen a profile and a time and is booking the session via a calendar that show availability. User should enter a brief description which will become the agenda of the meeting. User will go through payment steps and the session will be scheduled and booked.
B- MAIN SECTION: Appirio Answers
An area where users can submit questions and have them answered directly by experts of technology.
Inspiration: Good representative samples of similar functionality include: Quora, stackoverflow, CM Answers
Required Appirio Answers Screens:
1- Ask a Question
The section allows a user to submit a question. The user will select from a set expertise tags. These tags will determine the audience for the question. The user will be presented with a free-form input text area. As the user types the question, the page should auto-detect keywords and suggest additional tags.
2- Browse previously asked questions and answers
Section allows a user to browse previously asked questions that were asked from their user. The corresponding answers will also be provided. This is meant to be a page for browsing, so perhaps the answers are collapsed or minimized until the user wants to see them.
C- MAIN SECTION: Appirio Accelerators
Packages of code, pages, documents and other tools to accelerate your development and your business.
Inspiration: Good representative samples of what we are looking for are Apple’s AppStore, or Google’s Chrome Web Store.
Required Appirio Accelerators Screens:
1- Browse Accelerators with filter
The filtered view should allow the end user to select from a set list of tags, and then filter the list of available accelerators accordingly. The end user is expected to be browsing through the accelerator list fairly quickly and fluidly, load time and screen refreshes should be minimized. Each accelerator will be displayed as a card with details.
2- Accelerator Details Card
Detailed information about each accelerator, show in card form. A link will allow the user to see a full-screen view of each accelerator. Each accelerator card should contain the following details:
1. Accelerator name
2. Brief description
3. tag cloud
4. platform
5. Ratings/Reviews
3- Accelerator Full Detail
The full screen accelerator should contain all the details from the card, with additional flavor text about the accelerator. 2-3 Screenshots and a 30 second embedded video. Additional flavor background is also provided.
Full details include:
1. Accelerator name
2. Brief description
3. full description
4. tag cloud
5. platform
6. Setup and Usage video(s)
7. Ratings/Reviews
8. Installation Guide
4- Accelerator Payment
User has chosen an accelerator and goes through payment screens where they provide payment details. (For reference: this purchasing process exists within the AppXpress site today).
Note that if they have previously purchased something, they can re-download it without purchasing.
Target Audience:
- Developers
- Project Managers
- Technical Architects
- Administrators
- Strategy Consultants
Judging Criteria:
Your submission will be judged on the following criteria:
- User experience
- Completeness and accuracy of the areas of functionality and content
- How well your wireframes provide a consistent user flow and clear information architecture for the application
Submission & Source Files:
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
- Generated HTML files with all the requested contest requirements stated above.
- Please show us your proposal as a movie or series of wireframes that communicate the user’s intended interaction with your proposed solution.
- Also Submit .mov, .avi, or PDFs for your submission files.
Source Files
Wireframes should be built in Axure. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.
Final Fixes
As part of the Final Fix phase, you may be asked to remove, update, or change some features of the wireframe.
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.