Proposal for Custom Manufactured Homes web site.
This is a complex website. Please ONLY quote on this job if you have a high degree of experience in html web design and Flash programming.
This site will allow users to design and furnish their own manufactured home on line. A manufactured home is the type that is built in pieces at a factory. It is moved by truck either in large pieces or completely built to the lot where it will stand. Manufactured homes can be as simple as a typical mobile home or as complex as a multi-story ultra modern home. Most manufactured home sites only allow the user to pick from a list of predesigned homes. This site will allow the user to custom-create the home and custom furnish it. This site will NOT generate a floor plan. It will NOT in any way render the house in its completed form. The purpose of this site is to allow the user to add custom features like extra rooms, bathroom, etc. instead of just being forced to select from a list of predesigned homes. The site will allow the user to make all of his selections for the home. The actual floor plan will be rendered by an architect. That part of the process will not be a part of this site.
The site will have a professional, user-friendly atmosphere about it. The idea is to keep it simple. Less is more. Manufactured home web sites tend to be packed with overwhelming inforation. This will be the opposite of that.
The home page is clean and sparse with only a little hard information. It opens with a montage of home images. They will represent the types of homes that people can build. Since our homes are custom designed they are not the exact homes we are selling. These images will be slice of life, showing people enjoying their life in their homes.
A large, friendly banner will welcome the user to the site. Something like, "Start building your custom manufactured home right here, right now."
The user has the option of registering on the home page. If they register, they can store up to 5 other home projects. If they choose not to register they can continue as a guest. They will be given the opportunity of registering later in the site.
There is be a large, "GO" button that will take them to the next page.
HERE'S HOW IT WORKS
The entire process will be expressed in bullet points. There will be a small description of each stage of the process under the bullet point. Small graphical elements will also represent each step in the process. (a little floor plan for the architect stage, dollar sign for financing, a little calendar representing the move in, etc.)
• Design your home right now for FREE!
• Review Process
• The Architect
• Total Package Price
• Your Move-In Date
The user will be able to click on any of the bullet points. When they do, additional text will drop down offering a more in-depth explanation of that stage.
If the user decides to click the financing link, a new window will pop up with a screen to get a credit history.
Next to the list will be a button that says, "Let's design your house!"
DIAMOND RATINGS and GoGREEN
Each item the user can select will have a rating of 1 to 5 diamonds. The more expensive an item the higher the diamond rating. There will be no actual prices on the site. The rating will be a little blue icon with a number of 1 to 5 next to it.
GoGREEN items are energy efficient products or items made with "green" materials. Their icon will be a little tree next to the product.
LET'S DESIGN YOUR HOUSE!
The next page shows 4 different home styles. They are the classification of homes that indicate the style and price range but they are NOT the actual homes. The images in each classification will continuously change. They will be labeled as:
• First Class
• Super Elegant
Next to each classification will be an approximate size-range of the home style listed in square footage.
When the user clicks on the home style the "Drafting Table" will pop up. This is a flash element where all of the custom home designing will take place from here forward. It doesn't look exactly like a drafting table, it's a good metaphor for the design the user will be doing. It will have a "blueprint" styled background.
YOUR CUSTOM ROOM SELECTIONS
The user will be shown a list of rooms included in the house. Master Bedroom, Master bathroom, Living Room, etc.
Next to that list will be a list of additional rooms with a heading of: "Please select your custom room options:"
The user will select the number of additional rooms and bathrooms he would like. The rooms can be an office, home theater, etc. He can choose from 1-4 rooms for each.
Under this list will be a NEXT button. If the user tries to click it before making his room selections a bubble will pop up telling him he first needs to make those custom selections. Once he has made his custom room selections the site moves to the next section on the Drafting Table.
SELECT YOUR MASTER BEDROOM FLOOR PLAN:
The user will get 5 sample pictures of master bedrooms that fit the home style selection he initially made. In other words, the 5 pictures that come up for the master bedroom of the Modest Home style home may be different than the 5 pictures that come up for master bedroom of the Super Elegant Home style.
The images will be samples of typical master bed room designs. Next to each of the pictures will be a small floor plan of the room featured.
When user rolls his mouse over any of the 5 different pictures they will enlarge so he can better see the room he's selecting. When he rolls off they go back to a smaller size. The floor plan will also enlarge next to the picture.
Each image will have a different name that somehow relates to the design. He selects one of the floor plans by clicking on a button under the image. He is asked if he is sure he wants that plan. When he clicks YES, he moves to the next stage.
CUSTOMIZE YOUR BEDROOM:
At the top of the Drafting Table will be the name of the bedroom floor plan he selected. On the left side will be a list of categories like Closets, Lighting, Fixtures from which the user will customize their Master Bedroom.
There will be a window on the right side of the screen.
When the user clicks on Closets, a scrolling list of items will come up in that window. Each item will have a small picture, a description and a diamond rating. (Also a GoGREEN icon if appropriate). When the user clicks the item it will enlarge to full screen. When he clicks again it will go back to regular size. To the left of the item will be a "select" box that the user will click when he want to choose that item.
The center of the screen has an area for Selections. The closet door he selected will show up there. He will be able to delete any of his selections at any time if he changes his mind. He can then go back and make a different selection.
The user will do the same actions for all the categories in every room.
When he is done making all the selections a window will pop up saying:
"You have successfully designed your Master Bedroom. Would you like to make any changes to your selections before moving on?"
If he clicks YES, he returns to the Drafting Table. There will be a note above the center section instructing him to delete any item he chooses and select new ones. After he makes his changes, he can click the DONE button under the selections. When he goes to the next screen on the Drafting Table, the list of his current selections become a "tab" on the window of his selections. With each room he designs, another tab appears on the window. While he's going through the house making his selections he can, at any time, click on a tab for a different room and go back to that room to alter his selections.
MY SELECTIONS SO FAR:
At any time the user can click a button on the Drafting Table marked, "My Selections So Far." A window will pop up showing him everything that he has selected, listed by the categories they are from. His list will feature the name of the item, a picture of the item and its diamond rating (and GoGREEN if applicable). At the top of the list will be the type of home he selected. Next to that will be the current diamond rating averaged by all of the selections he has made thus far. He has the option of printing his selections out, emailing them to other people or saving them as a pdf on his computer. The printout or pdf will be a professionally designed format featuring the home style, diamond rating and all the items he selected with text and images. If he emails it, it will be less comprehensive so as not to be a large nuisance email.
When a user clicks the HELP button on the Drafting Table, a window will pop up with helpful information about whatever he currently is working on. At any time when the user rolls his mouse over a particular area of the Drafting Table, a small blurb of text will pop up briefly explaining what that part is.
Once the user has completed the standard rooms, he moves on to the extra rooms he chose in the Custom Room Selection area. The Drafting Table background changes from blue to red indicating these are the custom rooms. The user chooses from the type of room he will be designing. Home Theater, Nursery, Office, Storage, etc. He will also have the opportunity to add or subtract custom rooms if he has changed his mind. From here, it will proceed like with all the other rooms.
CONGRATULATIONS! YOU HAVE FINISHED...
Once the user has made his selections for all of the different rooms, utilities, etc. a message on the Drafting Table will say,
"CONGRATULATIONS! You have finished custom designing your new home!"
It will show the category of the home he originally selected and his overall diamond rating.
It will say, "If you wish to make any changes to your rooms please click on a tab and make your new selections. If you are done, click COMPLETE." A button marked COMPLETE will be under this message. Little arrows will appear above the tabs and complete button to direct the user to those two areas.
If the user goes back to the tabs the site will act just as it did when he was designing those rooms.
If he is a registered user and clicks the COMPLETE button, the Drafting Table goes away and he goes to a new screen.
If he is not a registered user and clicks the COMPLETE button, a window will pop up saying that only registered users can save their home projects and come back to them on the site later. Unregistered users can still pdf, print and email their selections. The window will give him the option of registering. Either way, he will move to the next screen.
HERE'S WHAT HAPPENS NEXT
The Draft Table is gone. The user is is not at the "Here's What Happens Next" screen.
Here, the user is informed that his home project is being sent to the office for review.
He is given a project number, the office phone number, a contact name and told when he can expect a call.
Here he also has the button similar to the "MY SELECTIONS SO FAR" button where he can pdf, print or email his selections.
The "Here's How It Works" list is show again to remind the user where he is in the process. Check marks will be next to the first two bullet points, indicating they are already completed.
Next to financing will be a glowing red dot. In the body of the text will be a corresponding red dot with information encouraging the user to begin the credit process. The user can get to the credit page by clicking the link under Financing or by clicking a button named FINANCING.
• Design your home right now for FREE!
• Review Process
• The Architect
• Total Package Price
• Your Move-In Date
From this page the user can go to a list of his saved homes (if he has designed others) or start the process all over if he wants to design another home by clicking the DESIGN ANOTHER HOME button.
If he goes to a list of his homes he can select them, bring the Drafting Table back up and make changes.