Challenge Summary
Welcome to Land O’Lakes – Calva Redesign Challenge!
We would like to update both the design and development of http://www.calvaproducts.com, a public facing website that promotes products for Calva Products LLC, a wholly owned subsidiary within the Land O’ Lakes Milk Replacer Enterprise. Calva is a milk replacer and calf care brand with a primary focus on dairy calves within the western US geography.
- Submit an initial version of your solution.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
- Submit final version of your solution.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Challenge Description:
The purpose of this website is to inform current customers (primarily dairy farm owners/operators, herd managers, calf managers and calf feeders), potential customers and key influencers on customer purchase decisions (such as veterinarians and nutritionists) on information about the products and services that Calva provides.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- Desktop: Design for display 1280px and height as required.
- Mobile: Design for display 750px x 1334px.
- Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
Design Requirements:
- Incorporate the design element from the brand logo. Photos can be included but should be of dairy calves.
- The web site design will need to be clean and professional while structuring the information to be easily browsed by customers. Design should remain consistent across all sub-pages.
- Website needs to include a strong search function.
- Design must meet the A conformance level of WCAG 2.0 guidelines.
- Design will need to be responsive to desktop, tablet and smart phone.
Required Screens:
0. Navigation:
- Please refer to figure 1.png for new site desired navigation.
1. Homepage:
- Please refer to http://www.calvaproducts.com/
- The home page should highlight Calva’s 2 main points of difference:
-- A brand with a focus on dairy calf management and nutrition in the western US and
-- A brand with quality product and quality service.
Perhaps rolling carousel images (similar to what is on the calvaproducts.com website right now) on the home page could highlight these points?
2. About Page:
- Please refer to http://www.calvaproducts.com/about-calva/
3. Product Page:
- Please refer to http://www.calvaproducts.com/milk-replacer/advantage-milk-formulas/
- We need to present 2 products here:
-- “our milk replacers”: We would like to differentiate our “premium” milk replacer products from our more “traditional” milk replacer products. We would like Evolution, Optimum and Advantage milk replacer brands to stand out from the other milk replacer formulas.
-- “our calf care products”.
4. Contact Page:
- Please refer to http://www.calvaproducts.com/contact/
5. News Page:
- Please refer to http://www.calvaproducts.com/calf-news/
Desired Website Details:
- For the “our team” section: This section should include a list of all sales reps and should include a photo of each sales rep, title, territory and a brief biography.
- The website should also include information on Calva’s plant and warehouse locations as well as a form for website visitors to complete with any questions they have for the Calva sales team. This sub-page should have an interactive map of the United States with Calva locations plotted. Details such as city, state, address, contact info should appear when curser hovers over each plotted location.
-- Calva’s liquid plant locations: Tulare, CA and Rupert, ID
-- Calva’s powder product location: Acampo, CA
-- Calva’s warehouse locations: Use dummy locations for now.
- Further, the interactive map should be color coded to highlight different sales territories. If a visitor would like to contact a sales rep within a certain geography, the visitor can click on desired geography and complete a form that will then be sent directly to the sales rep for that territory.
Current website:
- www.calvaproducts.com
Competitor website examples:
Note: we provide these examples for content purposes only as the design of these websites is not desired.
- www.nrvmilk.com
- www.americancalf.com
- www.lawleys.com
“Best in class” website examples:
Note: sample website designs we would like to emulate.
- www.annies.com
- www.burtsbees.com
Supporting Documents:
- Visual of what we would like the Calva website to include (Figure 1.png)
- Brand colors (CALVA PMS COLORS.eps).
- Client logo (Calva_Prod_LLC_Logo_Vector.eps & Calva_stacked.eps).
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 Audience:
- Anyone seeking information on the products and services that Calva provides.
- Our target audience includes current and potential customers (primarily dairy farm owner/operators, herd managers, calf managers and calf feeders) as well as those who influence our customers’ milk replacer and calf care buying decisions (primarily large animal veterinarians and nutritionists).
Judging Criteria:
- Overall User Experience.
- Completeness and accuracy of the designs as defined in requirements.
- How well your designs provide a consistent user flow.
- How well your designs captures all the requirements.
- Any suggestions, interactions and user flows you recommend (provide any notes or comments for the client).
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.
We would like to update both the design and development of http://www.calvaproducts.com, a public facing website that promotes products for Calva Products LLC, a wholly owned subsidiary within the Land O’ Lakes Milk Replacer Enterprise. Calva is a milk replacer and calf care brand with a primary focus on dairy calves within the western US geography.
Round 1
Submit your design for checkpoint feedback:- Submit an initial version of your solution.
- If you have time - please provide us with a click map for your design.
- 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 checkpoint feedback:- Submit final version of your solution.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Challenge Description:
The purpose of this website is to inform current customers (primarily dairy farm owners/operators, herd managers, calf managers and calf feeders), potential customers and key influencers on customer purchase decisions (such as veterinarians and nutritionists) on information about the products and services that Calva provides.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- Desktop: Design for display 1280px and height as required.
- Mobile: Design for display 750px x 1334px.
- Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
Design Requirements:
- Incorporate the design element from the brand logo. Photos can be included but should be of dairy calves.
- The web site design will need to be clean and professional while structuring the information to be easily browsed by customers. Design should remain consistent across all sub-pages.
- Website needs to include a strong search function.
- Design must meet the A conformance level of WCAG 2.0 guidelines.
- Design will need to be responsive to desktop, tablet and smart phone.
Required Screens:
0. Navigation:
- Please refer to figure 1.png for new site desired navigation.
1. Homepage:
- Please refer to http://www.calvaproducts.com/
- The home page should highlight Calva’s 2 main points of difference:
-- A brand with a focus on dairy calf management and nutrition in the western US and
-- A brand with quality product and quality service.
Perhaps rolling carousel images (similar to what is on the calvaproducts.com website right now) on the home page could highlight these points?
2. About Page:
- Please refer to http://www.calvaproducts.com/about-calva/
3. Product Page:
- Please refer to http://www.calvaproducts.com/milk-replacer/advantage-milk-formulas/
- We need to present 2 products here:
-- “our milk replacers”: We would like to differentiate our “premium” milk replacer products from our more “traditional” milk replacer products. We would like Evolution, Optimum and Advantage milk replacer brands to stand out from the other milk replacer formulas.
-- “our calf care products”.
4. Contact Page:
- Please refer to http://www.calvaproducts.com/contact/
5. News Page:
- Please refer to http://www.calvaproducts.com/calf-news/
Desired Website Details:
- For the “our team” section: This section should include a list of all sales reps and should include a photo of each sales rep, title, territory and a brief biography.
- The website should also include information on Calva’s plant and warehouse locations as well as a form for website visitors to complete with any questions they have for the Calva sales team. This sub-page should have an interactive map of the United States with Calva locations plotted. Details such as city, state, address, contact info should appear when curser hovers over each plotted location.
-- Calva’s liquid plant locations: Tulare, CA and Rupert, ID
-- Calva’s powder product location: Acampo, CA
-- Calva’s warehouse locations: Use dummy locations for now.
- Further, the interactive map should be color coded to highlight different sales territories. If a visitor would like to contact a sales rep within a certain geography, the visitor can click on desired geography and complete a form that will then be sent directly to the sales rep for that territory.
Current website:
- www.calvaproducts.com
Competitor website examples:
Note: we provide these examples for content purposes only as the design of these websites is not desired.
- www.nrvmilk.com
- www.americancalf.com
- www.lawleys.com
“Best in class” website examples:
Note: sample website designs we would like to emulate.
- www.annies.com
- www.burtsbees.com
Supporting Documents:
- Visual of what we would like the Calva website to include (Figure 1.png)
- Brand colors (CALVA PMS COLORS.eps).
- Client logo (Calva_Prod_LLC_Logo_Vector.eps & Calva_stacked.eps).
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 Audience:
- Anyone seeking information on the products and services that Calva provides.
- Our target audience includes current and potential customers (primarily dairy farm owner/operators, herd managers, calf managers and calf feeders) as well as those who influence our customers’ milk replacer and calf care buying decisions (primarily large animal veterinarians and nutritionists).
Judging Criteria:
- Overall User Experience.
- Completeness and accuracy of the designs as defined in requirements.
- How well your designs provide a consistent user flow.
- How well your designs captures all the requirements.
- Any suggestions, interactions and user flows you recommend (provide any notes or comments for the client).
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.