Two Page Website Design and Development

  • Status Closed
  • Budget ₹600 - ₹1500 INR
  • Total Bids 8

Project Description

Must use Google Maps API V3.

Create two page website to display members. You need to be a professional web designer with a little programming knowledge rather than a web developer. That is because the web pages need to look really great.

We need a two page website to display members. One is the home page which will display members and another is member details page. The members may be from around the [url removed, login to view] have to use server language php. You can use any test/sample database/json of people or customers with test addresses or create your own test members.

Please design/develop following web pages: Use placeholders for logos and images.

1. Home Page

1. Identify the visitor's city. If members are found in that city, center map to that city along with that cicle. The circle should be movable and radius should be resizable as shown in the page. If no members found in that city, display a message on the web page (not pop up) that no members found in your city and the members closest to your geographical area are displayed. And center the map accordingly.

2. Display members in that area.

3. As shown on that webpage, have a textbox so user can type a different city or address and map centers to that location and updates the listing in the map and below it.

4. Whenever user moves the circle or the map is centered to another location, the listing of members below it should be updated.

Member Listing below the map:

Member listing should be infinite scrollable i.e. auto load as user scrolls down.

Each member should be shown with his photo, name, address and other properties specified above. Design each member display carefully. You may want some properties of member as pop up or tooltip and some as directly displayed on the page.

Also on the member, there should be an area where user mouse overs or clicks, then a google map opens up centered with member's address location shown on it.

2. Member Details Page


Display member details/properties as specified in the details below.

The member may have uploaded several photos. So display all the photos he has uploaded on this page. When a photo is clicked, they should be slideshowed. The slide show should be javascript based, mobile friendly and should be able to zoom in/out on images when on mobile or any multi-touch enabled screen.

Get free quotes for a project like this
Skills Required

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