Challenge Summary
Welcome to the UNI - Responsive Website Design Challenge – Part 2. In this challenge, we are looking to take the winning design from the first challenge and continue designing out the secondary screens needed to complete the overall project and site theme.
We are looking for you to review the provided design, note any design updates and requests that we have and continue this design/theme by designing the requested pages.
Round 1
Submit your design for a Checkpoint feedback:
1. Product Page Customization flow
2. Product Details Page
3. Search Product Page
4. My Account Page
5. My Logos Page
- If you have time - please provide us with a click diagram of your design
- Notes.jpg: 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
Final Design plus any Checkpoint feedback:
1. Product Page Customization flow
2. Product Details Page
3. Search Product Page
4. My Account Page
5. My Logos Page
6. My Employees Page
7. My Orders Page
8. FAQ Page
9. Contact Us Page
- If you have time - please provide us with a click diagram of your design
- Notes.jpg: 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:
UNI Services is a service-focused leader of branded uniform and facility services programs in the United States. UNI is looking to update their current website to make it look modern and responsive.
The goal of this challenge is to finish what we started in the first challenge and design out the rest of the screens based on the provided design direction.
Screen size:
- Desktop: 1024px by 768px
- See provided designs
Design Goals:
- How can you expand the provided design to also update the requested screens
- Awareness of what’s above/below fold and what’s important
Supporting Documents:
- Screenshots of the current website (only for content reference) (screenshots.zip)
- Previous storyboard winner (Storyboards.zip)
Required Screens:
We need to update some of the screens from the previous challenge:
1) Product Page Customization flow:
05-4_Customization Flow_logo library.png
- The numbers on the shirt will show all available placements of images on a shirt even though some may not be available for that particular item.
-- Knowing that those images are static, how do we tell the user that some placements are not available? (e.g., shirt image shows 1, 2, 5, 6, 7, 21 but only 1, 2, 7, 21 are available on that item)
- How do we indicate business rules? For example, a 36-piece minimum is required for items that are screen-printed. If someone only puts one in their cart, what does the notification look like and at what point do they encounter it?
- If the customer chooses logo tab they'll also need to choose between:
-- Direct embroidery or
-- Emblems or
-- Screen print.
- If they choose text tab they'll need to choose between direct:
-- Embroidery or
-- Nametags.
2) Product Details Page:
04-1_Product Details.png
- Would like to see all product swatches at once. (GKdirect has one item with 61 colors)
- How should Pack by Employee work? Once it’s clicked, should that link go away so it doesn’t look like it’s the verification of what is entered?
3) Search Product Page:
03-3_Search Product_Filter Active.png
- We are looking for other design concepts for this page.
- We would like to see filtering along the left-hand side since we expect to have multiple filters at one time (price, color, fabric type, etc.) where you don't just filter by one but rather select within each category.
New Screens:
4) My Account Page:
my-account.png
- We need to display user profile information:
-- First Name
-- Last Name
-- Email Address
-- Contact Phone
-- Change Password button
-- Edit Profile Details button
- We need to display company information
-- Company Name
-- Customer Code
-- Account Number
-- Available Payment Type(s)
-- Billing Address
-- Link To Existing G&K Account
- Shipping Locations
-- Add Another Location button
- The user should be able to continue shopping or checkout from his account page
5) My Logos Page:
my-logos.png
- My logos list should contain the following fields:
-- Image, we also need an option to view larger image
-- Design ID
-- Design Name
-- Group
-- Thread Color
-- Size
-- Stitch Count, we also need a link to Price chart here.
6) My Employees Page:
my-employees.png
- This page should contain employees following information:
-- First Name
-- Last Name
-- Suffix
-- The ability to edit employee information
-- The ability to delete employee information
-- Add Employee button
-- Continue Shopping button
7) My Orders Page:
my-orders.png
- This page should contain orders following information:
-- Order number
-- Order Date
-- Amount
-- Continue Shopping button
8) FAQ Page:
faq.png
- You can refer this link for real content.
- This page should contain employees following information:
- How do we address the immense volume of questions we have here without removing any?
9) Contact Us Page:
contact-us.png
- You can refer this link for real content.
- How can we represent this page in a better way? You need to keep things consistent with the new design.
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:
- UNI Customers.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Design and 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
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.