R093 · TA3 Pre-production planning · Lesson 11 of 16
Mood boards, mind maps and visualisation diagrams: R093 revision
Revision notes for OCR Creative iMedia R093, spec points 3.2 and 3.3: what you need to know, the key terms, the mistakes that cost marks, and 6 free exam-style questions with their mark schemes.
What is the difference between a mood board, a mind map and a visualisation diagram?
A mind map generates and organises ideas around one central topic. A mood board collects images, colours, textures and fonts to set the look and feel. A visualisation diagram is a sketch of how a still product, such as a poster or magazine cover, will look, annotated with its layout, colours, fonts and images.
Mind maps
A mind map is used at the start of a project to generate ideas quickly and show how they connect, so nothing important is missed. Its conventions are a central node naming the project, main branches for the big themes (content, audience, platforms, assets, timeline), sub-nodes that develop each theme, and links that join them. Good mind maps use short keywords rather than sentences, group related ideas logically under the right branch, and often colour-code each branch.
Mind maps can be hand drawn or digital. Hand drawn is fast and needs no equipment, but is hard to edit, share or tidy. Digital mind maps are easy to rearrange, extend, share and add images or links to. They are made with mind-mapping software, presentation or graphics software or online whiteboards, on a computer or tablet. The users are the creative team, the client and whoever will turn the ideas into products, such as a graphic designer or a marketing assistant.
Mood boards
A mood board sets the visual style and feel of a product before design starts, so the team and the client agree the direction. Its components include images and photographs, a colour palette, textures and fabrics, font samples, keywords, a title and annotations that explain why each item was chosen.
A physical mood board uses cut-outs, printed pictures and real fabric samples on a board, which people can touch. A digital mood board is easier to edit and share and can also hold video, audio, animation and links. It is made with a computer or tablet, a camera or scanner to capture material, and image editing, presentation, desktop publishing or online board software. Its users include graphic designers, photographers, set and costume designers, and the client.
Visualisation diagrams
A visualisation diagram plans what a static product will look like: a poster, a magazine cover, a DVD cover, a web banner, packaging or an app screen. It is a sketch of the layout showing where the images, text, logo and other elements go, with annotations for colours (labels, shading or hatching), fonts (style and size), what each image shows, and the actual text, such as the title and slogan. It should be clear and roughly in proportion to the finished product.
The graphic designer works from it and the client approves it, so changes are made while they are cheap, before hours of design work. It can be drawn on paper or with a graphics tablet and graphics or desktop publishing software. If the product moves, use a storyboard instead.
What makes these documents effective
- Clear for the named user: the graphic designer can pick the colours straight off the mood board; the marketing assistant can see every launch task on the mind map.
- Complete: all the components are there, such as the colour palette and fonts on a mood board, or colour and font annotations on a visualisation diagram.
- Consistent conventions: every branch developed in the same way, every element labelled.
- Relevant to the brief: the content fits the client, audience and purpose, and nothing off-topic is left in.
- Annotations that explain, not just label: why a choice was made and how it helps.
Improving a document for its user
The specification rules out creating these documents from scratch in the exam. Instead, questions give you a draft to improve, or ask you to discuss whether it suits its user, name its parts or say which hardware and software would make it. Improve questions read 'Improve the effectiveness of the mood board (or mind map, or visualisation diagram) for use by the graphic designer'.
Work through the draft: what is missing, what is wrong for the brief, what is unclear or badly grouped. Fix each problem on the document, then annotate each change with how it helps that user. Compare a weak note, 'I added a colour palette', with a strong one: 'I added the brand's three colours with their hex codes, so the graphic designer can match the logo and the posters exactly without guessing.' The second explains the benefit to the user, and that is what the top level asks for.
How it comes up in the exam
Pre-production documents are the biggest part of the paper. In the four papers we analysed, mind maps and mood boards (3.2) were worth between 2 and 12 marks, and all six design documents in 3.3 between 10 and 20; together they carried about a third of all the marks. On every one of those papers, both nine-mark questions were about a pre-production document: discussing whether one suits its user, or improving one. January 2024 asked about a digital mood board and January 2025 asked candidates to improve a digital mind map for a graphic designer.
For how the long answers and pre-production documents are marked, see how R093 is marked.
Key terms
- Mind map
- A diagram that generates and organises ideas around a central topic.
- Central node
- The middle of a mind map, naming the project or topic.
- Branch and sub-node
- A main theme of a mind map, and the ideas that develop it.
- Mood board
- A collection of images, colours, textures and fonts that sets a product's look and feel.
- Colour palette
- The set of colours chosen for a product.
- Visualisation diagram
- An annotated sketch of how a still product will look.
- Annotation
- A note on a document that explains a choice or how it helps the user.
- Conventions
- The expected components and layout of a type of document.
- Document user
- The person who will work from the document, such as a graphic designer.
Common mistakes
- Annotations that only say what was changed. Say how the change helps the person who will use the document.
- Mood boards made of pictures alone, with no colour palette, fonts or annotations.
- Mind maps with long sentences, empty branches, or ideas under the wrong branch.
- Using a visualisation diagram to plan a moving product. That is a storyboard's job.
R093 mood boards, mind maps and visualisation diagrams exam questions with answers
These are questions from SubjectHub's R093 bank, written in the style of the real paper. Try each one, then open the mark scheme. On SubjectHub they are marked automatically, written answers included.
- Question 1 · Multiple choice[1 mark]
Which document collects images, colours and textures to establish a visual style?
- AMood board
- BWork plan
- CAsset log
- DScript
Show the mark scheme
Answer: A, Mood board.
- Question 2 · Short answer[2 marks]
Identify two types of content a digital mood board can include that a physical mood board cannot.
Show the mark scheme
Model answer: Video clips and audio/music (also: animations, hyperlinks).
How the marks are given: 1 mark each for video, audio, animation or links, to a maximum of 2.
- Question 3 · Short answer[2 marks]
Explain one purpose of creating a mind map at the start of a project.
Show the mark scheme
Model answer: To generate and organise ideas quickly (1), showing how topics connect so nothing important is missed (1).
How the marks are given: 1 mark for idea generation/brainstorming; 1 mark for organisation/connections/completeness.
- Question 4 · Short answer[4 marks]
Identify two job roles that would find a mood board useful and state why.
Show the mark scheme
Model answer: Graphic designer (1) — to match colours, fonts and style in their designs (1). Client (1) — to approve the visual direction before work begins (1). (Also: web designer, art director, photographer.)
How the marks are given: 1 mark per valid role, 1 mark per valid reason, to a maximum of 4.
- Question 5 · Short answer[3 marks]
Identify three things a visualisation diagram should show so a designer can create the final product from it.
Show the mark scheme
Model answer: The position/layout of each element, annotations of colours, and notes on fonts (also: image content descriptions, sizes, text content).
How the marks are given: 1 mark per valid feature to a maximum of 3: layout/positions, colour notes, font notes, labelled images/text, sizes.
- Question 6 · Improve a mind map[9 marks]
Tidepool Studio is launching 'Pocket Reef', a relaxing mobile game for adults aged 18-35, in eight weeks. A designer has started a digital mind map of ideas for the launch. The marketing assistant will use it to organise the launch activities, but the draft is muddled: ideas sit under the wrong branches, one branch is empty, one has nothing to do with the launch, and some labels are not connected.
The brief
Improve the effectiveness of the mind map for use by the marketing assistant. You will get credit for: using the components and conventions of a mind map (central node, branches, sub-nodes and the links between them); grouping related ideas logically; and notes on your changes that explain how each one helps the marketing assistant in their role.
This is an interactive question: you build the mind map in the browser and it is marked against OCR's levels in seconds, with feedback on what held the mark back. Pupils answer it through their school's SubjectHub account; teachers can try it, and set it to a class, with a free 7-day school trial.
Show what earns the marks
A strong answer could include: Branches: Trailer (gameplay clips, calm music, a 30-second cut), App store page (icon, screenshots, game description, keywords), Social media (TikTok clips, Instagram reef pictures, countdown posts), Press and influencers (gaming websites, cosy-game streamers, review codes), Timeline (week before launch, launch day, first-week updates), Audience and message (adults 18-35, relaxing and stress-free, soft ocean colours). Improvements: move 'App store screenshots' and 'Week before launch' out of Social media; connect 'Influencers', 'Game description' and 'Launch day'; move 'Gaming websites' to Press and 'Calm music' to Trailer or to Audience and message; develop the empty Trailer branch; remove 'Office party' and 'Pizza'; replace the vague 'Things to do'. Annotations explain how each change helps the marketing assistant, e.g. 'All the dates are on one Timeline branch, so the marketing assistant can see what has to be booked first.'
Ready for a longer go? The free R093 mini-mock has a Section A and a Section B scenario in the shape of the real paper.