Challenge Summary
Welcome to Appirio Application Framework Responsive Design Challenge. In this challenge, we would like to develop an application framework that any Appirio application—whether developed by the Technology Team, or elsewhere inside Appirio—can “plug” into in a consistent fashion.
You are provided with wireframes and Appirio branding guidelines for you as guidance for branding and visual reference. Come and join us!
Round 1
For your R1 deliverables please submit the following screens:
- Desktop, Tablet and Mobile (Landscape) screen sizes for:
1) Application Header
2) Application Bar
3) Common Components
- 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 any Checkpoint feedback:
- All required screen sizes for:
1) Application Header
2) Application Bar
3) Common Components
- Readme.jpg: Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Details:
The primary goal of this challenge is to design the Appirio Application Framework pages. We need you to follow the branding guidelines for Appirio and follow the wireframes to complete the required pages below.
You are also provided with (Required Features.zip) file just to understand what we asked for in the previous wireframe challenges and have a better idea about the Appirio Application Framework.
Required Screen Sizes:
- Desktop & Tablet (Landscape) page of size 1024px width and height as required.
- Tablet (Portrait) page of size 768px width and height as required.
- Mobile (Portrait) page of size 320px width and height as required.
- Mobile (Landscape) page of size 480px width and height as required.
Storyboard Requirements:
1) Application Header:
- The Appirio brand. Should be present as a logo.
- An application search module.
- An application switcher
- A notifications area.
- An identity reflector.
2) Application Bar:
- The Application Name.
- Sub-Applications switcher.
- Application Actions area.
- A View-Switcher.
- An Application Settings control.
3) Common Components:
- A good, basic Table View component.
- A good, basic Card View component.
- A good, basic Schedule View component.
- A common Display Filter component.
Notes:
- To access different basic view components you need to click on sub application switcher and select the desired view.
- Don’t implement chat feature.
Supporting Documents:
- Winning Desktop Wireframes (Desktop WF.zip)
- Winning Mobile Wireframes (Mobile WF.zip)
- Branding Guidelines (AppirioStyleGuide-2014.pdf.zip)
- Appirio Logo (appirioLogo_CMYK.eps.zip)
- Required Features (Required Features.zip)
Target Audience:
- Stakeholders inside Appirio
Judging Criteria:
- Cleanliness of your graphics and design.
- Your design should possible to build and make sense as a desktop or mobile application.
- Quality.
- User Experience.
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.