Challenge Summary
Welcome to the NEW B2B E-Commerce Design Concepts Contest. This contest is focused on creating a new and modern "B2B E-Commerce" website user experience.
Research existing Business to Business (B2B) E-Commerce sites and see what the latest design trends and features are. We are interested in seeing some new "Design Concepts" and approaches to a B2B users shopping experience.
Round 1
Initial Design Concepts
- E-Commerce landing/home page
- Search Results
- Product Details Page
- Any secondary features/descriptions we should be aware of
Concepts.jpg: Discuss your concept with the client (notes or images)
Round 2
Final Design Concepts
- E-Commerce landing/home page
- Search Results
- Product Details Page
- Shopping Cart
- Checkout
- Any additional pages/features you would like to include
- Any additional items required during the Milestone
Contest Details
This contest is focused on creating a new B2B E-commerce site design. The client is focused on creating a new and inviting user experience where a B2B customer can search/find product quickly, get into their Account and use the available site tools.
Design Problem
- Client has an existing site B2B application and is looking for fresh design and user experience solutions
- The site needs to be task orientated - a user needs to be able to login and find and purchase what they need quickly.
- Provide "Design Concepts" about the following items
A user needs to be able to quickly:
- Search/find products
- See/use available site tools
- See Product Information
- Place an Order
- Get a Quote
- Pay an existing bill (Payment on Account)
Design Scenario
For this contest we would like you to use "Car Parts" for products (use images from istockphoto.com)
1) A user would login or register for this Online B2B Car Part website (Login/Register Screen)
2) A user would be able to quickly search and find car parts they would need (Home screen with Site Tools and Product Search)
3) A user would be able to see details about the car parts (Product Detail Screen)
3) A user would be able to:
- Get a price quote (Price Quote Screen)
- Place the parts into their shopping cart and continue shopping (Shopping Cart Screen)
- Purchase the car parts (Checkout Screen)
Business to Business (B2B)
Wikipedia Link
We should all be familiar with E-commerce site design (online shopping carts etc). This contest is focused on companies purchasing products from other companies. This means most traditional "shopping cart" ideas will work but a business user is also looking for "site tools" like account/user management, finding orders, bill payment etc. Most B2B transactions/sales are not for individual items but for bulk items (large quantities of items)
Design Concepts Consideration:
1. Page Layout
- Research existing B2B applications and design trends
- Research page/layout design grids - what should our screen size be?
- Look at existing B2B sites and review what is cutting edge and new
- No restrictions! Except your design should look nice and sharp graphically
2. Color Scheme
- Blue, White, Gray, Yellow
- Recommend to us how the colors should be used (combination) and we will provide feedback at the Milestone
3. Navigation
Users Home Screen (after logging in)
- Orders
- Payments
- My Account
- Quotes
- Help
- Locations (warehouse)
- Shopping Cart
- Search (product search)
- Product Category Listings (list of product categories)
4. Search - very important!
- The main feature of this application to to search and find car parts!
- An effective and user-friendly search function is crucial for most users will attempt to find content.
5. Shopping Cart
- The main objective of shopping cart page is to lead the customer to the checkout
6. Product Catalog
- The user should be able to search within large product catalog of "parts" and drill down to the category or product they are looking for
- Products should be displayed in search results as lists or grids
- Research design solutions for the catalog
7. Product Details
- Very important page!
- Page should show multiple images of the product
- Page should show details about the product
- Research and capture what details you think should be shown on the Product Detail page
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
- Businesses who are looking to buy large quantites of car parts (or really any product)
Judging Criteria
- How well you create your design concepts and think about the problem we are trying to solve
- 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.
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.