Challenge Summary
Welcome to "CEM - Party Reservation Responsive Design Concepts Challenge". In this fun challenge, we are looking for you to design responsive website "concepts and ideas" that will help parents create and reserve a party at a fun family entertainment center (a place that has arcade games, amusement rides and food)
At the end of this challenge we are looking for your best UI/UX design concepts for this "Party Reservation" responsive website. We are looking for a fun (simple) engaging experience!
Note: The challenge format is very similar to our LUX challenge where we will be having a "Rolling Checkpoint" ($50) and all designs will be presented to audience on Wednesday Morning 12/17/14.
Challenge Details
Rolling Checkpoint Review ($50)
- Adam Morehead (adroc) will provide a design review if you submit your initial designs by Tuesday, 16th December 2014 09.00 AM EST
- Within the hour we will provide any design feedback/guidance - you must watch the forum for your feedback!
- All qualifying checkpoint submissions will win $50!!
Background
CEM runs one of the largest American family entertainment centers that have many locations across the US. Our locations offer a pizza restaurant, complemented by arcade games, amusement rides, costumed shows and other diversions, such as climbing equipment, tubes, and slides - all mainly targeted to younger children. Customers (usually parents) can make "Party or Event" reservations if they would like to have their children's birthday party or event that includes young children as the audience.
CEM is a codename for this challenge.
User Scenario
For this challenge, we are looking for you to help create a modern responsive design for our reservation system. We want this responsive site to be smart/intelligient and to use the "self service" concept so our customers can easily create and manage their parties!
- Jenny is a busy mother and career woman with a 4 year old son named Billy. Billy will have a birthday next week.
- Jenny and her family are currently out of the town and she realizes that she needs to plan/book Billy's birthday party.
- Jenny uses her moble phone to access the CEM website to quickly plan and book Billy's party.
- Jenny finds the the "Parties and Events" navigation and finds out their is a location near their home.
- Jenny finds an available party time/slot and is able to select it
- Jenny is able to view different party packages, food options and other enterainament options and offers.
- Jenny is able to select payment options, review and confirm her party reservation.
- After confirming her selection, the reservation system will create a ticket for her reservation where Jenny can manage and monitor her party progress from the website.
- After finishing the reservation, Jenny can send personalized invitations to her son’s friends about the party; including time, date, and what will be provided.
Screen Requirements :
We would like you to suggest features/screens for this modern "Children's Event Management" website
Key things
- Location Selection
- Select Date/Time
- Input number of kids
- Selecting an Event Package, with suggested add-ons based on selection
- Pay Screen
00. Navigation solution
- Please design a navigation solution that would be easy/engaging for a the website user - realizing a mobile first thought (and the site needs to be responsive)
- How does the navigation work from desktop to mobile.
01. Party & Event Screen (Desktop + Mobile)
- This screen will showcase the latest Party and Event packages
- User can find the following information:
* Search area to give customer the ability to find an available slot to reserve a party (location, time, package available).
* Party Packages that are being offered (Birthdays, Group Events, School Fundraisers, Non-Profit Fundraisers)
* Simple navigation to help customer create reservation.
- Arrange this information so it will look good and engaging on mobile devices or on desktop.
- What else needs to be put in this screen?
02. Create Reservation Screens (Desktop + Mobile)
- Customer will be able to create their online reservation from this scenario.
- User will needs to enter the following informations which is necessary for the online reservation, the UX style for these scenarios can be one screen style, wizard style, or others (show us your cretive ideas):
* Selecting event type - there are 3 types of events "Birthday", "Group Events", "Fundraising".
* After that, customer will needs to Pick Location, they will needs to enter their zip code or by selecting state where customer live. After input the data, the website should recommends a branch near a customer.
* Site then will suggest that the customer choose party packages that are being offered by our client, along with several additional items that can be selected by customer if they think the package is not engaging enough. Sample of package items can be found in package.png (attachment)
* If the customer is not interested is any of the packages, they can manually pick items for the party. So, customer can choose a package or manually select items.
- What else needs to be presented for making reservation?
03. Review, Confirmation and Payment Screens (Mobile)
- After the user selects all the party element request in reservation screens, they will be able to review all the request in a single screens so they can check whether the party request is already complete or still needs to have additional items.
- If customer is satisfy enough with their selection, they can confirm their reservation request and continue to payment screen. If not, they can go back to reservation screen to edit their request.
- In payment screen, provide several options for the payment, Cash in store or Credit Card.
- Customer also needs to enter their personal and contact information, it can be done via login or via personal form, or login with a social network like Facebook, Twitter, or Google Plus which one the best?
- What else needs to be added in this screens?
04. Manage Reservation Screens (Mobile)
- After reservation request has been made, there will be a ticket/list created in the website so customer can manage and monitor their reservation status.
- Customer can edit/manage their reservation in this screen, whether they want to change any party element request or cancel the reservation.
- Customer can also see their reservation progress, from preparation of rooms, food, all merchandise, etc.
- Customer should also be able to add invitations to the child's friends and manage the list of people who will be in attendance at the party, with an option to send invites via email to parents with RSVP status for each child indicated in the screen.
- What else needs to be added in this screens? Show us your ideas!
05. Presentation Screens (IMPORTANT)!!
- We need to quickly take your designs and show it to the customer/audience for design review!
- If you need to - spend more time on your presentation screen as its the first thing we will show the audience!
- See attachments of great presentation screens!
- Size = 1024x768 (4:3 Ratio)
Design Guidelines
- Font and colors : Font is open to designer, you can use our color-palettes.zip as starting point in your design but feel free to expand the colors.
- Create it for Desktop and Mobile :
* Desktop: 1024px width with height adjusting accordingly
* Mobile: 320px width with height adjusting accordingly
- Keep things consistent. This means all graphic styles should work together, All of the graphics should have a similar feel and general aesthetic appearance
- Make sure create all your graphic in 'vector' format (buttons, icons, etc), so when resize for bigger versions, graphic still look sharp!
Design Considerations
- The application should be easy, fun and ease to use.
- Think simple but effective solutions! Have fun creating this.
Target Audience
- Parents that want to create a party or event for children.
Judging Criteria
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as a mobile application
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, or Adobe Illustrator as a layered AI 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.