Challenge Summary
Welcome to the CLZ - Medical Tourism Responsive Website Design Challenge.
In this challenge, we would like your help in helping to plan and design a medical tourism website for focused on Chinese users traveling to the United States. It is a simple Responsive website (six core pages). Jump in now!
1. Home page (Desktop and Mobile)
2. Explore preventive care services (Desktop and Mobile)
3. Select services (Desktop)
4. Book now and pay deposit (Desktop)
Important: As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
1. Home page (Desktop and Mobile)
2. Explore preventive care services (Desktop and Mobile)
3. Select services (Desktop and Mobile)
4. Book now and pay deposit (Desktop and Mobile)
5. Payment (Desktop and Mobile)
6. Confirmation (Desktop and Mobile)
Important: As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Background Overview
More and more affluent Chinese consumers are planning travel to the United States. One of the more popular services for them is to experience American medical services. We are looking to create Responsive website (for both Mobile and Desktop) to learn about preventive care to fight cancer, heart attacks, and stroke or to learn about fertility treatments and then book medical services during a future visit to the United States.
CLZ Health Inc. is providing this service. “CLZ” is the abbreviation of the company name in Chinese. These three Chinese character refer to 3 main markets to start:
- Preventive health wellness checkup and to catch any potential ailments early.
- Genetic testing to increase awareness of any high risk hereditary ailments.
- Fertility treatment to help contemporary couples having difficulty with reproduction.
In this design challenge you do not need to know Chinese. We do recommend you do your standard research into our user and market. If you win the challenge, your final design will be translated into Chinese by the Copilot. We want to make sure you are focused on the user experience (across devices) and not the language conversion. Looking forward to your designs!
Screens Requirements:
0. Overall
Show hover/active states for buttons, dropdowns, breadcrumbs, errors/success states, elements with interaction, etc.
You can use dummy/greek text as content as needed. In the body/copy area we recommend selecting a chinese font to help plan appropriate spacing.
Make sure to create any secondary or sub pages to convey your idea and user experience.
1. Home page
This is the main user landing and inviting screen that draws Chinese consumers to learn more about preventive care to fight cancer, heart attacks, and stroke and also about fertility treatments available in the United States. This screen evokes an emotional response from the consumer, who wants a longer and better life and take advantage of our services during an upcoming visit to the United States.
The ideal outcome is that the user clicks on one area of most interest for them to learn more.
2. Explore preventive care services
The user can learn more about one area in detail, for example fighting cancer. The screen provides information on the problem and recommends our solution - a prescriptive program with 3 "components" to detect and address cancer risk.
We will also feature 3-6 institutions (for example, UCLA, USC, NYU) that offer this package. The user can learn about our recommended program, click through to learn more about each provider (like UCLA), and then indicate they want to book the service during a future visit to the United States. There would also be a QR code that links to relevant WeChat groups and featured articles from our provider institutions.
The ideal outcome is that the user clicks on the BOOK NOW button.
You can use the content from “sample content for screen 2.pdf”.
3. Select services
After clicking the BOOK NOW button in the previous screen, the user reaches this screen.
Here they see the details and benefits for each of the components of the service, meaning what is included. They also get suggestions for 3 additional optional services with pricing. The user can mix and match services. This screen needs to be simple, with the option that the user doesn't "do" anything except to go with our recommendation.
The outcome is for the user to SELECT the services.
You can use the content from “sample content for screen 3.pdf”.
4. Book now and pay deposit
In this screen, the user will enter the following data.
Location and date input - The user inputs two items (location and dates) at the top.
Health provider recommendation - As I select the location, the screen displays up to 3 recommended providers (USC, UCLA, Huntington Memorial). The message is that we will book you at one of these first-class institutions.
The other basic details - name, phone number in China, age, gender, and email address(es).
The intended outcome is that the user clicks BOOK NOW.
5. Payment
The user is able to pay the deposit using the most common payment methods in China - including Alipay (https://intl.alipay.com/), WeChat Pay (https://pay.weixin.qq.com/index.php/public/wechatpay) and UnionPay (http://www.unionpayintl.com/en/)
6. Confirmation
This is an important screen. All this screen does is summarize the booked services (the location, dates, healthcare institution and services) and let them know we will contact them. But we want the user to feel very good about their order.
The screen evokes the emotion that they are on their way to better health, longer lives, better living. Surprise us with suggestions (for example, here they can click on a link to learn more about CLZ Health Inc., they can subscribe to a newsletter on their topic of interest, and/or they can share/send links of the reservation to their family members).
Screen Sizes:
We are designing for a Responsive website in this challenge.
Desktop: 1280px width
Mobile: 750px width
Please remember to follow the Responsive design guidelines.
Design Guidelines
- Please use the provided logo.
- All other design and branding guidelines is open to the designers. We will provide additional feedback at the checkpoint.
- This website will service Chinese consumers, please consider what design style is popular in China, especially for the affluent Chinese consumers. Please avoid using the “Chinatown style” because the red lanterns, red pillars, cornices or something similar are outdated and not suitable for most modern Chinese.
MarvelApp Prototype
Please ask in the challenge forum or email yiming@copilots.topcoder.com and cc adroc@topcoder.com for access.
Target Audience
Affluent Chinese consumers.
Judging Criteria
Is the Responsive website easy to use and understand?
Does your design provide the user with a feeling of better health, longer life and better living?
Have you applied the Responsive considerations to the design?
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 image files based on Challenge submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop, Illustrator or Sketch and saved as editable files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
In this challenge, we would like your help in helping to plan and design a medical tourism website for focused on Chinese users traveling to the United States. It is a simple Responsive website (six core pages). Jump in now!
Round 1
Submit your design for a checkpoint feedback.1. Home page (Desktop and Mobile)
2. Explore preventive care services (Desktop and Mobile)
3. Select services (Desktop)
4. Book now and pay deposit (Desktop)
Important: As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Round 2
Submit your final design plus all updates that are for the checkpoint feedback.1. Home page (Desktop and Mobile)
2. Explore preventive care services (Desktop and Mobile)
3. Select services (Desktop and Mobile)
4. Book now and pay deposit (Desktop and Mobile)
5. Payment (Desktop and Mobile)
6. Confirmation (Desktop and Mobile)
Important: As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Background Overview
More and more affluent Chinese consumers are planning travel to the United States. One of the more popular services for them is to experience American medical services. We are looking to create Responsive website (for both Mobile and Desktop) to learn about preventive care to fight cancer, heart attacks, and stroke or to learn about fertility treatments and then book medical services during a future visit to the United States.
CLZ Health Inc. is providing this service. “CLZ” is the abbreviation of the company name in Chinese. These three Chinese character refer to 3 main markets to start:
- Preventive health wellness checkup and to catch any potential ailments early.
- Genetic testing to increase awareness of any high risk hereditary ailments.
- Fertility treatment to help contemporary couples having difficulty with reproduction.
In this design challenge you do not need to know Chinese. We do recommend you do your standard research into our user and market. If you win the challenge, your final design will be translated into Chinese by the Copilot. We want to make sure you are focused on the user experience (across devices) and not the language conversion. Looking forward to your designs!
Screens Requirements:
0. Overall
Show hover/active states for buttons, dropdowns, breadcrumbs, errors/success states, elements with interaction, etc.
You can use dummy/greek text as content as needed. In the body/copy area we recommend selecting a chinese font to help plan appropriate spacing.
Make sure to create any secondary or sub pages to convey your idea and user experience.
1. Home page
This is the main user landing and inviting screen that draws Chinese consumers to learn more about preventive care to fight cancer, heart attacks, and stroke and also about fertility treatments available in the United States. This screen evokes an emotional response from the consumer, who wants a longer and better life and take advantage of our services during an upcoming visit to the United States.
The ideal outcome is that the user clicks on one area of most interest for them to learn more.
2. Explore preventive care services
The user can learn more about one area in detail, for example fighting cancer. The screen provides information on the problem and recommends our solution - a prescriptive program with 3 "components" to detect and address cancer risk.
We will also feature 3-6 institutions (for example, UCLA, USC, NYU) that offer this package. The user can learn about our recommended program, click through to learn more about each provider (like UCLA), and then indicate they want to book the service during a future visit to the United States. There would also be a QR code that links to relevant WeChat groups and featured articles from our provider institutions.
The ideal outcome is that the user clicks on the BOOK NOW button.
You can use the content from “sample content for screen 2.pdf”.
3. Select services
After clicking the BOOK NOW button in the previous screen, the user reaches this screen.
Here they see the details and benefits for each of the components of the service, meaning what is included. They also get suggestions for 3 additional optional services with pricing. The user can mix and match services. This screen needs to be simple, with the option that the user doesn't "do" anything except to go with our recommendation.
The outcome is for the user to SELECT the services.
You can use the content from “sample content for screen 3.pdf”.
4. Book now and pay deposit
In this screen, the user will enter the following data.
Location and date input - The user inputs two items (location and dates) at the top.
Health provider recommendation - As I select the location, the screen displays up to 3 recommended providers (USC, UCLA, Huntington Memorial). The message is that we will book you at one of these first-class institutions.
The other basic details - name, phone number in China, age, gender, and email address(es).
The intended outcome is that the user clicks BOOK NOW.
5. Payment
The user is able to pay the deposit using the most common payment methods in China - including Alipay (https://intl.alipay.com/), WeChat Pay (https://pay.weixin.qq.com/index.php/public/wechatpay) and UnionPay (http://www.unionpayintl.com/en/)
6. Confirmation
This is an important screen. All this screen does is summarize the booked services (the location, dates, healthcare institution and services) and let them know we will contact them. But we want the user to feel very good about their order.
The screen evokes the emotion that they are on their way to better health, longer lives, better living. Surprise us with suggestions (for example, here they can click on a link to learn more about CLZ Health Inc., they can subscribe to a newsletter on their topic of interest, and/or they can share/send links of the reservation to their family members).
Screen Sizes:
We are designing for a Responsive website in this challenge.
Desktop: 1280px width
Mobile: 750px width
Please remember to follow the Responsive design guidelines.
Design Guidelines
- Please use the provided logo.
- All other design and branding guidelines is open to the designers. We will provide additional feedback at the checkpoint.
- This website will service Chinese consumers, please consider what design style is popular in China, especially for the affluent Chinese consumers. Please avoid using the “Chinatown style” because the red lanterns, red pillars, cornices or something similar are outdated and not suitable for most modern Chinese.
MarvelApp Prototype
Please ask in the challenge forum or email yiming@copilots.topcoder.com and cc adroc@topcoder.com for access.
Target Audience
Affluent Chinese consumers.
Judging Criteria
Is the Responsive website easy to use and understand?
Does your design provide the user with a feeling of better health, longer life and better living?
Have you applied the Responsive considerations to the design?
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 image files based on Challenge submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop, Illustrator or Sketch and saved as editable files.
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.