We have a prototype of the (bit outdated: missing some of the newer features which are currently present in the application) new design for our application that is written in HTML and should be transformed to the Bootstrap. The prototype design is not set in stone and changes can be made at designer's discretion to the colors, icons and fonts, but not the layout of the pages (also, the column Opportunity, which is present in the prototype of the new design, has to be removed from the final version).
The task is essentially to take Bootstrap-based UI that we have and fix design / UX issues. The main challenge is that usage of Twitter Bootstrap is a must. We can't afford to switch to the custom HTML, because Bootstrap allows our back-end / front-end developers to build new functionality without introducing a designer. I envision this (and feel free to tell me it's impossible and propose another direction to go) as set of changes we need to make in HTML/JS (to improve UX), in addition to overwritten Bootstrap CSS styles (like color, button size, etc.). This would allow us to continue use Bootstrap in future.
The current scope of work is concerned with just a single page - Timeline Page - and should take about 4 hours.
Upon the successful and timely completion of this project, the following pages will be offered to work on as well:
1) Landing Page
2) Connect to Salesforce
3) Subscription Page (3 steps)
4) Grace Overview Page
5) My Account Page
6) Expired Link Page