Convert PSDs to Ruby on Rails Website

The client has 6 PSD cuts of a new website that need to be converted into a mostly static RoR website. Some dynamic things just need to be stubbed in no need to build complex models or have database support.

In your bid indicate an understanding of the requirements.

You need to be an experienced Ruby of Rails developer/designer who is familiar with TDD. You should follow good standards such as DRY, KISS, Convention-over-Configuration, Refactor Mercilessly, Document as you Code, etc.

You must use: Ruby 1.9.3, RVM, Compass Framework + SASS, Rails 3.2, RSpec, Cucumber + Capybera, HTML5 (Prefer SLIM), CoffeeScript + jQuery, Capistrano

You may use any JS library you wish so long as the license allows for free distribution without licensing limits

Your HTML5 should use modern tags such as article, header, footer, aside, section, etc...

Looking for excellent will written test coverage.

Limited JavaScript Parts

Creating a simple multi-level menu system using CSS3 conventions with minimal jQuery (adding hover for cross browser comparability, etc.)

Create a custom div pop matching the style provided in the PSD.

Homepage has a slideshow that needs to auto-scroll unless being hovered, also has next and back buttons. Slides should be easily added as simple divs.

You can use valid HTML5, but SLIM is our top choice. Only minimal ERB will be needed for a few dynamic things. No model coding or advanced view coding is needed (that will be done after as a another project... If interested let me know). Essentially this is a static website with placeholders for a few dynamic things.

A checkout form and a place order page

An FAQ Page

Two Product pages


We want to try and use Google Fonts or Adobe fonts vs using raster graphics whenever possible. Even if that means changing a few font files to something similar.

Use sprites whenever possible.

Reduce the number of requests per page load to an absolute minimum (asset pipeline, etc).

Setup capistrano to deploy to our test server (an EC2 server you will be given access to).

Website should display well (and basically the same) in IE8+, FireFox, Chrome, Safari, and Opera.

RSpec tests should verify code functionality for all parts. Cucumber + Capybera should verify routes and expected output.

There is no need for factories as no DB functionality will be in this version.

Lastly you will be expected to use GIT version control with frequent commits to keep track of the changes as you work. You will create a pull request when you're finished (as well as posting a zip of the website here). We use BitBucket so you will need to open a free account there and clone our starting repo.

Please read the project first and write the word "Understood". Also write your questions, steps and suggestions to complete the project with a short description of what you understood.

Skills: CSS, HTML, HTML5, Ruby on Rails, Website Design

See more: convert html5 ruby rails, html5 ruby, ruby rails menu html5, what ruby on rails, what is new in html5 and css3, website psd free, website developer database website, website design ruby on rails, website designer for free, website designer adobe, we a looking for ruby developer, using google checkout on your website, top ruby, top auto website design, to create a new website free, things needed for creating a website, steps to follow to write an article, steps to follow to design a website, steps and what you need to create a website, slides website design, simple pop server, server for ruby on rails, section html5, ruby on rails website, ruby on rails version

About the Employer:
( 91 reviews ) Cairo, Egypt

Project ID: #2526560

1 freelancer is bidding on average $260 for this job


Please check my PM. Thanks

$260 USD in 10 days
(0 Reviews)