Challenge Summary
Welcome to the iOS Partner Profile Responsive Wireframe Challenge. In this challenge, we are looking for wireframe (Axure) solutions based on requirements below. We’re also looking to the community to come up with interesting ideas for the workflow - we’re absolutely open to creative solutions!
It’s critical to think about a clean user experience for desktop view.
Round 1
Submit the following for Checkpoint feedback
1. What are you looking for?
2. Browse Profiles with filter
3. Individual Profile Detail Card
5. Partner Profile Detail Card
Notes.jpg: Any comments about your design for the Client
Round 2
Final wireframe plus any Checkpoint feedback:
1. What are you looking for?
2. Browse Profiles with filter
3. Individual Profile Detail Card
4. Individual Profile Full Detail
5. Partner Profile Detail Card
6. Partner Profile Full Detail
7. Contact Now Form
Notes.jpg: Any comments about your design for the Client
Challenge Details:
The goal of this challenge is design a partner profile, were the user is a business looking for a partner to help them build a mobile app. The partner can be can be an individual or an established team.
We need to design this partner profile for desktop, the user experience should be optimized for it.
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.
- 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.
Screen Size:
- Desktop: size of 1024px width and height as required.
User Scenario:
- Heath (business owner) is looking for a partner to help him build a mobile app, the partner can be an established team or an individual.
- Heath starts browsing profiles, he can use filters to narrow down his search to partners with skills he needs.
- Heath will be able to view individual/partner detail and full detail card.
- Heath will be able to see the location of partners on an optional map view.
- If Heath selects a profile he will be shown a contact now form.
Design Requirements:
1. What are you looking for?
- The user identifies whether or not they are looking for a partner who has an established team, or if they are looking for an individual. This will determine the result set.
2. Browse Profiles 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 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.
- Note that this list of profiles will be EITHER Individuals OR Partners. Functionality will be the same.
- Include an optional map view of locations. Note that partners could have multiple locations, so we will need to pinpoint map a “primary location”, and then provide a list of additional offices.
- See this example of map: http://consultants.apple.com/us/search?q=98290
- Other example: http://www-304.ibm.com/partnerworld/wps/bplocator/landing
3. Individual Profile Detail Card
The profile detail card should contain at least the following attributes for each consultant:
- Name
- Headshot or Logo
- Tagcloud of expertise
- Expertise
- Links to other social sites (twitter, linkedin, github, etc.)
- Link to full profile
4. Individual Profile Full Detail
- The full-page profile screen should contain all the details from the card, with additional text about the consultant.
- Additional background is given, along with links to blog sites, videos, hobbies, etc.
5. Partner Profile Detail Card
- The profile detail card should contain at least the following attributes for each consultant:
- Name
- Photo / Logo
- Tagcloud of expertise
- Certifications
- Links to other social sites (twitter, linkedin, github, etc.)
- Link to full profile
6. Partner Profile Full Detail
- The full-page profile screen should contain all the details from the card, with additional flavor text about the partner.
- Additional background is given, along with links to blog sites, videos, website, etc.
7. Contact Now Form
- This form would appear whenever a Partner or an Individual is chosen. This will be a short-form that captures:
-- Name, email, and a text block with the title “I am interested in …”
-- Only name and email are required.
Target Users:
- The target user is a business looking for a partner to help them build a mobile app.
Judging Criteria:
- How well you translate the requirements into an attractive and usable design.
- Cleanliness of your graphics and design.
- Design and User Experience.
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
Generated HTML files with all the requested contest requirements stated above.
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.