Challenge Summary
Welcome to the EIAD iPad App Wireframe Challenge. For over 20 years, EIAD has created an unparalleled experience that engages members in fitness and wellbeing, delivering transformative results. We have a growing portfolio of properties across the United States, as well as locations in London and Toronto.
Our clubs are uniquely designed to provide unprecedented service, innovative fitness programming and restorative wellness treatments all setting the stage for the ultimate in performance and rejuvenation.
We have the distinction of featuring the most sought after group fitness instructors, personal trainers, strength and cardio equipment and experts in wellness. Using the most progressive and innovative techniques, our team motivates members to achieve results.
Known for our luxurious design and impeccable attention to detail, we are leaders in innovation. From personal training to group fitness to the locker rooms, not a single aspect of the member experience is overlooked.
Our clubs embody quality, movement and energy.
Note: EIAD is a code name for the client.
We are looking for you to provide wireframes and click-path solutions based on the provided requirements.
Round 1
For your round one deliverables please submit all the following views for client review:
A- Landing Page
B- Rate Cards
C- Fitness Schedule
Round 2
For your round two deliverables please submit round one views and the following views plus any updates from client feedback:
D- Packages
E- Results of User Choices
EIAD need your help to design a solution for iPad to build conceptual mockups for a membership advisor tool. Your solution must have all required functionality, user friendly, intuitive and easy to use. The primary goal of this challenge is to create HTML wireframes which showing an improvements of the workflow solutions for our problems, provides great user experience for the application and can be used as suggestion for the next development phase.
The main goals of this application are:
- Get potential member to sign up to become a member.
- Narrowing the focus to what is of interest to the potential member.
- Sharing that with them via email or other and demonstrating other visual collateral all while showing them around the club.
General Requirements
- Produce HTML click through wireframes that can be used to demonstrate all mentioned functionalities as required in each round.
- The application must be very easy to use and intuitive. Keep that in mind when designing your solution.
- You MUST cover all use cases mentioned in contest details below.
- You MUST use wireframes note pane in every single page you design to explain what items are addressed in that page, what things you added/changed/removed, use it to make your idea clearer and help the client to give you constructive feedback.
Issues to keep in mind while creating your solution:
Issue 1:
This application functionality will live within salesforce, a screenshot of Salesforce attached (Salesforce Screenshot.png) that shows the menu expanded, the highest-level menu will remain (hamburger icon + collapsible sidebar on left) so that will need to be taken into consideration for the design.
Issue 2:
This application will be used on tablets (iPad).
User Story:
- Membership advisor shows app to Customer.
- The app will display landing page.
- Step 1: Membership advisor will select Rate Cards for customers; rate card will be information about each club including location, so the customer can select the club he would love to join.
- Step 2: Membership advisor will show the customer the fitness schedule on the selected club so the customer can select the classes he likes to join.
- Step 3: Membership advisor shows membership options, personal training and Pilates classes available for the customer so he can select from.
- Step 4: Finally a result of user choices will be shown to the user, and can be sent to them via email as a PDF file.
Notes:
- Steps 1-3 are not necessarily in that order - the user can go through any direction as long as they end up on 4 as terminal point; Such as 0 > 2 > 3 > 1 = 4
- Think of this app as a brochure with dynamic content.
Required Screens:
A- Landing Page
- Maybe a banner or a carousel.
- Here you can show information about the client.
B- Rate Cards
- Rate card will be information about each club
C- Fitness Schedule
- Maybe show a table with weekdays and what classes can be found in each day and at what time, so the customer can select the classes he wants to join.
D- Packages
- Maybe show the customer membership options, personal training and Pilates classes he can choose from.
E- Results of User Choices
- This page needs to show the customer everything he selected the club, classes and training package.
Placeholders for text and other content works fine for these deliverables in this challenge as long as they are clearly defined and do not interfere with the usefulness and clarity of the submitted designs.
Supporting Documents
- Salesforce Screenshot (Salesforce Screenshot.png)
- Rate Cards (2014_CLUB.RATE.CARD_NYC.pdf)
Target Audience
- Membership Advisors; they will walk the club floor with the device in their hands while they are talking to a potential member. The idea is for it to be somewhat interactive - goal is promoting a focused view of the club based upon a couple of questions that they ask the potential member - their goals for fitness. Collateral is still in development for things like short videos of fitness instructors talking about their style of leading etc.
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.
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.