Responsive website UI

This project was awarded to cariva for $444 USD.

Get free quotes for a project like this
Project Budget
$250 - $750 USD
Total Bids
Project Description

Require a responsive design that will work on Desktop. Tablet, and Mobile.

I have drawn screen shots of what is required. You will need to create the css and HTML and design elements to do the following:

1. Display graph elements (You'll need to create these in CSS), possibly with some Javascript. Graph elements are bar charts - so you'll need a simple system that takes a number between 0 and 1 and produces a left to right bar chart. There will be many of these on each page. Each bar line will have some depth (shading) and will have a colour element that is changeable.

2. Information tiles will be on each page. These will include numerical data, and text. Numerical data will be large, and text will be underneath. These will change upon rolling over, i.e. a hover over. There will be banks of tiles arranged into sections. Pastel Green, Pastel Blue and Pastel Red.

3. Panel to display text based data with a series of options and drop downs. You'll need to ensure that text well formatted. And many text objects can be added. So the panel will have a scroll box (custom) that expands according to number of elements.


4. A responsive mobile/desktop/tablet input screen that will display per panel...

a) Checkboxes

b) An html5 slider (values from 0 to 10). The slider will be transparent at the middle to show the markings underneath. The marking will be 0 to 10 numeric form with 0.2 marked ranges on the upper surface. It will look a little like a tape measure.

c) Free text option.

All graphical elements will have a depth. The background will be a dark grey/light black. Panels will be rounded corners and a lighter shade with a very light background. These colours should be easily changeable. There will be a label on bottom right hand corner for each of the panels. All text will be actual text - not jpgs.

Space Screen name at bottom right.

All graphical elements will be require custom roll-overs, have some dimension to the elements.

All aspects will be modular and the HTML and CSS will be hand built (check for quality).

All design will be custom and original.

Awarded to:

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online