The design should fit into the current design of our site using our
standard header and footer. An example page is
sure to use the same styles, colors and fonts.
We are targeting webmasters or persons who have influence over
webmasters of the content of websites in the nonprofit, affordable
housing, local government and education sector. Here are a few
profiles of our target user:
Web Development Consultant: The web consultant for a small housing
authority in Upstate New York. She has many clients, most of which are
in the .org/.gov sector. She does not maintain the housing
authority’s web site day to day but might recommend to them to use
Nonprofit Housing Organization Executive Developer: The CEO of a small
nonprofit organization that builds affordable homes in a low income
Chicago neighborhood. She has access to the orgs Wordpress web site
and adds interesting items to the web site when she finds them.
Staff Webmaster for Large City: The webmaster for the city of Buffalo.
He makes content and technical decisions for the city’s web page.
County Board of Education Official: A mid level manager at a local
board of education that has some control over the BOE’s website and
its content and that of the schools under its control.
State Housing Official: A mid level official that doesn’t have
control over the state’s website but has the ability to request
certain features be added to the state’s website.
The purpose of the page is to induce users to create and install the
Affordable Housing Stats Widget on their website. Users will be coming
to the page from Facebook, Twitter and LinkedIn ads. The ultimate goal
is to get them to click on a button entitled “Create Widget”.
The widget page design can be found here:
A workinng prototype that’s still in progress can be found here:
Following is the COPY for the page:
Main Sales Pitch
Design like 2Do home page. A mockup of the widget next to the
following headlines followed by a Create Widget button.
<h1>Affordable Housing Online’s Housing Data Widget</h1>
<h2>Give your web site visitors current housing data that gives them a
quick glimpse of what housing looks like in your area.</h2>
[Create Widget Button] [Learn More Button - clicking this button moves
the user down the page to the Features]
Tell Your Housing Story
[Image: Drawing of anonymous people, single family homes and apartment
buildings. The colors should be muted so the message isn’t
Every organization’s mission is different. Use our widget to tell
your story. Whether you’re a small city that wants to highlight the
number of rental households in your city or a nonprofit housing group
making the case for more housing funding from the state by showing the
number of rent overburdened families in your area, our widget will
help tell that story.
[Image: A drawing with something that says “data” like ones and
zeros or data in a table. You should also include a monotone U.S.
Census Bureau icon on the drawing.]
We get our data from the U.S. Census Bureau. The data that powers our
Housing Data Widget is always the most current data available. From
the 2010 U.S. Census to the 1, 3 and 5 year American Community
Surveys, clear, current and concise housing data is always provided on
your site. Using the Census API, we pull data directly from the Census
Bureau for each page load.
Flexible Target Areas
[Image: A drawing with a map and map marker. In the style of Google
maps. The zoom level should be fairly high to demonstrate that state,
county or city data can be displayed by the widget.]
Our website widget can display housing data at the State, county and
city levels. Show geographic comparisons between your state, county
and city by using multiple widgets.
Fully Customizable Look and Feel
[Image: Drawing showing a website with our widget embedded in it.]
The widget looks like it was built into your website from the
beginning. You can easily customize the design by changing the layout
(tabular or grid), size of the table, data points displayed and color
selections for every element in the widget.
60 Seconds to Build
[Image: A drawing using a stopwatch to communicate that it is quick to
Our widget is easy to build. Select your layout, size, data points,
colors and get your code. In under a minute you can have a functioning
data widget to embed in your website.
Works on All Websites
[Image: A collage of logos of all the brands mentioned. The logos
should all be the same size with the same monotone look.]
Whether your site is hardcoded, have a Content Management System (CMS)
like WordPress, Joomla! or Drupal or use one of the popular website
builders like Weebly, Wix, SquareSpace, Go Daddy or 1and1, our widget
can be added quickly and easily without any special installations.
[Image: A drawing with the PHP, MySQL and AWS logos. Logos should be
the same size with muted tones.]
Our widget has been built with reliable PHP and MySQL and is hosted on
our Amazon Web Services (AWS) servers. You can count on our widget
working all of the time.
[Image: A drawing/image with a Free price tag or other graphic
representation of free.]
Our housing widget is free to create and use on your website forever.
No catches. We created the widget with the goal of educating the
public on what the housing characteristics of their area look like.
[BIG Create Widget Button]