Challenge Summary
Welcome to the Air Products Mobile Application Refinement Challenge. This challenge is a follow-up to the first design challenge. We are looking for you to refine and finish the winning solution. At the end of this challenge we need to be able to start development based on your refinements and file preparation.
Round 1
Initial Improvement updates for checkpoint review
Landing Page
Menu Sidebar
Tools Landing Page
Gas Conversion
Other Conversion
Charts & Table
Rate Application
Notes.jpg: Any comments about your design for the Client
Round 2
Final Design and updates plus final files for prepped for development.
Landing Page
Menu Sidebar
Tools Landing Page
Gas Conversion
Other Conversion
Charts & Table
Rate Application
Notes.jpg: - Any comments about your design for the Client
In this challenge, we need you to take the winning design and update it based on the listed refinement requirements.
Attached Files
- 1st-Place.zip - 1st Place submission from previous contest (Use this as base of your submission updates)
- 2nd-Place.zip - 2nd Place submission from previous contest
- 3rd-Place.zip - 3rd Place submission from previous contest
Design Notes:
- Air Products Brand Guidelines: http://www.airproducts.com/company/about-us/our-brand.aspx
- Use 640px x 960px (Retina Portrait sizes) for Source File screen size.
- Submit JPG/PNG images for our review, in 2 following sizes:
-- Retina Size: 640px x 960px,
-- Standard Size: 320px x 480px (No need create separate PSD, you can resize while save image using Retina source file)
Design Update Requirements:
Note: You must use 1st-Place.zip as your base design
General Update
- We like how the 1st Place submission contemporary/modern design - do not change the design. All updates need to use this design.
- We need you to add the existing brand "memontum lines" in upper right header from the 2nd-Place.zip solution. (you can see how they are used on the main site here)
Landing Page
screenshot:
01_1_Landing Page_Overview.png
01_2_Landing Page_Overview.png
01_3_Landing Page_Overview.png
01_4_Landing Page_Overview.png
01_5_Landing Page_Settings.png
- We like the large image graphics, but will need different images/suggestions for slides. Provide suggestions for better representative photos related to Gas Conversion/Gas Calculator.
- Remove login modal window (all login) from application flow. Also need to remove the setting icon in the top right.
- Current 'Gas Conversion' icon doesn't work that well - consider the current live application Gas Converter icon or similar
Menu Sidebar
screenshot: 02_1_2_Menu.png
- Content will look small when viewed on iPhone Standard size (320px x 480px )
- What is best practice sizes for all icons and typography for this menu sidebar?
Tools Landing Page
screenshot: 02_2_1_Gas Conversion.png
- Remove this screen, since we merge functionality as stated below (see Gas Conversion section)
- Show us new flow after landing page removed. Where is the user taken after click Gas Conversion button?
Gas Conversion
screenshot:
02_2_1_Gas Conversion.png
02_2_2_Gas Conversion_Oxygen.png
02_2_3_Gas Conversion_Oxygen_[inverse].png
02_2_4_Gas Conversion_Oxygen_[sharing].png
02_2_5_Gas Conversion_Oxygen_[element Selector].png
- Circle shape with gas indicated need to be bigger and more prominent.
- Also it should be a dropdown mechanism to access other gases to be chosen from there, all on one screen.
- Add "swap" button for measures (see Design on 3rd-Place.zip > 03a-ar-tools-gas-conversion.png )
- Consider adding measures in area of numbers for easy reference (see Design on 3rd-Place.zip > 03a-ar-tools-gas-conversion.png)
- Share to modal window, need add SMS, Copy, Print options
Other Conversion
screenshot:
02_3_1_Density.png
02_3_2_Density_Convert From_[element selector].png
02_3_3_Density_Convert To_[element selector].png
02_4_1_Weight & Volume Equivalent .png
02_4_2_Weight & Vloume Equivalent_Oxygen.png
02_4_3_Weight & Vloume Equivalent_[element selector].png
- Should use same gas circle convention for measurement icons so they could be chose all from one screen
- On 02_3_1_Density.png , we like that measure conversion uses same basic design; looks for other way to integrate the two, such as 02_3_2_Density_Convert From_[element selector].png
- On 02_3_2_Density_Convert From_[element selector].png, could use the same gas circle convention for measurement icons so they could be chose all from one screen
- Measure conversion uses same basic design, looks for other way to integrate the consistent functionality to access other conversions
Safety Grams
screenshot:
02_5_2_SafetyGram_Gases.png
02_5_3_SafetyGram_Cryogenic Liquids.png
- Should have the ability to jump to other gases (see Design 3rd-Place.zip > 05a-weight-volume-init.png in upper right)
Charts & Table
screenshot:
03_2_Charts & Table_Air Flow 10-Foot Tubes.png
03_3_Boiling Points and Densities.png
03_4_Dew Point.png
03_5_2_Gas Physical Properties_Acetylene.png
03_6_2_Industrial and Medical Gas Specifications (U.S.)_Argon.png
- Make sure tables are easily readable on small screens (see Design on 2nd-Place.zip > 05_2_gas_facts.png)
- Should have the ability to jump to other content (see Design on 3rd-Place.zip > 05a-weight-volume-init.png in upper right)
- On 03_5_1_Gas Physical Properties.png, Only letters on right side that have one or more gases listed should appear
Rate Application
screenshot: 04_6_Rate Application.png
- Where does this data go? Finish this flow
- Where are the results displayed?
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
- Industrial Gas & Chemical Customers
Judging Criteria
- How well update and add the finishing touches to these screens
- Cleanliness of your graphics and design
- 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
All Requested Contest Submission Requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Adobe Illustrator and saved as layered PSD or AI file.
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.