The Grid
The Grid from Jeffrey Betts
The Grid

The Grid is a responsive website to educate and allow clients (small-medium business owners) aged 35-44, in partnership with designers aged 22-30, to learn about the process of arranging content on a grid, to learn why it is important in terms of responsive web design, and to learn the real world economic/business impacts and benefits.

Most websites currently use a grid to organize content, though not in a way that is effective or that focuses on usability across a wide array of devices. Users expect that websites are optimized and adjust appropriately for the device they are using. Clients commonly are concerned about the added cost/time for a responsive design, not understanding what responsive design is and the benefits. The Grid will feature an illustrated guide, a gallery of responsive websites, and a before and after demo, which will highlight the advantages and why it is needed for the modern web.

View Website
I conducted research and surveys of small business owners and normal website viewers for their behavior on different websites and their expectations. The responses demonstrated a clear user expectation that websites should work correctly across different devices and screen sizes.
I drafted three personas of potential users of The Grid. Each user has specific needs and wants from The Grid.
The visual strategy seen throughout all facets of The Grid are consistent and engaging.The tagline “The web is everywhere,” reflects how the web exists everywhere– on computers, tablets, and smartphones. The logo that was developed for The Grid is clean and bold. It incorporates arrows to symbolize the spread of online content on different devices.
The Grid is a responsive website that combines demonstration and education. It contains multiple sections and pages that work together and guides the user through an introduction of responsive design.
A series of ancillaries were developed to promote the service. As The Grid is an online product, much of its advertising is online. Advertisements are placed on relevant websites such as Inc. Magazine and The New York Times. Social networking pages on Facebook and Twitter are also an effective way of promoting The Grid. Postcards will also be mailed to local small businesses. Additional ancillaries include a client handbook, magazine ads, and a local event guide which highlights local sessions sponsored by The Grid. Supporting collateral pieces include a branded notebook, stickers, and business cards. Accompanying the notebook is a branded combination pen and capacitive stylus, which speaks to how The Grid exists on mobile devices.
The exhibition space for The Grid is designed to tell a story and walk the viewer through The Grid. It communicates the main sections of The Grid and how it all comes together. The space repeats the core messages and carries over the arrows seen throughout the rest of the brand. The Grid was exhibited at State University of New York, Farmingdale State College.
gLike
The Grid

The Grid is a responsive website to educate and allow clients (small-medium business owners) aged 35-44, in partnership with designers aged 22-30, to learn about the process of arranging content on a grid, to learn why it is important in terms of responsive web design, and to learn the real world economic/business impacts and benefits.

Most websites currently use a grid to organize content, though not in a way that is effective or that focuses on usability across a wide array of devices. Users expect that websites are optimized and adjust appropriately for the device they are using. Clients commonly are concerned about the added cost/time for a responsive design, not understanding what responsive design is and the benefits. The Grid will feature an illustrated guide, a gallery of responsive websites, and a before and after demo, which will highlight the advantages and why it is needed for the modern web.

View Website
Jeffrey Betts
UI/UX Designer at Makr New York, NY