Challenge Summary
Mnemosyne needs your help designing some new screens for a hybrid app that will aggregate content from multiple sources and display it in a manner inspired by FlipBoard (an iOS & Android app - please Install, if you are not familiar with it).
In previous challenge we created the base for the app, and now we need some new screens that follow the same style.
Round 1
We require the screens in PORTRAIT mode only for:
- Tablet - 786x1024 at 72 DPI
- Phone - 640x1136 at 72 DPI
For this round please create the following screens:
01 - Social Media Feed Display
02 - Social Media Page
03 - Framed out Video Viewer
04 - Framed out embedded browser view.
Round 2
We require:
- The updated screens from Round 1 based on the feedback
- LANDSCAPE mode for TABLET ONLY - 1024x768 at 72 DPI
***The Winner will be requested to provide the Retina resolution for the tablet graphics, both in landscape and portrait, as part of the Final Fixes! (1536x2048,2048x1536 at 264 DPI)
We require the screens in Tablet(iPad) standard resolution 768x1024 at 72 DPI Portrait and Landscape and Phone(iPhone5) resolution 640x1136 at 72 DPI in Portrait only
In Round 1 we require only Portrait orientation for both Tablet and Phone!
What you need to do is follow the style in the provided graphics (see attached) and create the graphics for the following screens that will add social media integration to our mobile app:
01 - Social Media Feed Display
The user gets to this page by clicking a "widget" element on the first screen.
We need you to create a screen that shows feeds from a social network. We need to see the following:
- A stream of text updates. Must include the profile photo of the poster, # of likes/retweets, # of comments.
- If a link is shared include the name of the content and a picture from it.
- User must drag to display more when they reach the bottom.
This needs to be as generic as possible and incorporate as many features from the most popular social networks out there like Facebook, Tweeter, LinkedIn and Youtube . In the future we will customize this page for each individual network.
02 - Social Media Page
This screen should show a social media page, where the user can for view a tweet or status update. We need to see the following:
- A single tweet or update.
- Display comments/mentions below it.
- Able to see who has liked it.
03 - Framed out Video Viewer
Should display a video player inside a modal window/panel. Please design all the standard items for a video player. (Already designed but we need some additional buttons for it. Make sure it has all these elements: play/pause, trackbar, volume, buffering, minimise/maximise, anything else you can think of and would be helpfull)
04 - Framed out embedded browser view.
This screen should display a modal window/panel that will hold the content of a web page. Text, images, video preview, basically anything that you can find a regular web page.
Please make sure all graphics created work with our existing style!
***The Winner will be requested to provide the Retina resolution for the tablet graphics, both in landscape and portrait, as part of the Final Fixes! (1536x2048,2048x1536 at 264 DPI)
We are looking forward to see your submissions!
Branding guidelines:
See attached files for style reference
Judging Criteria
- Cleanliness of your graphics and design.
- User Experience for Mobile application.
Target Audience
- Mnemosyne employees.
Supported Platforms
- iOS, Android
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 or Illustrator and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
***The Winner will be requested to provide the Retina resolution for the tablet graphics, both in landscape and portrait, as part of the Final Fixes! (1536x2048,2048x1536 at 264 DPI)
We may ask you to update your design or graphics based on other 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.