Challenge Summary
Welcome to the Hercules PCDVR MyStories Video Editing Tool Design Challenge.
For this challenge we need your help to create storyboard screen that will improve existing design look and feel of My Stories Video Editing Tool screen flow within Hercules PCDVR application.
For this challenge you just need focus designing on iPad Retina screen sizes. Read more detail requirements below.
Round 1
Initial Design of Hercules PCDVR MyStories Video Editing Tool Design on iPad Retina Landscape Size ( 2048px x 1536px )
1. MyStories Landing Page
2. Select Footage
3. Library
Notes : Any comments about your solutions?
Round 2
Final Design of Hercules PCDVR MyStories Video Editing Tool Design on these following sizes:
- iPad Retina Landscape Size ( 2048px x 1536px )
- iPad Retina Portrait Size ( 1536px x 2048px )
1. MyStories Landing Page
2. Select Footage
3. Select Theme
4. Select Music
5. Name your Story
6. Library
Notes : Any comments about your solutions?
Hercules PCDVR is application for instantly watching TV shows and movies on any TV or stream them on your computer, tablet, or smartphone.
"MyStories" is Video Editing Tool within Hercules PCDVR application that will allow user to create their own custom video that can combine pictures and videos also allow user to set provided video theme and background music.
For this challenge, you need recreate some screens that will improve existing design look and feel of "MyStories" flow on iPad Screen Sizes.
Attachment Files:
MyStories.pdf - Existing MyStories Screenflow
old-design-list-layout.zip - Old Design Reference Design (You can follow font family and how background and icons created)
MyStories Design Submission Requirements
Notes:
- You're encouraged to suggest latest/up to dates iPad UI/UX interactions for this MyStories flow
- Follow screen size format on Checkpoint and Final Deadline requirements
- Use iStockphoto images for thumbnails, you must declare them to avoid failed screening
- Pay attention to screen requirements needed on your submission deliverables stated on each flow.
- You need follow existing design branding for "MyStories" look and feel
- Refer attached MyStories.pdf for screenshots below.
1. MyStories Landing Page
screenshot: MyStories.pdf > page 1
- Put dummy header based on screenshot, we need you focus on red rectangle area.
- You also need show "MyStories" tooltips designed
- All graphics and text need to be editable. Pay attention to any icons/button placement.
- On body area, There will be big "Create Story" button. How you design it?
- Need show gallery showing "Recent Stories" that contains some thumbnails of videos. Notice there's video icon as thumbnail indicators. How image indicator look?
2. Select Footage
screenshot: MyStories.pdf > page 2
- For this screen how the header should designed? Play around with typography, icon, button and links.
- On this flow, you need show ys how selected thumbnail flow should happens?
- Show us how selected and not selected button look
- How every different sectiosn designed?
- Notice there's also disabled thumbnail, this mean that video story already created.
- There's also "More" button that will expand the section to view all contents.
- Create separate screen show section expanded (screenshot: MyStories.pdf > page 3)
3. Select Theme
screenshot: MyStories.pdf > page 4
- Mimic Header area content and style based on provided screenshot.
- This page tell user to pick provided theme
- Need modal window validation error if user not select any theme.
- There's Back and Prev button to let user navigate
4. Select Music
screenshot: MyStories.pdf > page 5
- At first load of this screen there will be a message to access iTunes Library
- After iTunes Library access approved need show list of music, how the list designed?
- How user select the Music?
- You need create separate screen show clearly how Select Music flow designed.
5. Name your Story
screenshot: MyStories.pdf > page 6
- There will be a success message show up after user enter name for story input and click create my story button
- How the Name your Story form look?
- Create Story button need prominent
6. Library
screenshot: MyStories.pdf > page 7
- User taken to Library page after create new story.
- Your design task for this screen starting from "Sort", "List/Grid" view option also the gallery area
- You also need show pop up that tell user "Story is Ready"
- How Design look for List and Grid View?
- How the new thumbnails gallery designed?
Other Video Editing App as Best Practices Reference
- Best iPad Video Editing Apps
Target Audience
- Hercules PCDVR Users
Judging Criteria
- How well you create storyboard that demonstrate new flow and look.
- User Experience of the "MyStories".
- Consistency style with existing design theme
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 any source graphics you created in Adobe Illustrator and saved as AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics.
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.