Challenge Summary
Welcome to Acme Travel Insurance Website Redesign Challenge.
We need your help to redesign a travel insurance agency website. There is a problem with the existing user experience, it’s confusing; it should be focused on the B2C user group that we are targeting.
Best of luck!
1. Home (Desktop and Phone)
2. Quote (Desktop and Phone)
5. Claims (Desktop)
6. My Account (Desktop)
- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
1. Home (Desktop and Phone)
2. Quote (Desktop and Phone)
3. Purchase (Desktop and Phone)
4. Confirmation (Desktop)
5. Claims (Desktop and Phone)
6. My Account (Desktop)
- 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 redesign the look and feel of a travel insurance website. We are looking forward to create an engaging process towards the customer with a very straightforward conversion process.
You are provided with a content document that contains information about the pages/features. You are encouraged to come up with the unique layout and UX engagement approach.
Concept Goals
We have a problem with the current user experience: it is too confusing! We talk to the customer with insurance terminology and all they want to do is travel. Also, it is focused on B2B rather than B2C. One of the main goals is to walk the customer through the process of ordering travel insurance.
The site is required to be responsive design, but we want to go further, we’ve adapted a guided flow for our quote and claim processing and we want that to be optimized for mobile-first. Getting a quote should just be a few swipes away.
We need to reach a younger audience, in addition to mobile we need to have smart technology that allows for taking a picture from your phone, sending verification emails as opposed to printing a form. We want to get rid of all paper forms to mail.
While the added technology is great it has to be simple and with big fonts. A large part of our customers are older so we want to use simple language and iconography with easily readable content and headings.
As part of our User-centered design approach we want to speak in the user terms of travel, not in insurance terms. Please put yourself in the shoes of the user and recommend simple clear representations of the information over complex paragraphs of text.
Screens Requirements
Overall
- For content and features description of each page, please see attached Content.pdf.
- Show hover/active states for buttons, dropdowns, breadcrumbs, errors/success states, elements with interaction, etc.
- Global navigation must contain links to: Home, Plans, Claims, Support, Login, My Account
- Show Search bar (page results out of scope).
- Footer (minimum of 9pt font): It should contain the same as the attached footer screenshot. Disclaimer note: Coverage is offered by Acme Travel Inc. no.0XX9993, 123 Main Street, Capital, CA 55515. The plans contain insurance benefits underwritten by the Underwriter, Inc.. Acme are registered trademarks of Underwriter, Inc.. United states Insurance Company is currently authorized to transact business in all states. The group of companies is rated A (Excellent) by AM Best Company 2016. The plans also contain non-insurance Travel Assistance Services that are provided by an independent organization, and not by Underwriter, Inc. or Acme Travel Inc. Coverages may vary and not all coverage is available in all jurisdictions. Your travel retailer may not be licensed to sell insurance, and cannot answer technical questions about the benefits, exclusions, and conditions of our plans.
1. Home (Desktop and Phone)
See page 2.
2. Quote (Desktop and Phone)
See page 3.
3. Purchase (Desktop and Phone)
See page 4.
Login options should cover facebook, google, microsoft, and twitter options only.
4. Confirmation (Desktop)
See page 5.
5. Claims (Desktop and Phone)
See page 6.
6. My Account (Desktop)
See page 7.
Branding Guidelines
- Use #005CB9 as main branding color. You can combine with other colors or shades to complete your palette.
- Typography is open to suggestions. Choose modern, professional looking fonts according to the expected audience.
- We are a travel insurance company to travel images are always welcome.
- Keep things consistent. This means all graphic styles should work together.
Design Reference
Some of our competitors do a good job of representing our design concepts, but i think we can do even better. Take a look at our competitor sites before starting. Just for reference. DO NOT COPY anything from these sites:
- Allainz Travel Insurance
- Berkshire Hathaway
- TravelInsured
- Generali
- iTravelInsured
- MH Ross
- Seven Corners
- Tin Leg
- Travelex
- TravelGuard
- TravelSafe
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.
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
Our most common user group:
1. Mallory Mom – Big Decision for the Family
1.1. Demographics:
- 30-50yr Female married
- Big Trip for entire family
- 2 big trips a year traveler
- 80k+ income
- $6k yr Travel Spend
- Spring Summer Seasonality
- Kid Friendly Traveler
1.2. Goals:
- Protection.
- Reliable/Well Rated.
- Multi-Traveler.
- Status Checker.
- Risk at Destination/Current Events.
- Kid Friendly Activities/Tips.
2. Saavy Susan – Cash Strapped
2.1. Demographics:
- 20-35 Female.
- 3-4 times per year traveler.
- $4k yearly travel spend.
- Winter/Summer Traveler.
- 60k+ income.
- Thrill Seeker.
- Impulsive traveler/last minute traveler.
2.2. Goals:
- Price.
- Ease of Use (as easy as requesting an Uber).
- Mobile Claims.
- Touchless.
- Adventure Traveler/Excursions.
3. Retired Randy – Frequent Traveler
3.1. Demographics:
- 50-75 Male Married
- 5-6 times per year traveler.
- $10k yearly travel spend.
- 110k+ retirement income.
- Winter+ Traveler.
- Explorer.
3.2. Goals:
- Medical Benefits.
- Repeat Experience.
- Wants to speak to someone.
- News.
- Traveler/Dining Tips.
- Eco Travel.
Judging Criteria
- How interesting and engaging is the travel insurance process?
- Interpretation of the user experience.
- Is the website/application easy to use/intuitive?
- Cleanliness of your graphics and design.
- How easy is it to understand the plans you signed up for. Can someone without insurance experience understand what’s offered?
- How compelled does the design make you feel about using technology vs calling/chatting support?
- How clear was the claims process flow? Was the process easy to go through for a first time user? Was status clearly represented?
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 need your help to redesign a travel insurance agency website. There is a problem with the existing user experience, it’s confusing; it should be focused on the B2C user group that we are targeting.
Best of luck!
Round 1
Submit your design for a checkpoint feedback.1. Home (Desktop and Phone)
2. Quote (Desktop and Phone)
5. Claims (Desktop)
6. My Account (Desktop)
- 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. Home (Desktop and Phone)
2. Quote (Desktop and Phone)
3. Purchase (Desktop and Phone)
4. Confirmation (Desktop)
5. Claims (Desktop and Phone)
6. My Account (Desktop)
- 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 redesign the look and feel of a travel insurance website. We are looking forward to create an engaging process towards the customer with a very straightforward conversion process.
You are provided with a content document that contains information about the pages/features. You are encouraged to come up with the unique layout and UX engagement approach.
Concept Goals
We have a problem with the current user experience: it is too confusing! We talk to the customer with insurance terminology and all they want to do is travel. Also, it is focused on B2B rather than B2C. One of the main goals is to walk the customer through the process of ordering travel insurance.
The site is required to be responsive design, but we want to go further, we’ve adapted a guided flow for our quote and claim processing and we want that to be optimized for mobile-first. Getting a quote should just be a few swipes away.
We need to reach a younger audience, in addition to mobile we need to have smart technology that allows for taking a picture from your phone, sending verification emails as opposed to printing a form. We want to get rid of all paper forms to mail.
While the added technology is great it has to be simple and with big fonts. A large part of our customers are older so we want to use simple language and iconography with easily readable content and headings.
As part of our User-centered design approach we want to speak in the user terms of travel, not in insurance terms. Please put yourself in the shoes of the user and recommend simple clear representations of the information over complex paragraphs of text.
Screens Requirements
Overall
- For content and features description of each page, please see attached Content.pdf.
- Show hover/active states for buttons, dropdowns, breadcrumbs, errors/success states, elements with interaction, etc.
- Global navigation must contain links to: Home, Plans, Claims, Support, Login, My Account
- Show Search bar (page results out of scope).
- Footer (minimum of 9pt font): It should contain the same as the attached footer screenshot. Disclaimer note: Coverage is offered by Acme Travel Inc. no.0XX9993, 123 Main Street, Capital, CA 55515. The plans contain insurance benefits underwritten by the Underwriter, Inc.. Acme are registered trademarks of Underwriter, Inc.. United states Insurance Company is currently authorized to transact business in all states. The group of companies is rated A (Excellent) by AM Best Company 2016. The plans also contain non-insurance Travel Assistance Services that are provided by an independent organization, and not by Underwriter, Inc. or Acme Travel Inc. Coverages may vary and not all coverage is available in all jurisdictions. Your travel retailer may not be licensed to sell insurance, and cannot answer technical questions about the benefits, exclusions, and conditions of our plans.
1. Home (Desktop and Phone)
See page 2.
2. Quote (Desktop and Phone)
See page 3.
3. Purchase (Desktop and Phone)
See page 4.
Login options should cover facebook, google, microsoft, and twitter options only.
4. Confirmation (Desktop)
See page 5.
5. Claims (Desktop and Phone)
See page 6.
6. My Account (Desktop)
See page 7.
Branding Guidelines
- Use #005CB9 as main branding color. You can combine with other colors or shades to complete your palette.
- Typography is open to suggestions. Choose modern, professional looking fonts according to the expected audience.
- We are a travel insurance company to travel images are always welcome.
- Keep things consistent. This means all graphic styles should work together.
Design Reference
Some of our competitors do a good job of representing our design concepts, but i think we can do even better. Take a look at our competitor sites before starting. Just for reference. DO NOT COPY anything from these sites:
- Allainz Travel Insurance
- Berkshire Hathaway
- TravelInsured
- Generali
- iTravelInsured
- MH Ross
- Seven Corners
- Tin Leg
- Travelex
- TravelGuard
- TravelSafe
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.
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
Our most common user group:
1. Mallory Mom – Big Decision for the Family
1.1. Demographics:
- 30-50yr Female married
- Big Trip for entire family
- 2 big trips a year traveler
- 80k+ income
- $6k yr Travel Spend
- Spring Summer Seasonality
- Kid Friendly Traveler
1.2. Goals:
- Protection.
- Reliable/Well Rated.
- Multi-Traveler.
- Status Checker.
- Risk at Destination/Current Events.
- Kid Friendly Activities/Tips.
2. Saavy Susan – Cash Strapped
2.1. Demographics:
- 20-35 Female.
- 3-4 times per year traveler.
- $4k yearly travel spend.
- Winter/Summer Traveler.
- 60k+ income.
- Thrill Seeker.
- Impulsive traveler/last minute traveler.
2.2. Goals:
- Price.
- Ease of Use (as easy as requesting an Uber).
- Mobile Claims.
- Touchless.
- Adventure Traveler/Excursions.
3. Retired Randy – Frequent Traveler
3.1. Demographics:
- 50-75 Male Married
- 5-6 times per year traveler.
- $10k yearly travel spend.
- 110k+ retirement income.
- Winter+ Traveler.
- Explorer.
3.2. Goals:
- Medical Benefits.
- Repeat Experience.
- Wants to speak to someone.
- News.
- Traveler/Dining Tips.
- Eco Travel.
Judging Criteria
- How interesting and engaging is the travel insurance process?
- Interpretation of the user experience.
- Is the website/application easy to use/intuitive?
- Cleanliness of your graphics and design.
- How easy is it to understand the plans you signed up for. Can someone without insurance experience understand what’s offered?
- How compelled does the design make you feel about using technology vs calling/chatting support?
- How clear was the claims process flow? Was the process easy to go through for a first time user? Was status clearly represented?
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.