Challenge Summary
Welcome to the EIAD Tablet Design and Branding Integration Challenge. For over 20 years, EIAD has created an unparalleled experience that engages members in fitness and wellbeing, delivering transformative results. 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. 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.
For this challenge are looking for you to integrate the new EIAD mobile branding direction, wireframes and design artifacts into a comprehensive and usable tablet application design!
Note: EIAD is a code name for the client.
Round 1
Submit your designs for checkpoint feedback
- Home
- Membership + Prices + Locations
- 1:1 + Personal Training + Pilates
- Classes/Fitness Schedule (if you have time)
- Any additional screens for feedback
Numbers your screens (00, 01, 02, 03 etc)
Round 2
Final designs
- All requested screens plus any checkpoint updates
Challenge Details
For this challenge we need you to take the provided wireframes, EIAD mobile branding items and design a new user experience for the membership advisor tool.
Use the EIAD mobile site for direction on overall branding/design and the wireframe link for desired functionality. Attached is the new EIAD mobile site (screenshots) viewed on an iPad. We need you to be mindful of not overdoing it on the imagery. There should be more whitespace, especially in areas where pricing is displayed. Make sure to think through the site map
The main goals of this application are:
- Get potential members to sign up to become a member.
- Create a great iPad/Brochure experience!
Design Challenge Goals:
- Follow the new/provided "Mobile EIAD" branding guidlines (see Design_Screenshots.zip)
- The new branding/screenshots have more "white space" then the previous challenge - less images
- Review the new wireframes (link) and create a great iPad user experience!
- Since we are focused on iPad and iOS make sure your design is a "tablet" experience (what interactions are important to a tablet/iOS experience)
- All content need to be mobile friendly, easy to quickly read and analyze - we need our new customers engaged with this experience.
- This tablet application needs to help our Membership Advisor recruit and "sell" to EIAD customers.
- Pages within the applications should be able to share/export as PDF (classes, rate cards etc - make sure to incorporate this)
User Story:
- Review wireframes
- Membership Advisor introduces/shows a potential customer the application (this is a sales tool)
- The application will display the 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 a final result; Such as 0 > 2 > 3 > 1 = 4
- Think of this applications as a sales brochure with dynamic content.
Required User Flows/Screens: (iPad Landscape View)
A) Home
- Branded landing page: maybe a banner or a carousel.
- Here you can show information about the client.
- Note the navigation labeling in the wireframes
B) Membership + Rate Cards + Locations
- This navigation item contains the rates + benefits for membership options.
- Default would be the club you're in and include the ability to switch to a different club.
- Rate card will be information about each club
- You need to add styling to rate cards.
- You need to be able to select different clubs
- See wireframes - this needs to be clean and engaging!
C) 1:1 + Personal Training + Pilates
- This navigation item contains access to pricing for our customized programs (Personal Training and Pilates)
- Show Personal training and Pilates classes they can choose from (see wireframes)
- This needs to be created in the new branding - less images
- Navigation will be labeled 1:1
- Note how the Personal Training is broken into Tier's
D) Classes/Fitness Schedule (see Previous-Challenge-Source.zip)
- This navigation item would contain a place where the Membership Advisor can navigate and filter the GF schedule for their location and other clubs.
- Allow Mempership Advisors to pick classes or categories a member is interested in and email it to them.
- Show weekdays and what classes can be found in each day and at what time, so the customer can select the classes they want to join.
- User can see classes for 1 club only
- User can filter results by:
--- Specific Class
--- Class Category
--- Class Instructor
- User can see results broken out by time of day (morning/afternoon/evening)
- User can see class specific info such as: |
--- Class Name
--- Instructor
--- Time (Start-End)
--- Sub-instructor name (if applicable)
- User can click on class and see description details including
--- Class Name
--- Instructor
--- About the Class
--- About the Instructor
--- Ability to “Like” via Facebook
--- Ability to Tweet via Twitter
--- Link to membership options
- User can download/share a printable PDF of the schedule
E) Share
- This navigation item would contain a place where a new member can refer friends at point of sale
F) Resources
- This navigation item would contain links to additional resources an Membership Advisor may use as a secondary resource as they work with leads or members. - Will include Kids' Club Rates, Club Information, Location listing and a link to register for EIAD.com.
G) Results of User Selections (see Previous-Challenge-Source.zip)
- This page needs to show the customer everything he selected in the application: club, classes and training package etc.
- Remember clean and engaging
Supporting Documents
- New Wireframes (link): Use as page/content guidance. Goal it to design all screens based on the new branding
- Design_Sceenshots.zip: Branding & Design guidance: EIAD has a new mobile site (only viewable through mobile devices) We have captured screenshots and attached them.
- Previous-Challenge-Source.zip: Do not use this for branding (brand has changed since these files were created): files to help you with the Fitness Schedule and quickly get you started
- Logo Suite.zip: Company Logo
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
- Focus on the iOS user experience!
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. This can be a highly distracting, noisy and bright environment and designs should keep in mind the ability to read, use and share the application in such a setting.
Judging criteria
Your submission will be judged on the following criteria:
- How well you plan the user experience and capture the wireframes plus new branding elements.
- Cleanliness of your graphics and design
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.
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.