Home Builder Web Design

Home Builder Web Design

Florida builder Chadwell Homes needed a web site to which they could add new communities, homes and renderings without needing design or technical assistance. They liked the design of their website, but it was too complicated to manage on their own. Each time Chadwell needed to update content related to key business areas, it required one person to create custom images and another person to format the layout using HTML and CSS. Furthermore, the desired output was not ideal: the site had technical debt that needed to be modernized and it was too costly to keep it as it was.

Our main goal was to implement intuitive functionality to empower web site updates from within the company. We used custom content types through WordPress and turned this web site into a web application, which our client is in complete control of publishing. A few key features to store and manage data elements have been outlined for the web site: Communities, Available Homes, Elevation Renderings and Galleries (Interior and Exterior). We designed the views around the data elements so content can be updated without a web designer or developer. This unique home builder web design looks great and works very well.

Home Builder Web Application

What makes this a web application? The power of this system is with post association. There are three main content areas that can be associated with one another: communities, available homes and elevation renderings. Enter a new home to the web site, associate it with a community and it displays on the community page. The same applies to elevation renderings: enter new content, click a box to associate it with other content types and the views take care of the display by formatting the content automatically. This simplifies the process of creating well-formatted and consistent web pages by using data entry screens. No HTML, CSS or custom design work required, because the pages are all interconnected intuitively. That's what makes it a web application.


This is the most feature-packed and dynamic area of the site. Each community has multiple fields that are displayed when data is saved within the admin. With simple data entry and post associations, each community page displays a dynamic slideshow, available homes and elevation renderings that are available for each community. Here are a few features of each community:

  • slideshow - includes large subdivision rendering
  • community details text area
  • construction and community features
  • location map
  • featured image that displays larger in a lightbox
  • available homes - automatic display from post association
  • elevation renderings - automatic display from post association
  • call-to-action - “Interested in learning more?”

Available Homes

Homes can be found on their own respective pages and, through web application post associations, homes are displayed on community and elevation rendering pages. All three data elements are cross-linked. The data entry screen accommodates an unlimited number of homes. Data elements for each home include:

  • large featured image
  • description of home
  • home details and key features
  • prints (floor plan, elevation)
  • direct association to Communities for dynamic display
  • direct association to Elevation Renderings for dynamic display
  • call-to-action “Interested in learning more?”

Elevation Renderings

This custom content type is similar to Available Homes but with unique data fields. Each elevation rendering is displayed on its own page as well as within a Community or Available Home view. If a post association is made, it will be cross-linked to the other content types. Here are a few features of the system:

  • large featured image
  • 5 custom data fields: sq footage, bedrooms, bathrooms, garage, special features
  • direct association to Communities for dynamic display
  • direct association to Available Homes for dynamic display
  • call-to-action - “View this plan”

A few more things

We've referenced a "call-to-action" a few times in this portfolio. We want site visitors to do something next when viewing a page. This makes it easy for them to contact Chadwell homes if they are interested in a community, available home or elevation rendering for building a custom home. This call-to-action is connected to a custom form that passes the page details directly to Chadwell. This key integration increases online conversions.

The site has two photo galleries to showcase interior and exterior features of the homes they build. It is a great example of a home builder web design application.

Technology Used

  • WordPress
  • Home Builder Web Application

Visit Web Site