6: Pitch Documents & Wireframes

A pitch package includes all the documents necessary to accurately and thoroughly explain a website concept and plan to the intended client.

The process of planning and designing a project involves many people from different disciplines working simultaneously and in collaboration

In a simple and clear way, describe the concept of the project that you wish to develop.

Solution: Describe what the solution is that your project will provide (the solution can be provided to answer a void in the industry, the community, or the company that you are pitching to).

Goals: Describe the goals of your project (the solution can also be a part of it).

How: How do you plan to achieve your goals? (by a using a specific design, by appealing to a specific community, by creating a unique user experience, etc)

Original Content: What is the original content of your project? Essentially outline the narrative behind your project and what makes it unique (are you creating webisodes to enhance a television series, an interactive game, a series of online documentaries, a special web series?).

Platforms: Describe the platforms for your project and why they fit your project. Make sure that you think about the audience and where they spend most of their time (is it web, mobile, touch screen, television, live event, radio etc.).

Market Research: Is there a similar project to yours out there? How is your project more appealing? Explain and show examples.

User Experience: Describe in detail how people would use the site. What is the user journey, what is the first thing that the users see, and what are the choices available for them. How do they  interact with the content of your site.

Site Map: A document that displays a website tree structure  and outlines pages, sections and hierarchy. They can be simple, detailed, or complex.

Wireframes: The visual representation of an interface used to communicate the structure, content information hierarchy, functionality and behaviour of an interface.  They can be sketches (good for fast feedback, quick and experimental), Lo-fidelity (Creating block diagrams and good for testing the flow of the website), or Hi-fidelity (detailed wireframes including comments, describe content and behaviour, understood without explanation).

Structure – How will the pieces of your site will be put together?

Content – What will be displayed on this site?

Information Hierarchy – How this information organized and displayed?

Functionality – How will this interface work?

Behaviour – How does it interact with the user? How does it behave?

Mockups: This is the stage of transforming your wireframes into colourful appealing designs.We will talk about it in more length in our next class.

Your design document is like a pitch, it’s meant to convince investors/potential clients/ funders to invest in your project. It should look great, sound great and be original – from description to wireframes and mockups!

Today most funders are looking for innovative projects. Push yourself to think outside the box and how can you utilize the web platform to create innovative projects: Innovation in concept, technology platforms and business models.

Strong Visuals! visually appealing graphics will leave a place for imagination and provide credibility to your idea.
Clarity – a detailed user experience explanation that flows like a story is interesting to read and will keep your client/funder engaged.