User Interface Design with JQuery

This project received 9 bids from talented freelancers with an average bid price of $590 USD.

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

I am wanting a two page UI designing using jquery. Design should be web2.0 and kid friendly - twitter bootstrap or similar. Please complete the mockup using jquery and php ready for integration into my site.

Please see the rough sketches attached and the notes below;

The top of the page is the sliding panel found here - [url removed, login to view]

The Assessments to do and Review assessments can be on an infinite scroll like this - [url removed, login to view] - but rather than expanding on scroll down expand on button click.

(Assessments to do will always be only 1, 2 or 3 items so no need for a search here - Review will have a search). Both sections can be minimized if the user requires.

Top links - My classes - use the dropdown style here - [url removed, login to view]

''Wall'' and ''Grades'' go to new pages (normal links)

''Customise'' - I would like this to be a live css edit function with a user being able to click on the page and change the colour / background image of each element - something like [url removed, login to view] - add preferences to db.

The icon top right should be the users avatar and when clicked this will bring down a set of menu items. ([url removed, login to view] - option 2)

Logout top right.

At the bottom right I would like some notifications to pop - [url removed, login to view]

In the Open Panel:

In here we place student levels and also the section ''My Badges'' which displays badges that a student has collected. There could be a lot of these so include a scrollbar and an ajax loading mechanism.

Please add your portfolio when making a bid.


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