Challenge Summary
Welcome to Yamaha Motors Website Redesign Challenge.
We are very excited to bring this opportunity to work on the redesign of the Yamaha Motors website. The client is looking forward to see very creative approaches to solve a specific problem overall: improve customer experience.
Best of luck!
NOTE: Checkpoint phase is very FAST! Less than 48 hours. Jump in now!
1. Landing Page (Desktop and Mobile)
- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
1. Landing Page (Desktop and Mobile)
2. Dealer Location (Desktop and Mobile)
3. Contact Us (Desktop and Mobile)
- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
The goal of this challenge is to come up with a redesigned look and feel of the Yamaha Motor responsive website.
Concept Goals
Yamaha is a Japanese manufacturer of motorcycles, marine products such as boats and outboard motors, and other motorized products. The corporate website serves as a main hub for our different product lines; however, this project is only for the corporate website, not any product websites. Nowadays it requires a design that help achieving the following objectives:
1. Modernize the website look and feel.
2. Improve mobile website.
3. Clearly illustrate the brand image/company.
4. Improve customer experience.
This redesigned site should serve as a main tool to achieve Yamaha’s “One Yamaha” strategic brand vision. The “One Yamaha” vision is the concept that all of Yamaha’s products deliver our owners a sense of “KANDO”, something emotionally moving. All creative concepts of the web site should align with that vision. This includes, but is not limited to, the images of owners enjoying our products.
Currently the corporate website gets an average of 1.8 million site views on average per month. We would like to see these site view numbers increased as a result of this project. Additionally, we would like to see an improvement in conversions such as phone or e-mail inquiries, increased ‘Find A Dealer’ searches, and an improved mobile experience. We’d like you to think how to improve these conversion goals throughout the user experience and final design.
Screens Requirements
Overall
- Show hover/active states for buttons, dropdowns, breadcrumbs, errors/success states, elements with interaction, etc.
- Extract content from the provided website. You are encouraged to re-use it and relocate as per your design proposal needs (layout, content, navigation, everything!).
- Site navigation must contain:
-- Overall links: home/landing, Career Opportunities, Contact Us, Dealer Locator, Product Recalls, Yamaha global site, helicopter site, Yamaha music site, and Yamaha Extended Service.
-- Product lines: ATV’s, Boats, Golf Cars, Motorcycles, Outboard Engines/Marine, Parts and Accessories, Power Assist Bicycles, Power Products, Snowmobiles, and Waverunners.
1. Landing Page (Desktop and Mobile)
See this page for content reference.
This is an imortant marketing piece. Theme should be modern and its content must be wisely thought (re-use any of our content - allowed). Besides any propositions you can come up with, keep in mind we would like to see this at least on the modernized landing page:
- Nice use of stock photography.
- Brand story.
- Company information.
- Product stories.
- News.
2. Dealer Location (Desktop and Mobile)
See this page for content reference.
It should provide an engaging method to allow users finding a dealer in a easy way. We are open to suggestions for a total new experience on this page.
3. Contact Us (Desktop and Mobile)
See this page for content reference.
Branding Guidelines
- Use the provided logo.
- Use colors extracted from the website.
- We are using Roboto as part of our typography family; however for this exercise we are open to consider new approaches that go well with your proposed theme.
- Keep things consistent. This means all graphic styles should work together.
Screen Specifications
- Desktop: 1280px max width. Height as much as needed.
- Mobile: 750px width. Height as much as needed.
- Make sure your work is in a vector format, for retina scaling and high fidelity.
Design Reference
These are some sites we like. Use for inspiration only, DO NOT COPY anything.
- Honda.
- Prada.
- Toyota.
MarvelApp Presentation
- Request a MarvelApp prototype from me (mahestro@copilots.topcoder.com). Do not use the forums to request for MarvelApp.
- Provide clickable spots (hotzones) to link your screens and showcase the flow of the solution.
- Provide the MarvelApp shareable link in your notes during submission upload.
Stock Artwork (Illustrations, Icons, Photography)
- Stock artwork is allowed for this challenge.
- Make sure to declare all your assets properly or you might fail screening.
Target User
The key audience of the Yamaha website are existing, returning or prospective customers, or prospective employees who are interested in the Motorsports brand and lifestyles.
Audience includes people of all ages who are interested in Motorcycles, ATVs, Side by sides, Snowmobiles, Pumps, Generators, Pressure Washers, Multi-Purpose Engines, Waverunners, Sport Boats, Outboard Engines, Golf Cars, Power Assist bicycles, and their parts and accessories.
Judging Criteria
- Interpretation of the user experience.
- Is the website/application easy to use/intuitive?
- Cleanliness of your graphics and design.
- Are mobile-first considerations appropriately applied to the design concept?
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 Sketch, Adobe Photoshop or Illustrator. Layers should be named and well organized.
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 are very excited to bring this opportunity to work on the redesign of the Yamaha Motors website. The client is looking forward to see very creative approaches to solve a specific problem overall: improve customer experience.
Best of luck!
NOTE: Checkpoint phase is very FAST! Less than 48 hours. Jump in now!
Round 1
Submit your design for a checkpoint feedback.1. Landing Page (Desktop and Mobile)
- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Round 2
Submit your final design plus checkpoint feedback.1. Landing Page (Desktop and Mobile)
2. Dealer Location (Desktop and Mobile)
3. Contact Us (Desktop and Mobile)
- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
The goal of this challenge is to come up with a redesigned look and feel of the Yamaha Motor responsive website.
Concept Goals
Yamaha is a Japanese manufacturer of motorcycles, marine products such as boats and outboard motors, and other motorized products. The corporate website serves as a main hub for our different product lines; however, this project is only for the corporate website, not any product websites. Nowadays it requires a design that help achieving the following objectives:
1. Modernize the website look and feel.
2. Improve mobile website.
3. Clearly illustrate the brand image/company.
4. Improve customer experience.
This redesigned site should serve as a main tool to achieve Yamaha’s “One Yamaha” strategic brand vision. The “One Yamaha” vision is the concept that all of Yamaha’s products deliver our owners a sense of “KANDO”, something emotionally moving. All creative concepts of the web site should align with that vision. This includes, but is not limited to, the images of owners enjoying our products.
Currently the corporate website gets an average of 1.8 million site views on average per month. We would like to see these site view numbers increased as a result of this project. Additionally, we would like to see an improvement in conversions such as phone or e-mail inquiries, increased ‘Find A Dealer’ searches, and an improved mobile experience. We’d like you to think how to improve these conversion goals throughout the user experience and final design.
Screens Requirements
Overall
- Show hover/active states for buttons, dropdowns, breadcrumbs, errors/success states, elements with interaction, etc.
- Extract content from the provided website. You are encouraged to re-use it and relocate as per your design proposal needs (layout, content, navigation, everything!).
- Site navigation must contain:
-- Overall links: home/landing, Career Opportunities, Contact Us, Dealer Locator, Product Recalls, Yamaha global site, helicopter site, Yamaha music site, and Yamaha Extended Service.
-- Product lines: ATV’s, Boats, Golf Cars, Motorcycles, Outboard Engines/Marine, Parts and Accessories, Power Assist Bicycles, Power Products, Snowmobiles, and Waverunners.
1. Landing Page (Desktop and Mobile)
See this page for content reference.
This is an imortant marketing piece. Theme should be modern and its content must be wisely thought (re-use any of our content - allowed). Besides any propositions you can come up with, keep in mind we would like to see this at least on the modernized landing page:
- Nice use of stock photography.
- Brand story.
- Company information.
- Product stories.
- News.
2. Dealer Location (Desktop and Mobile)
See this page for content reference.
It should provide an engaging method to allow users finding a dealer in a easy way. We are open to suggestions for a total new experience on this page.
3. Contact Us (Desktop and Mobile)
See this page for content reference.
Branding Guidelines
- Use the provided logo.
- Use colors extracted from the website.
- We are using Roboto as part of our typography family; however for this exercise we are open to consider new approaches that go well with your proposed theme.
- Keep things consistent. This means all graphic styles should work together.
Screen Specifications
- Desktop: 1280px max width. Height as much as needed.
- Mobile: 750px width. Height as much as needed.
- Make sure your work is in a vector format, for retina scaling and high fidelity.
Design Reference
These are some sites we like. Use for inspiration only, DO NOT COPY anything.
- Honda.
- Prada.
- Toyota.
MarvelApp Presentation
- Request a MarvelApp prototype from me (mahestro@copilots.topcoder.com). Do not use the forums to request for MarvelApp.
- Provide clickable spots (hotzones) to link your screens and showcase the flow of the solution.
- Provide the MarvelApp shareable link in your notes during submission upload.
Stock Artwork (Illustrations, Icons, Photography)
- Stock artwork is allowed for this challenge.
- Make sure to declare all your assets properly or you might fail screening.
Target User
The key audience of the Yamaha website are existing, returning or prospective customers, or prospective employees who are interested in the Motorsports brand and lifestyles.
Audience includes people of all ages who are interested in Motorcycles, ATVs, Side by sides, Snowmobiles, Pumps, Generators, Pressure Washers, Multi-Purpose Engines, Waverunners, Sport Boats, Outboard Engines, Golf Cars, Power Assist bicycles, and their parts and accessories.
Judging Criteria
- Interpretation of the user experience.
- Is the website/application easy to use/intuitive?
- Cleanliness of your graphics and design.
- Are mobile-first considerations appropriately applied to the design concept?
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 Sketch, Adobe Photoshop or Illustrator. Layers should be named and well organized.
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.