Website Design

Start with a website idea

Begin with the Clothing Website mind map to see how a site idea can be organized. Its branches include a title, logo, navigation bar, search, shopping cart and checkout. Look at how these features sit alongside content categories such as clothing and merchandise.

Next, open Travel Blogger. It brings together the purpose of the site, destinations, transport and visual style. Compare its branches with those in Clothing Website to see how the ideas change with the purpose of each site.

Explore content and visual choices

Dayz Out Multimedia Site covers house style, colors and textures, as well as interactive parts such as videos, pictures, buttons and hyperlinks. It also lists information that could appear on the site, including prices, facts and a map. Follow the branches to see how visual and content ideas are grouped.

The Website mind map includes a color scheme and file types. Winged Breath also lists file types for pictures, sound, video and a logo. Use these maps to practice identifying the different kinds of material that can form part of a website design.

Use questions alongside the maps

This page lists mind maps rather than quizzes. You can turn a branch into a question, then return to the map to check what it covers. For example, ask which navigation features appear in Clothing Website or which types of content appear in Dayz Out Multimedia Site.

With a free account, you can make your own quiz based on the maps. Teachers can also use the branches as prompts for discussion with school students.

Place the topic in its unit

Website Design is one section of Graphic Design and Visual Communication in Design and technology. The maps on this page offer examples of how website ideas can be arranged within that unit. Choose a mind map and follow its branches as you study.