GUARD - Insurance One Stop Shop Platform Design Concept Challenge









    The challenge is finished.
    Show Deadlinesicon-arrow-up

    Challenge Summary

    Welcome to "GUARD - Insurance One Stop Shop Platform Design Concept Challenge". For this challenge, we need to create the look and feel for our “one-stop shop” platform that will offer intelligent protection gadgets and any other insurance items needed for our customers that work within our protection ecosystem.  

    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!

    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.

    Challenge Format

    This competition will be run as a two-round challenge.

    Round 1

    Submit your initial design for a Checkpoint Feedback (Desktop + Mobile)
    01) Landing Screen
    02) Login and Registration Screen
    03) Questionnaire "Find Your Fit" Screen
    04) Profile Screen 
    06) Dashboard Screen
    07) Product details Screen?
    - As part of your checkpoint submission, you must upload your submission to Marvel App so we can provide direct feedback on your designs. Please include the Marvel App 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 Checkpoint Updates (Desktop + Mobile)
    01) Landing Screen
    02) Login and Registration Screen
    03) Questionnaire "Find Your Fit" Screen
    04) Profile Screen 
    05) About Screen 
    06) Dashboard Screen
    07) Product details Screen
    08) Your "cart" Screen
    09) Checkout/Payment Screen
    10) Help/Service Desk Screen
    11) FAQ Screen
    - As part of your Final submission, you must replace your checkpoint design in your marvel with your final submission so we can provide direct feedback on your designs. Please include the Marvel App URL in your notes.txt.
    - Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)

    Regarding the Rounds:

    • To be eligible for Round 1 prizes and design feedback, you must submit before the Checkpoint deadline.
    • A day or two after the Checkpoint deadline, the challenge holder will announce Round 1 winners and provide design feedback to those winners in the “Checkpoints” tab above.
    • You must submit to Round 1 to be eligible to compete in Round 2. If your submission fails screening for a small mistake in Round 1, you may still be eligible to submit to Round 2.
    • Every competitor with a passing Round 1 submission can submit to Round 2, even if they didn't win a Checkpoint prize.
    • Learn more here.

    Full Description & Project Guide

    Background Overview
    With digitalization transforming expectations from customers, we want to create a convenient "one-stop-shop" for all their insurance needs, allowing them to join our protection ecosystem. In this challenge, help us to create the look and feel for this new platform for our audience!
    Challenge Goals 
    Create a platform where customers can purchase intelligent protection gadgets that work within our protection ecosystem, as well as receive other protection services.
    User Flow 
    - Customers enter landing page 
    - Customers have the option to register if they are new or log in if they are a returning user
    - Can access the about page, read and see more about the protection ecosystem
    - Can access questionnaire/advisor section ("find your fit") where users answer questions to see which products would best fit them (more information in content section). In this point we are open to creativity.
    - Can browse different items available for purchase as well as see latest products added to the shop
    - Click on products to see product details
    - Can add item to cart and keep shopping or proceed directly to payment page 
    - Payment page to enter your payment information 
    - Can download the corresponding app IF product has app
    - See confirmation of your purchase 
    - Can access your profile to see your products and make changes to your profile
    - Can access 'service desk' with incidents or issues 
    - Van access FAQ page 
    Design Considerations
    - Easy to understand flow from page to page, users are guided through the shopping 
    - Intuitive for the user; should never be left asking "what do I do next?"
    - Simple, clean, modern. Products are the main focus, the content compliments them accordingly
    - Each page is not overcrowded with information, (but it is obvious where to access more info)
    Design Usability 
    - Simple; not too many steps involved in any part
    - Easy to understand the navigation from section to section 
    - Not too many clicks from initial page to final confirmation of purchase
    - Fast and efficient shopping experience
    Target Devices
    - Desktop: Minimum 1280px width with Height adjusted accordingly 
    - Mobile Retina Screen Size: 750px width x 1334px Height (@2x)
    Branding Guidelines
    - Modern Crisp look and feel adhering to our standards. 
    - Follow our Branding Guidelines Document for design style, font, and colors. 
    Challenge Forum
    If you have any doubts or questions regarding challenge requirements, please ask in our challenge forum:
    Screen Requirements
    01) Landing Screen
    - Show New or 'coming soon!' Products that are arriving to the store soon where users can have the option to pre-order these items.
    - Latest product review from a satisfied user?
    - Popular products? Highlight particular products via video or blog?
    - Benefit of using this platform?
    - Think of this page as a marketing page for both new and returning users.
    - Marketing both the products and the platform!
    - Show us your ideas!
    02) Login and Registration Screen
    - This screen will be used by returning users
    - Ordinary login form (Username/Password/Forgot password/Remember me)
    - Social Media login features?
    - Provide error scenario if user enter wrong credential
    - If you are a new potential customer, you need to register first on the platform
    - Ordinary registration form, general information, profile information, payment information, etc.
    - Breakdown the registration into several steps? or simple registration steps? Your call!
    03) Questionnaire "Find Your Fit" Screen
    - Once user logged in, provide this screen to identify products that would be useful to them. 
    - Users answer questions (Example: Do you usually lose your keys? When you park in a car park, do you always forget where you parked?) 
    - Short questions and after users have completed, items will be suggested to them based on their answers. 
    - Feel free to be creative here! We are up for other suggestions on ways to identify products and give the users the feeling of customization. 
    04) Profile Screen
    - Access Details profile (Your Profile and Others Profile)
    - Edit/change Your profile information
    - Ability to see the products you currently have & information about each ex: updates, statuses 
    - You can delete or edit current products and also access other protection services that you have available for your products.
    05) About Screen 
    - A simple page explaining how our protection ecosystem works for the customer. 
    - Videos? List of Gallery? Description? etc for content list.

    06) Dashboard Screen
    - Show All products List, customer will be able to scroll through all items available for purchase
    - Able to view products summary and drilled down the product specifications/details via “See More” link
    - Product Filters, Search, Category? Simplify user interactions to find products.
    - Examples of products being sold: Tracking Device, Sound System, Home air monitors, Protective key pouch, Flood sensors, etc
    - View your current/products you have purchased in the past (Log/Activity History)
    - Able to see new information on the platform (Upcoming Products, Sale %, etc)
    07) Product details Screen
    - User will be able to see all details of the product from this screen
    - Price, List of Product Images, Video, description of products, availability, etc 
    - If Product has additional/corresponding mobile application (App Store and Google Play), Provide Download link to the app.
    08) Your "cart" Screen
    - Show all products that you have saved while shopping 
    - Make adjustments to current purchased products (upgrade, delete, and add)
    - Save/store items in 'shopping cart' to hold while user continues shopping
    - Ability to proceed to checkout to Purchase products / place your order
    09) Checkout/Payment Screen
    - Confirm your product purchase
    - Enter your payment details and provide options to save the payment info to use later (payment info)
    - Show Preview of your payment/purchased details before “Complete” the purchased
    - Tracking progress of product purchased
    - View confirmation of your purchased
    10) Help/Service Desk Screen
    - Provide form where customer able to submit questions/concerns
    - Live chat/call? 
    - Tracking report progress
    - Ability to review and rated service desk
    11) FAQ Screen
    - List of FAQ and the answers
    - Can be dummy QA for now
    - Keep things consistent. This means all graphic styles should work together.
    - All of the graphics should have a similar feel and general aesthetic appearance
    Marvel Prototype
    - We need you to upload your screens to Marvel App.
    - Please send your marvelapp request to fajar.mln@gmail.com (Challenge Copilot)
    - You MUST include your Marvelapp URL (in your marvelapp prototype, click on share and then copy the link & share it within your notes/comment this link while you upload).
    Please ask in forum for access to documentation
    - Branding Guidelines Document 
    Target Audience
    - Existing customers that want the benefits of the protection ecosystem and like the idea of being able to individualize/customer their protection to fit their needs
    - New customers entering our one-stop-shop because of its innovative solution to improve their protection needs  
    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.
    - Marvel App link for review and to provide feedback
    Source Files
    All source files of all graphics created in either Adobe Photoshop/Illustrator/Sketch and saved as editable layer
    Final Fixes
    As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.

    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.

    Reliability Rating and Bonus

    For challenges that have a reliability bonus, the bonus depends on the reliability rating at the moment of registration for that project. A participant with no previous projects is considered to have no reliability rating, and therefore gets no bonus. Reliability bonus does not apply to Digital Run winnings. Since reliability rating is based on the past 15 projects, it can only have 15 discrete values.
    Read more.


    2018 Topcoder(R) Open


    Screening Scorecard


    Your Design Files:

    1. Look for instructions in this challenge regarding what files to provide.
    2. Place your submission files into a "Submission.zip" file.
    3. Place all of your source files into a "Source.zip" 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 here.


    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 here.

    Questions? ‌Ask in the Challenge Discussion Forums.


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

    You must include all source files with your submission.