ico-arrow-big-left

John Hancock - Crowdsourcing Services Website - Front-End Functional Prototype Challenge

Key Information

Register
Submit
The challenge is finished.
Show Deadlines

Challenge Overview

Challenge Overview

Welcome to "John Hancock - CrowdSourcing Services Website Front End Functional  Prototype Challenge". Recently, we finished the UI prototype contest for the front-end and code contest for the backend.  In this contest, we are looking for you to help us to use the current prototype and backend and make the prototype functional.

The purpose of this project  is to develop a responsive website to share information about Crowdsourced projects with John Hancock employees and vendor partners. The website will streamline retrieval and presentation of information relating to crowdsourced projects. The website should display correctly on desktop, laptop, iOS and Android devices (both horizontal and vertical orientation). Please note that the website will be accessible only to JH employees and Vendor partners within the John Hancock network.  


Platforms and Technologies

HTML/HTML5, CSS3, D3, Angular.js, Bootstrap, JSON, JavaScript


Important Expectations:

- Use Angular.js for functions.
- You MUST make sure all graphics remain intact.
- Challenge winner will be responsible to fix any issues we found or exists on existing Code after updated based on this challenge spec.
- For graph and map libraries, you are NOT allowed to change from what is used. You need to use the provided real data and computations that you implement to display information on map and graphs.

Please maintain the overall look and feel of the UI prototype.

Following are the min-width requirements for each version:

a.) Desktop: 1024px width
b.) Tablet: 768px width
c.) Mobile: 640px width


Challenge Details

Complete details for the challenge are available in forums in Documents Section. You will be able to access it once your register for the contest.

 

Client Priorities (The items that are considered highest prototype priorities)

- Creating quality and efficient code that works in all the requested browsers.
- Please give special attention to Search performance.
- Please give special attention to Response time and Display time.
- All elements should be consistent, pay attention to padding, margin, line-height, etc.

Browsers Requirements

- Chrome Latest Browser
- Safari Latest Browser
- Firefox Latest Browser
- IE 11 and above
- Chrome, Firefox and Safari on iPad (Landscape & Portrait View)
- Android Browser

 

Final Submission Guidelines

- Please attach your code as a ZIP file in OR.
 

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.

ELIGIBLE EVENTS:

2017 TopCoder(R) Open

REVIEW STYLE:

Final Review:

Community Review Board
?

Approval:

User Sign-Off
?

CHALLENGE LINKS:

Review Scorecard

?