Challenge Summary
Welcome to the Jibe! Mobile App Redesign Challenge! In this challenge we are looking to redesign the user interface of a Mobile application that provides users with a fun and easy-to-use, event-based communication platform with a fresh spin on the way they manage and share the events and activities in their life.
We currently have the client screenshots for the current application and we are looking for you to redesign to plan our new mobile user experience!
Round 1
Submit your design for a Checkpoint feedback:
0. Navigation.
1. Login Page.
2. My Events Page.
3. Add New Event Page.
4. Invites Page.
5. Messages Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Design plus Checkpoint feedback:
0. Navigation.
1. Login Page.
2. My Events Page.
3. Add New Event Page.
4. Invites Page.
5. Messages Page.
6. Notifications Page.
7. Settings Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Description:
In this challenge we are redesigning a new mobile calendar application to provide a departure from the typical "calendar app" by creating a fun and easy-to-use, event-based communication platform with a fresh spin on the way you manage and share the events and activities in your life.
Jibe! is a native mobile application (app) platform that combines the productivity of a calendar tool with the power and connectivity of a social network. Jibe! helps you easily create and manage all aspects of your busy schedule including personal appointments, activities, get-togethers with family, friends, work activities and all the events in-between by combining invites, event/group chat and direct messaging - allowing you to simply coordinate and share those events you wish to with the people in your life -- all in one platform!
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Supporting Documents:
- Current app screenshots (screenshots.zip), use them as wireframe.
- Logo (Logo.png).
Branding Guidelines:
- Please refer the client screenshots for branding guidelines, so please keep the purple theme.
Design Goals:
- How should this mobile app look?
- How quickly the user can find what he wants?
- The app should be easy to use.
- This app is going to use iOS operating system.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
Screen Sizes:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
Make sure you create graphic in “vector” format, so when resize for retina versions, graphic still look sharp! It will be great if you can provide the landscape version.
User Flow:
1. View "My Events" Feed.
2. Create and event OR respond to invites.
3. Add comments or photos to events.
4. Direct messaging.
5. View notifications (event updates).
6. Review and/or modify app settings.
7. Share events/updates on Facebook and/or Twitter.
Required Screens:
0) Navigation:
- How does the user navigate this app?
- Include navigation that you think fits with this app.
- Focus on the priority items and how things should be sized.
- See that in the current screenshots we are using bottom navigation.
1) Login Page:
- Please refer to 1-LoginScreen1 to 6.pdf
- A user will be able to:
-- Login. (1-LoginScreen2.2.pdf)
-- Sign Up. (1-LoginScreen2.1.pdf)
-- Take a Tour.
- Show error validation style.
2) My Events Page:
Please refer to 1-MyEventsScreen1.pdf, 3-MyEventsScreen2.pdf, 3-MyEventsScreen3.pdf and 3-MyEventsScreen4.pdf, 8-Mockups1 & 8-Mockups2.
- If you are a new user you will see your event page empty (1-MyEventsScreen1.pdf).
- If user is not a new user and already have events he will see his current events on this page (8-Mockups1).
- If user clicks on an event he will see event details page (8-Mockups2)
- User can see his past events (3-MyEventsScreen3.pdf), please show us how the navigation should be done to move between current and past events.
- User can jump to a different date to see the future events (3-MyEventsScreen4.pdf)
- It should very clearly show what user can do with this application and what the application is all about.
3) Add New Event Page:
Please refer to 2-NewEvent1 to 8.pdf
- When user clicks on plus icon in my events page (1-MyEventsScreen1.pdf) he will be redirected to add new event page (2-NewEvent1.pdf).
- In the first screen the app will ask the user to allow sharing his location and contacts (2-NewEvent1.pdf)
- Then user will be able to add his event title by using keyboard or voice command (2-NewEvent2.pdf).
- User also has the option to tap on What? When? Where? Who squares to enter data as shown (2-NewEvent6.pdf).
- If user clicks on more detail link he will be able to add more details to event (2-NewEvent8.pdf)
- Ask in forums if you think anything is not clear as the other screens is to describe the flow.
4) Invites Page:
Please refer 4-Invites1.pdf
- This is the page where user can see events that he invited to.
- If user clicks on attend or follow the event goes under my events otherwise if he clicks on not sure or not attending the event will move under previous tab.
5) Messages Page:
Please refer to 5-Messages1.pdf & 5-Messages2.pdf
- User will be able to see all conversations he made as a list in first messages view (5-Messages1.pdf).
- If user clicks on a conversation from the list he will be able to see the conversation details (5-Messages2.pdf).
6) Notifications Page:
Please refer to 6-Notifications1.pdf.
- This contains updates on events:
-- New events.
-- Event comments.
-- Event photos.
7) Settings Page:
Please refer to 7-Settings1.pdf
- This is the settings page for this app, please include all the information found in the screenshot.
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
Target User:
- We expect the demographic to be predominantly women, specifically moms, who tend to be the social coordinator of the family.
- We also expect high school/college students, groups of friends/young adults with similar interests (e.g. cross fit, yoga, fun/mud runs, sports leagues, etc.).
- This app is really for anyone with a smartphone that coordinates social activities, get-togethers or events with their groups of friends, family and/or colleagues.
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
- Creativity and ease-of-use is key to the success as it must be engaging to users.
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.