Slice And Program New Website
The attached archive contains a detailed description of the project, as well as some PNG files which are copied from the PSD page templates.
It will be difficult for you to understand the site requirements without looking at the attached PNG files. Please make sure that you review all materials before you bid.
Teams are welcome to apply, as well as any individual programmer who can do PSD slicing and programming. You must provide me with a detailed development plan that shows what work will be done each week, and how long the project will take. You must be available everyday via skype and email, and provide daily progress reports. If progress is not satisfactory, the project may be cancelled. Yes, this is for SERIOUS and PROFESSIONAL bidders only! I always have 10-15 projects available, so if you do a good job, I may add you to my team of developers in future projects.
Project details (taken from the attached Word doc)
Our company manages several rental properties in Paris. This website will showcase the properties and provide information about the accommodations. The site will not be developed in WordPress. We will create a custom control panel to modify page content and to manage the rental property information.
Site map
1. Home (general info, jquery slider, google map with properties, etc.)
2. Our Properties (jquery property browser, links to sub-pages, google map)
a. Subpage for each property which shows the details of that property (longer text description, embedded photo album, property details chart)
3. Reservations (For now, this will have some basic information and a link to another website that handles the bookings)
4. Your Stay in Paris (All text)
5. Policies and FAQ (All text)
6. Contact Us (general contact form, additional contact information)
7. Information for property owners (All text)
Special features
Page headers: The home page has a longer header image than the rest of the pages. The background image in the page header will be randomly selected every time the page loads. I will provide you with 10 different background images for the home page header, and 15 background images for the sub-page headers.
Page background: There is a special image to be tiled on the page background. I will provide this image to you.
Home page slider: There is a jQuery slider on the home page which will rotate through all of the properties in the database. The jQuery should dynamically pull the main image and property data from the database, so that it does not need to be updated manually. When user hovers over the slider, a left and right arrow will appear on the slider, allowing the user to browse previous or next slides. When user clicks on a slide, he is taken to the property details page for the selected property.
Google map: I have created a custom Google map which has all of the properties on it, however the ideal solution would be to integrate Google Maps API into the website so that we can add new properties to the admin panel in the future, and they automatically appear on the map. Clicking on the map pushpins will display a balloon with the name of the property, and a link to the property details page. Please ask me if you need to see a demo of this functionality.
Right sidebar: The “from our guestbook” section will pull random quotes from a table in the MySQL database. The section below that will have an embedded Flickr widget. Below that is a simple ajax-driven contact form.
Special offers box: On many pages throughout the site, you will see the “special offers and announcements” box. The contents of this box will be controlled through the admin panel.
Property icon slider: On the Properties page, and at the top of the Property Details page, you will see a jquery slider which displays all of the available properties in the database. If you look at the PSD, it is very obvious how this should function. The thumbnail image, property name, and location will be pulled dynamically from the database. Clicking on one of the thumbnails will bring the user to the Property Details for the selected property. The selected property is highlighted as shown in the Property Detail PSD.
Property listing: On the Properties page, under “Explore all of Cobblestone’s unique properties,” you see a dynamic listing of all properties. This list should be created from the Properties database. Clicking a property name will bring the user to the Property Details page.
Property Details page: There are a few special features on this page. All the information on this page is controlled through the admin panel. On the right sidebar, you see the quick navigation links. They jump to different parts of the page. When user clicks on one of those links, the page should slide down using jQuery effect. Below the quick nav links, There is an embedded google map showing the location of the property. It would be great if this map could be auto-generated based on the property address. The Image gallery will probably be a Flickr widget. Below that is the “at a glance” table. This data is all from the database which manages property information. Below that is the “Guest comments” section, which displays guest comments that admin has added to the property. The Check availability link at the bottom of the page will go to a third-party website, but admin must have control over the URL of this link.
Content editing: Admin panel will provide the ability to edit static content including home page text fields, “special offers and announcements,” Policies and FAQ page, and other parts of the site where there are blocks of text. The text editor in admin panel should allow for text formatting, but should keep the site formatted according to CSS style sheet. For example, admin cannot change the fonts, but they can make the font bold/italic/larger font/colored font.
Admin panel: I will provide you with a control panel skin, containing the admin UI. You will only need to customize this skin to suit the needs of the project.