Challenge Summary
Welcome to AppXpress – PMI Pet Foods Design Challenge!
This challenge is focused on creating design concepts/visual ideas to create a public facing web site for PMI Pet Foods for dogs and cats, PMI sells its product under three labels: Red Flannel, Exclusive and Infinia.
Infinia is branded as “by Exclusive” so those two are more “partner” brands. Red Flannel – where most of our tonnage is – should stand a bit apart from the other two in terms of style.
Round 1
Submit your design for checkpoint feedback:
1. Homepage.
2. Sub Brand Landing Page.
3. Product Details Page.
- 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:
1. Homepage.
2. Sub Brand Landing Page.
3. Product Details Page.
4. Retailer Locator Results Page.
5. Contact Us Page.
- 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 goal of this challenge is to inform customers, potential customers, and dealers of the product features, benefits, ingredients, guaranteed analysis of PMI Pet Foods along with product recommendations. Also provide printable materials, multi-media, retailer locator and contact form.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Screen Sizes:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
- Desktop: Width of 1280px and height as required.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
Supporting Documents:
- Brand logos (Logos.zip).
- Site Map (PMI Pet Site Map.pdf.zip); this explains the 4 page templates we are looking for to design in this challenge.
- Images you can use in your design (Images.zip); you are not limited to those images but they are to give you an idea.
- Sub Brand Information (Sub Brand Information.docx.zip); you can use any of the presented sub brands to design a sub brand template.
Design Considerations:
- Your design needs to be responsive; please consider that while designing the pages.
- The website needs to be very easy to use and self evident in navigation.
- Focus on the user experience of each page and make sure each page has a complete flow.
- Give importance to the overall layout and think about how a user would interact with the content on the page.
- Show all the screens and provide a user flow/click-path, so we can see how the interactions fit together in the web site.
- Design must meet the A conformance level of WCAG 2.0 guidelines.
- Incorporate the design elements from the brand logos, packaging, photography and point-of-purchase materials.
- The web site design will need to be clean and well organized while incorporating the emotional bond between a pet owner and their pet. Some fun and whimsy could be added to make the user feel more comfortable and “at home”.
- The designs for the sub-brand pages may breakaway from the home page design after the consumer make a choice between the three: Red Flannel, Exclusive or Infinia but the overall site layout and structure must remain consistent.
Main Features:
1. Brand information.
2. Sub-brand information.
3. Product information.
4. Retailer locator.
5. Contact form.
User Flow:
- John is a pet owner.
- He navigates to PMI website and is presented with brand information in homepage.
- He then navigates to sub-brand page; Red Flannel, Exclusive or Infinia and view the sub brand information.
- John then can see that brand product information; he will need to select one of the brand products to view the information.
- John then can click on a button to find that product retailers (Store locater).
- John will have the ability to contact PMI from contact us page.
Required Features:
- Please read the user flow and target audience sections and make sure to capture what the client is looking for.
Suggested Screens:
- We would like YOU to suggest features/screens that this app should incorporate.
1. Homepage:
- Please refer to http://www.pminutrition.com/main.html
- In this page we are looking to provide information on our brand.
- From this page the user will be able to view all sub brands related to our brand:
-- Red Flannel.
-- Exclusive.
-- Infinia.
- Clicking on a sub brand will take the user to sub brand details page.
2. Sub Brand Landing Page:
- Please refer to Sub Brand Information.docx for content.
- In this page we are looking to provide information on sub brand.
- From this page the user will be able to view all products related to thissub brand.
- You can view the products of each sub brand from site map document (PMI Pet Site Map.pdf).
- Clicking on a product will take the user to product details page.
3. Product Details Page:
- Please refer to Exclusive Chicken & Brown Rice Adult Sell Sheet.pdf for content.
- In this page we are looking to provide information on product.
- From this page we will have an input field with a label saying “Find a Retailer near you”:
-- In input field use placeholder text “Enter street, town or state”.
-- “Locate Retailer” button that will take user to Retailer Locator page.
4. Retailer Locator Result Page:
- In this page view the retailors on Google map.
- Upon hovering on each pin provide store information:
-- Name.
-- Telephone Number.
-- Website.
-- What else we can show here?
- Also show the results as a table under the map.
- Above the table we need the same input field used in product details page for the ability to search for a different address.
5. Contact Us Page:
- Show a Google map with our location on it; any place for now.
- We need a form:
-- Full Name.
-- Email Address.
-- Subject.
-- Your Message.
-- “Send Message” button.
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:
- Dog and cat pet owners.
- Dog food and cat food dealers.
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.