ALL PAGES:
- logo
- navigation
- email and phone contact information
- footer with logo, navigation, contact info, copyright info, and "Powered by: Placester"
HOME PAGE:
- slide show at top of page in banner position
- brief description/tagline of the site owner/company, with image
- simple search
- most recent blog posts (in brief)
- several featured listings
SEARCH PAGE:
- detailed search fields
- list of listings with basic details (rental/sale, price, address, beds/baths, etc)
- each listing will also have links to "See details", "Add to favorites", and "Request more information"
- 5 listings per page
- "empty search" error in the case no results are found (see mock-up).
PROPERTY DETAILS PAGE:
- property details
- address and location (include embedded Google Map)
- price (total to purchase or monthly)
- square footage
- MLS # (ID number)
- date available
- Type - residential sale, residential rental, commercial, etc.
- Property Type - apartment, townhouse, single family, store front etc.
- property description (text)
- photo gallery
- # of bedrooms
- # of bathrooms
- # of half bathrooms
- amenities - bullet-point list of features
- listing supply source (MLS database/supply broker) - logo or short text disclaimer
BLOG PAGE:
- List of recent blog posts (title, date, author, tags, text preview)
- ON SIDEBAR: brief description/tagline of the site owner/company, with image
- ON SIDEBAR: simple search form
SINGLE BLOG POST PAGE:
- Title of blog post
- date posted
- author
- tags
- full text of blog post
- ON SIDEBAR: brief description/tagline of the site owner/company, with image
- ON SIDEBAR: simple search form
- (note: The dotted line around the posts in the mock-ups isn't necessary. We're open to the designer's choice of how to display the blog posts together and individually.)
ABOUT PAGE:
- description of site owner: real estate agent/company
- main contact info for site owner
- location of office (with map)
- if company, list of agents (names, contact information, head-shots, brief description)
- ON SIDEBAR: simple search form
MY FAVORITE LISTINGS PAGE:
- Main content is a list of 'flagged' listings by a user who is logged in. These listings are almost the identical to the Search Listings Page, but the small difference is that they have a "Remove from favorites" button and a "Sharing with:…" section.
- Each listing will have a "notes" section under the listing. It will be a place where the user and their "friends" can add very simple notes about a particular listing. If there are no notes, there's a "+" button with "Add new note…" text where notes would go. When notes are added, the "+" button turns into a "-" button and an edit button will appear to the right of the text. See mock-ups for this.
- The sidebar sections will be "My Information" and "My Friends" (see mock-up for details).
LIGHTBOXES: Sign Up, Add Friend, Change Password:
- Each lightbox has a title, input boxes, input box descriptions, and a submit button. Some have lightbox descriptions (such as the Sign Up lightbox).
- Each lightbox will need to have an error message designed into it as well (as seen in the mock-ups).
Inviting Design for Renters and Buyers:
The website needs to display real estate listings to prospective renters and buyers. A good design will encourage renters and buyers to call or email to learn more about one of the listings. Buyers or renters only reach out to agents who they trust, so a good design will focus on that. The following are ways to build trust with a prospective buyer or renter by being approachable, usable, and simple:
1. TRUSTWORTHY AND APPROACHABLE THROUGH IMAGES - The website needs to show renters and buyers that the company or real estate agent are real people who are available and want to help them in their home search. Showing head-shots, group-shots, company logos on the home, search, blog, and property details page will help accomplish this.
2. SIMPLE AND USABLE SEARCH - A very simple listing search mechanism (rental/sale, bedrooms, neighborhood, price, etc.) must feel easy-to-use and useful. In addition to the basic search, the search page should have more advanced search features for site-viewers who desire them.
3. UNDERSTANDABLE SEARCH RESULTS - Displaying simple attributes of search results in a clear fashion is very important. They should include: an image, address, bedrooms, baths, and date available. The design of the listings should each feel that they can be clicked for more detailed information (which links to the property's details page).
Flexible Design/Layout Strategy:
Many listings won't have certain details (images, number of bedrooms, bathrooms, size, etc). Great designs will look good even when these details are missing (up to 70-80% of listings might lack images). Therefore, your design should compensate for the lack of data so the page is still appealing and helpful. This is extremely important.
SEO:
SEO is an important way for potential buyers or renters to find us and creating helpful contextual content is an important way to receive inbound links. We need you to take SEO into consideration, so include ample text boxes on the home, search, and details pages.
Style:
COLORS - Your design should use one color prominently with accent colors as needed, but otherwise grey. We'd like the ability to change the prominent color without destroying the style which means your design should easily accommodate other choices. If you're not sure which dominate color to use, just use blue.
CLEAN, SIMPLE, ACCESSIBLE - The style of the site should feel simple and straight forward to buyers and renters. They don't want an overly complex tool and they don't want lots of clutter in the way of useful information. Therefore, buttons, forms, and information should be sized so they are easily usable. Elements should not be tiny and hard to read or click, nor massive and demand more attention then they desire.
Every design category has flexible pricing for all budgets. Web page design starts at $599.