Badge #5 | Wireframe Wizard

A screenshot of the wireframe for the registration page. The page has input fields as well as sample text for instructions. The header and navigation are also consistent.

A screenshot of the wireframe for the registration page. The page has input fields as well as sample text for instructions that the client could fill out.

Web wireframes are used to demonstrate what the basic outline of a website will look like in the early stages of the web design process. Using a stripped-down skeleton of a website allows designers to save time and effort and for clients to better understand what the final product will look like.

These wireframes depict a potential layout for URBAN-15’s Josiah Media Festival website. The Josiah Media Festival is a small film festival that URBAN-15 hosts in San Antonio. The website needed to be fairly small and easy to navigate for prospective filmmakers, and the registration form needed to be clearly accessible and simple to fill out.

These problems were addressed with a simple set of wireframes depicting a sample home page, registration form, and guideline page. The wireframes have consistent navigation but distinct content on each page, allowing the clients to conceptualize what the final product would look like while maintaining site-wide consistency.

A link to a .pdf of these wireframes and an explanation can be found here.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s