Challenge Summary
Welcome to SunShot - Savenia App GUI PSD Kit Design Challenge!
We need to create a set of PSD files that contain all the UI elements from the new Savenia App in order to provide ready-to-grab graphics for further challenges.
Round 1
Submit your design for a Checkpoint feedback:
- Savenia-GUI-Kit-PSD(s): give us an idea of how you are going to present and package your GUI Kit - Contain as much information as possible for Review.
- Usage-Guide: create a PDF file with common usage information about the elements you group for the GUI Kit. It needs to explain how to properly use buttons, forms, styles, icons, fonts, etc.
- PNG/JPG Files: of any design items/inconsistencies you would like the Client to review and comment on.
Round 2
Final design plus any Checkpoint feedback:
- Savenia-GUI-Kit-PSD(s): final version of your GUI Kit plus client feedback.
- Usage-Guide: final version of the PDF file with common usage information about the elements you group for the GUI Kit. It needs to explain how to properly use buttons, forms, styles, icons, fonts, etc.
- PNG/JPG Files: of any design items/inconsistencies you would like the Client to review and comment on.
Challenge Details:
The primary goal of this challenge is to create a GUI Kit, which is a set of PSD files that contain all of the UI elements and graphics related to the Savenia App plus a PDF common usage guide. This GUI Kit should allow grabbing UI elements to be used in another design projects/challenges with the feature of letting customization for some UI elements such as button labels, texts and data.
General Guidance:
- Group/package each of UI elements in its own PSD folder layer with appropriate name.
- Categorize PSD's based on specific UI elements.
- Use the reference links below as guidelines for setting up your files.
- You might need to recreate some graphics if the PSD source is not available.
Supporting Documents:
- Savenia App Storyboard (Storyboard.zip).
- App workflow (Savenia Home Data Entry App v7.0.pptx).
- Savenia Labs Identity Guidlines (Savenia Labs Identity Guidlines.pdf).
Design Requirements:
- Browse, review and analyze all the Savenia App pages and the attached PSD sources. You need to capture all the possible UI compositions and represent them in your GUI Kit.
- Add the Savenia logo, title and GUI version/branding at the top of every PSD file you generate.
- Create Headers/Titles for the different sections to make it more useful for future designers.
- The look and feel of the GUI Kit should complement the Savenia App graphics.
- We are not looking for new items to be added, just all the current UI items to be consolidated and made useful for future designers.
- Provide a PDF that explains the common usage of the UI elements you gathered properly organized and easy to understand/apply. Imagine you’re designing pages from the new Savenia App. What information
you need to properly follow the same branding guidelines? Think about the best way to deliver this information.
- We also need you to capture the following elements from (Savenia Home Data Entry App v7.0.pptx):
-- Slide 7: Order and Audit. Missing how “checkbox” look
-- Slide 18 : Model Number.
-- Slide 38: 404 page.
-- Slide 48: How button selection look if there’s no images.
-- Slide 81: Comparison slider.
-- Slide 142: Checkboxes columns.
- Check App Workflow (Savenia Home Data Entry App v7.0.pptx) and see if you can find elements that are missing in our storyboard, the more elements you find the better chances you have to win the challenge (This will be considered as a Judging Criteria).
GUI Kit Sample:
The following structure is a raw sample you could start with. This obviously needs a proper analysis and improvement based on the requirements stated above.
- Savenia Home Page:
-- UI Elements.
-- Navigation.
-- Login and Registration overlay/popup.
- UI Elements:
-- Buttons
-- Forms.
-- Icons.
- Page Layout Element:
-- Tabs.
-- Tables.
-- Alert/Notification.
-- Container.
-- Modal Window.
- Secondary Page:
-- Text/parragraph style.
-- Page Title wrapper.
- etc, etc…
Note: This is for sample purposes, please analyze, add and categorized UI Elements from attached PSD Sources and the app exploration.
References:
Notice these are just for reference. DON’T COPY ANYTHING.
- Facebook PSD Kit
- Android PSD Kit
Target Users:
- Homeowners and realtors.
Judging Criteria:
- How well you design, plan and develop your GUI PSD Kit.
- Cleanliness of your graphics, design and ability to stay within the given design reference.
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
Add the PSD files, PDF, PNG/JPG screens and any notes to 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.