Challenge Summary
Welcome to the Land O'Lakes - Animal Milk Replacer UI Design Challenge! The International Animal Milk Replacer marketing team is repositioning the Land O’Lakes AMR portfolio to better align with their long term strategy. As part of this strategy, they are looking to create and owned digital presence to better differentiate the product portfolio and create a design to be culturally relevant in Mexico.
For this challenge, we are looking for your best UI designs and layout ideas to design several pages. Keep in mind that the end product will be built using WordPress.
The goal of this challenge is to design the pages outlined below (optimized for WordPress) to have an online presence to better differentiate the product portfolio of Land O'Lakes - Animal Milk Replacer. The design should be culturally relevant in Mexico. Our target market/audience are mostly Spanish speaking dairy farmers/milk producers in Central America/Mexico, the site will only be delivered in Spanish.
Design Requirements:
- Size should be for Desktop only with 1280px width and height as required.
- Double check your storyboard source files to make sure all graphic assets are easy to export on the next development.
- Feel free to suggest any logic/functions that can bring good User Experience for this website.
- The website design will need to be clean and professional while structuring the information to be easily browsed by users.
- Branding colors should be based on the provided colors.png
- More branding design reference can be seen on page 2 of Project Laguna - Packaging_V4_EDITS.pdf
- Sample layout see Animal milk MX_Website_Structure2.pptx You are encouraged to suggest new layout for better user experience.
Screen Requirements:
1) Landing page
- This page should provide a clear picture of what the website is for, it should establish a balance between information found in the sub-pages and a clear call to action for visitors to navigate to the "Where to buy" page.
- Design navigation that is clear and intuitive.
2) Inner page (E.g. Education, Products, etc…)
- This will be the page template for the inner pages.
- See Animal milk MX_Website_Structure2.pptx pages 2 & 3 for additional info/reference.
3) Product Details page
- This page shows info of a certain product.
- This page comes from the Products page.
- See Animal milk MX_Website_Structure2.pptx pages 4 for additional info/reference.
4) Where to buy page
- This page will have a geolocation feature showing the nearest distributor.
- There should be a way to easily contact Land O'Lakes directly in case the distributors are too far.
5) Contact us page
- This will show the contact info of Land O'Lakes.
- Should have also an easy way to get in touch with Land O'Lakes.
Documentation
- content.zip for possible content of the screen requirements.
- colors.png for branding colors
- Project Laguna - Packaging_V4_EDITS.pdf (page 2) for additional brand reference
- Animal milk MX_Website_Structure2.pptx for sample screen layout
- AnimalMilk MX_page templates.pdf for additional info on screen requirements
Site Reference:
The following are client’s competitor websites for your reference only and please DO NOT clone them.
- http://www.nuplen.com.mx/
- https://www.elanco.com/
- http://www.maltacleyton.com.mx/home.php
MarvelApp
- You must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- Please request an MarvelApp project from the Copilot through the challenge forum.
Target Audience
- Spanish speaking dairy farmers/milk producers in Central America/Mexico, the site will only be delivered in Spanish.
Judging Criteria
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Overall design, UI and user experience
- How well you interpret the example screens and show us new ideas and concepts
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.
For this challenge, we are looking for your best UI designs and layout ideas to design several pages. Keep in mind that the end product will be built using WordPress.
Round 1
Submit your initial designs for checkpoint feedback.
1) Landing page
2) Inner page
3) Product Details page
4) Feel free to submit more screens for early feedback.
Round 2
Submit your final designs with updated solution based on client checkpoint feedback.
1) Landing page
2) Inner page
3) Product Details page
4) Where to buy page
5) Contact Us page
The goal of this challenge is to design the pages outlined below (optimized for WordPress) to have an online presence to better differentiate the product portfolio of Land O'Lakes - Animal Milk Replacer. The design should be culturally relevant in Mexico. Our target market/audience are mostly Spanish speaking dairy farmers/milk producers in Central America/Mexico, the site will only be delivered in Spanish.
Design Requirements:
- Size should be for Desktop only with 1280px width and height as required.
- Double check your storyboard source files to make sure all graphic assets are easy to export on the next development.
- Feel free to suggest any logic/functions that can bring good User Experience for this website.
- The website design will need to be clean and professional while structuring the information to be easily browsed by users.
- Branding colors should be based on the provided colors.png
- More branding design reference can be seen on page 2 of Project Laguna - Packaging_V4_EDITS.pdf
- Sample layout see Animal milk MX_Website_Structure2.pptx You are encouraged to suggest new layout for better user experience.
Screen Requirements:
1) Landing page
- This page should provide a clear picture of what the website is for, it should establish a balance between information found in the sub-pages and a clear call to action for visitors to navigate to the "Where to buy" page.
- Design navigation that is clear and intuitive.
2) Inner page (E.g. Education, Products, etc…)
- This will be the page template for the inner pages.
- See Animal milk MX_Website_Structure2.pptx pages 2 & 3 for additional info/reference.
3) Product Details page
- This page shows info of a certain product.
- This page comes from the Products page.
- See Animal milk MX_Website_Structure2.pptx pages 4 for additional info/reference.
4) Where to buy page
- This page will have a geolocation feature showing the nearest distributor.
- There should be a way to easily contact Land O'Lakes directly in case the distributors are too far.
5) Contact us page
- This will show the contact info of Land O'Lakes.
- Should have also an easy way to get in touch with Land O'Lakes.
Documentation
- content.zip for possible content of the screen requirements.
- colors.png for branding colors
- Project Laguna - Packaging_V4_EDITS.pdf (page 2) for additional brand reference
- Animal milk MX_Website_Structure2.pptx for sample screen layout
- AnimalMilk MX_page templates.pdf for additional info on screen requirements
Site Reference:
The following are client’s competitor websites for your reference only and please DO NOT clone them.
- http://www.nuplen.com.mx/
- https://www.elanco.com/
- http://www.maltacleyton.com.mx/home.php
MarvelApp
- You must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- Please request an MarvelApp project from the Copilot through the challenge forum.
Target Audience
- Spanish speaking dairy farmers/milk producers in Central America/Mexico, the site will only be delivered in Spanish.
Judging Criteria
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Overall design, UI and user experience
- How well you interpret the example screens and show us new ideas and concepts
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.