Submit a solution
The challenge is finished.

Challenge Summary

Welcome to the “Woodburn Insurance CMS Mobile Site Challenge”. In this challenge, we are looking for your help to create stunning mobile cms template that we will use to demonstrate to the prospective Insurance industry clients. The site consists of some functionalities page to showcase the content how an ‘Insurance Demonstration Site’ developed with our tools, the site must be modern, clean and embody the feels of how an Insurance site should look like.

Round 1


Submit your initial designs for checkpoint feedback.

01. Homepage

02. My Benefit 

03. Shop for Insurance Flow

Please make sure to include a URL/comment the link to your marvel app while uploading your submission and all pages have the correct flow! Use correct file numbering. (01, 02, 03), if you are new to Topcoder you can learn how to format your submission here

Round 2


01. Homepage

02. My Benefit 

03. Shop for Insurance Flow

04. About Us

05. Contact Us

06. Any other supporting screens

Please make sure you are declaring properly and Updated marvel link for the final submission and please make sure you are using sequence/file numbering for your submission ( 01, 02, 03 )


We are looking to create a stunning design for a site that we will use to demonstrate our Content Management System (CMS) to Insurance Industry clients. When we implement the demo site it will be used by marketing teams to showcase our CMS (Content Management System) to new Insurance customers, so the site doesn't look empty, and includes some relevant workflows. 

  • Our CMS needs to have a new 'Insurance Demonstration Site' that is specific to the Insurance industry that we will use to demonstrate and market the product

  • The 'Insurance Demonstration Site' is a small website whose purpose is to ensure that our sales and marketing people can demonstrate the CMS to organizations in the insurance industry how a site could look when developed with our tools

  • The 'Insurance Demonstration Site' will be used to demonstrate CMS capabilities and will be expanded over time

  • The 'Insurance Demonstration Site' should be modern, beautiful and engaging

  • Create the best possible UI/UX design for a stunning 'Insurance Demonstration Site' with all functionalities described in the challenge applied



As noted above, the Insurance demonstration site will eventually be implemented in our Content Management System as a template to showcase its capabilities. This challenge is strictly focussed on the UX and Visual Design of the demonstration site, but for reference here is a little information about the CMS used.


The CMS is able to build websites and manage content for use in both web and non-web channels. It can integrate applications and produce sites whose content and navigation are role-based, and could be used by a consumer, or an employee of the insurance firm. For example, a user could visit the site to check on the status of their insurance claims or seek a doctor in their network that provides the services they are looking for, and an insurance provider could create new insurance offerings to share with customers, as well as personalize content to different policyholders.  The CMS can also detect device types and adapt the content served based on this, beyond any in-browser adaptation done through responsive design. When we implement the demonstration site, we will add our in-line editing and site management tools, as well as applying role or device-based controls to some parts of the site.



  • Innovative and Beautiful designs for this demonstration site

  • Best Practice for Responsive Web (we will focus on the mobile web in this challenge, and expand to the desktop web later)

  • Designs should be mobile-first, and visualisations for mobile must be provided

  • The imagery used must be obtainable under a royalty-free license that will allow us to distribute it with the sample site (Pexel, Unsplash is preferable)

  • Consideration should be given to choosing imagery that will be acceptable worldwide. Where people are represented in the images, a diverse range of ethnicities and genders should be shown

  • For this challenge, you do not need to write realistic body text. Lorem Ipsum is acceptable.

  • Make sure the site design you create is consistent - so if you choose to create a minimalist look (for example), make sure that this is reflected in your choice of colours, images and so on. 



Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!



  The 'Demonstration site' will represent a small, fictional company called "Woodburn Insurance" and The brief for the content of the site is below.

Woodburn One - company overview
The Woodburn Insurance site is primarily informational. The site should showcase the different types of policies, highlight different options based on different criteria (for health insurance may be by the number of people insured, for life insurance would be based on age or type of policy requested), provide information about providers in their network

  • "Woodburn One" is a fictional organization that exists only for the site demonstration purposes.

  • Woodburn One provides Health & Life Insurance to individuals and families in the USA.

  • They pride themselves on providing personalized experiences to their policyholders, including help finding the best policy for their needs, and identification of local facilities where they can seek health care services in-network that they need.

  • They are based in New York, NY, but serve many people in surrounding States. (NOTE: This information is only provided in case any locale-specific content is needed)



 Required Pages

01) Homepage Screen

  • Website visitors will find the homepage first. With that in mind, you need to make a solid first impression

  • We need a homepage that showcases offers on different insurance plans, and articles about health care, financial care, etc.

  • The Homepage should be helping the target audience get to know about Woodburn Insurance

  • Features such as image carousels, videos and striking imagery may be used to highlight content

  • Make it informative as a marketing page to promote Woodburn Insurance

  • Main Navigation to access all features/pages in the demo site

  • Recent Photos from social Media (integration with social media plugin) and it’s interactions status (comment, like, etc)

  • Show us your creativity for this screen!


02) My benefits screen

  • A personalized page to show benefits include services such as Estimate benefits costs, ask the doctor a question, check the status of a claim, file a claim, view plan details, change coverage.  Can also show Life insurance policy information.

  • Include member benefits information - discounts on health clubs, tips on healthy eating, lifestyle tips, wellness, life insurance

  • Information for travelling abroad

  • Show us your creativity for this screen!


03) Shop for Insurance Screen  

  • Enter zipcode

  • Bring up different types of health and life insurance options

  • Ability to see details of Woodburn specific insurance offerings, providers in the network, etc. 


04) About Us Screen

  • 'About Us' page is needed in the demonstration site 

  • Includes information about Woodburn Insurance, national recognitions, corporate/social responsibility, community work, and careers.

  • Some brief about Woodburn INsurance vision, mission, and goals


05) Contact Us Screen

  • Show information about how the visitor can reach and get in contact with Woodburn Insurance

  • Address, Phone, Email, Social Media information needs to be put here

  • Form to contact Woodburn directly


06) Other Screens?

  • What else? Show us your imagination and creativity for the demonstration site!!



  • Keep things consistent. This means all graphics styles should work together

  • All of the graphics should have a similar feel and general aesthetic appearance. You get to choose whether to choose a modern, classic, fancy or other styles - we’re interested in your creativity here!





For reference ONLY, real-world sites such as, or can be referred to in order to help understand the kind of functionality an insurance site offers. Please do NOT copy these sites, they’re simply offered as a reference, and you may find others that offer further inspiration.


Branding Guideline

  • Open to Designers

  • We have deliberately not provided any visual style guidelines or aesthetic preferences - since this is a demonstration site you can decide what kind of look you want to propose.



  • Mobile: 750px x 1334px (iPhone 8), Layered and editable source



  • Insurance Company



  • Creativity and eye-catching concept                    

  • Quality and embody Insurance Feel

  • Feasibility, Concept that makes sense with the target device




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.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.


2020 Topcoder(R) Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "" file.
  3. Place all of your source files into a "" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.


All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar
  • EPS files created in Adobe Illustrator or similar
  • Vector AI files created in Adobe Illustrator or similar
  • Vector EPS files created in Adobe Illustrator or similar
  • Sketch

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30119207