Challenge Summary
Welcome to "Almasato - Cane Quality Control iOS Mobile App Update Challenge [Swiftoberfest]". In this challenge we are looking for the Studio Community to help us build upon an existing design for our new quality control app that will be used by farmer/growers of sugarcane. With this app they’ll have real time access to their daily delivery quota during harvest along with their cane quality data so they can make quick decisions based on the data they’ll receive on their iPhone.
Looking forward to see your participation in this challenge!
Round 1
Submit your Initial Designs for Checkpoint Feedback:
0) Login
1) Dashboard
1.2) Cane Quota Accept/Adjust
1.2.1) Cane Quota Adjust
1.3) Cane Quality
- Notes.jpg: Please note any comments about your design for the Client
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final designs with all Checkpoint Feedback implemented:
0) Login
1) Dashboard
1.2) Cane Quota Accept/Adjust
1.2.1) Cane Quota Adjust
1.3) Cane Quality
1.3.1) Cane Quality Details
1.3.2) Cane Quality Help
1.3.3) Crop to Date
1.4 ) Notifications
1.5) Cane Survey
1.6) Truck Location
- Notes.jpg: Please note any comments about your design for the Client
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Description:
The goal of this challenge is to build upon the existing design and work on the new color scheme for our new quality control app that will be used by farmer/growers of sugarcane.
For this app we are looking for the best UI/UX possibility and designs that are creative, clean and professional.
Design Considerations
- Client is looking to expand on the existing screens from a previous challenge
- Client doesn’t like the existing color scheme. It’s too blue and doesn’t reflect that farmers grow plants. They have asked to come up with a new color scheme
- Feel free to use new icons if they fit in better with your branding
- Simple, Professional, Easy to Use, and Clean mobile/application design.
- Please make sure your UI elements are created in vectors/shape, so it can be easily edited later for other devices.
Design Size:
- Design the screens for an iPhone 6 : 750px x 1334px
Branding Guidelines:
Colors and Typography - Open to the designer
Logo - We have provided two logos and you are free to use either of those in your design. Client uses these for
1. Letterheads (ALMA FINAL LETTERHEADjuly20th.jpg )
2. Shirts and Caps (Alma8.ai)
Supporting Documents:
- cane_quality_sample_photo.png
- crop_to_date_data.pdf
- Alma Cane Survey.jpg
- Alma Logos (alma_logo.zip)
- Alma Photos (photos.zip)
- previous_screen_designs.zip (including source file)
- Alma Grower App Site Map.pdf
Required Screens:
0) Login (0.1 Login.png)
- Remove Plant Quality Control and replace with Alma Growers App
- Client would like to see a background image on this page using photo login_background.png
- Remove “Remember me”
- Remove “Forget Password?” and instead show Contact XYZ for Support
Top Header :
- Remove the hamburger menu and replace with a Home icon
- Keep the Notifications bell on the right hand side
1) Dashboard (1.1 Dashboard.png)
- In the quota circle at the top, change 738 / 1,230 ton to 40 / 60 loads
- The four items at the bottom of the screen will be:
-- Cane Quality
-- Cane Survey
-- Notifications
-- Truck Location
1.2) Cane Quota Accept/Adjust (1.2 Cane Quota.png)
- Change Ton to Loads
- Change button names to:
-- Accept
-- Adjust
- Keep the circle and % but change ton to loads
- Remove the graph at the bottom
1.2.1) Cane Quota Adjust (1.2 Cane Quota Adjust.png)
- Change title to Adjust Quota
- Your Target Quota should show Loads not Tons
- Change Your Justification to Adjustment Explanation
1.3) Cane Quality (new screen)
- We need a design for this screen; it is showing today’s cane quality data
- Screen will show six rows and each row will have:
-- Date and Time
-- Sample Number
-- Grower Number
(for examples of the data, look at the first row on 1.3.1 Cane Quality Details)
- Users need a way to see yesterday’s cane quality data
- Users need a way to view the Crop to Date data (see below for details)
1.3.1) Cane Quality Details (1.3.1 Cane Quality Details.png)
- Keep the first two showing the Date & Time, Sample Number and Grower Number
- The data below that needs to show these titles / numbers:
-- % SED / 1.00
-- ADJ. GRAMS BAG / 281.3
-- JUICE BRIX / 20.20
-- JUICE POL. / 17.56
-- JUICE PURITY / 86.93
-- CANE FIBRQ. / 17.48
-- CORE LAB TRS / 237.28
-- EST. MILL CRS / 261.01
- Display graphic or icon on the data to show. You do not need to show this on every data point; just select a couple to show how you’d indicate:
-- exceptional results
-- average results
-- bad results
- Graph at the bottom will be replaced with a photo of the sample. Use cane_quality_sample_photo.png as a placeholder
1.3.2) Cane Quality Help
- When user taps on a title on the Cane Quality Details, display help text.
- The help text will explain what the title means, but for your design just use dummy text
1.3.3) Crop to Date (new screen)
- This screen is accessed from the Cane Quality screen
- Data for this screen is in this file: crop_to_date_data.pdf
1.4 ) Notifications
Notifications List (1.4 Notifications.png)
Notification Remove (1.4.1 Notifications - Remove.png)
Notification Message (1.4.2 View Notification.png)
- These screens will need to be updated with new branding
- No changes to the screen content
1.5) Cane Survey (new screen)
- There are two views of this screen
-- user can enter data and submit the survey; show submit button in this view
-- read only of data user has submitted; show the date submitted in this view
- Please look at Alma Cane Survey.jpg for the data to be displayed
-- Total for Harvest is read only
-- Less Total Harvested is read only
-- Total Remaining will be prefilled and the user can adjust
-- Total ALMA tons remaining will be read only
- User needs to be able to see previous weeks surveys; up to 10 weeks prior
-- client is suggesting user can swipe through to see other screens but we’re open to suggestions
1.6) Truck Location (new screen)
- This screen will show the estimated time of arrival for the inbound and outbound trucks
-- Inbound Truck / Truck # 123 / ETA (Estimated Time of Arrival ) to farm: 9 minutes
-- Outbound Truck /Truck # 456 / ETA (Estimated Time of Arrival ) to Alma : 10 minutes
- Button to refresh the data
Note: The winner may be asked to complete a secondary task (for additional payment), to create the application desktop icon (template) and 1-2 secondary storyboards.
Target Audience:
Farmer/growers of sugarcane who will receive data on their iPhone.
Judging Criteria:
- How well you work on the existing screens from the previous challenge
- Your choice of new color scheme
- Cleanliness of your graphics and design
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.
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.