Research Guides: Introduction to Media Production: MSP 1701: Plan a Project

Mind Map Your Website

Try mind mapping your website to explore all of the different angles, ideas, and key concepts related to your website's topic. This is a good brainstorming exercise and can also help plan and structure your website.

The tools below can help you mind map your wesbite.

bubbl.us
Visually outline a concept, create a flow chart for a process, or map a website. Create a free account. Use the resulting mind-maps to help when searching in database or for writing your research paper.
Wisemapping
Capture ideas, facts, and images and create relationships between them.

Use Mockup and Wireframe Tools

Plan ahead and start early. Have a focused message. Keep the audience in mind.

Try creating a mockup or wireframe of your project, which is like a visual guide that represents the skeletal framework of a website, using some of the tools below.

Frame Box
Lightweight wireframe editor with basic features. Sketch the project, save the project and receive a link to the frame, and then send the link to colleagues.
Wireframe.cc
A minimalist web app for instantly creating wireframes. Templates are available for creating wireframes in a browser or mobile interface.
Pencil Project
An open source desktop used for building prototypes and wireframes for web designers, in addition to diagrams and mind maps.
Adobe XD
Sketch wireframes, plus create storyboards, site maps and flowcharts, and more. Part of the Adobe Creative Cloud suite, which is available to all Temple students.
Wirify
Turn any web page into a wireframe in one click. Useful for getting inspiration or guidance, especially when just starting out.