Webpages
Read purpose, layout, navigation and invitations to act, with a separate Redwoods Treewalk worked example.
What webpages do
A webpage is a setting for communication, not a single purpose. It might sell an experience, explain a public service, introduce an organization, share a personal account or ask for support. Start with what this particular page helps or encourages its visitors to do.
Words, images and routes through the content work together. Visitors may read closely, scan headings, compare options or leave through a link. A useful analysis explains how the page supports some of those actions and makes others less prominent. “It has buttons because it is a website” identifies a feature without explaining its role.
Purpose and overlapping forms
A homepage often introduces an organization and directs visitors toward several areas. A campaign or product page may concentrate on one request. An information page may help visitors understand a process, while a service page may help them complete it. Do not assume every webpage is primarily selling something.
Webpages overlap with other forms. A blog post, charity appeal or news article can appear on a website. Read the writing through its purpose and form, then consider what its digital presentation adds. An article's argument still matters even when menus surround it; a booking page needs a different reading from a personal reflection.
The worked example here is a tourism webpage. Its commercial purpose gives us one way to apply the overview, not a template for every online text.
Visitors and their questions
Consider why someone might arrive at the page. Are they discovering the organization, comparing options, checking a detail or ready to act? A page may serve several visitors at once. A short summary, detailed explanation and prominent action button can offer different routes without requiring everyone to read every word.
Use evidence to infer audience. Family prices suggest people planning visits with children; unexplained specialist vocabulary suggests prior knowledge. An attractive photograph alone does not establish an exact age group or income. Distinguish a likely reader from the person shown in an image.
Ask which practical questions the page answers and which it leaves for elsewhere. Clear details can support persuasion by making a proposal easier to consider. An invitation becomes more usable when readers can find the time, cost, eligibility or next step that matters to them.
Layout and visual hierarchy
Visual hierarchy is the relative prominence given to elements through size, position, contrast and spacing. A large image and headline may establish the page's promise; smaller headings can organize the supporting detail. Explain what receives attention and why that emphasis matters.
The large introductory image is often called a hero image. It may demonstrate a product, show people taking part or create a mood. Read it with the nearby words: does the headline name what we see, make a broader claim, or give the image a particular meaning?
Content blocks can make a long page easier to scan. Repeated arrangements may help visitors compare options; a change in color or layout may mark a shift from description to practical information. Avoid treating a presumed eye movement, such as a fixed Z-pattern, as proof. Describe the visible relationships and the reading paths they make available.
Navigation and invitations to act
Menus, links and buttons show possible next steps. Navigation helps visitors find areas of a site; a call to action invites a particular response, such as registering, donating, booking or learning more. Some elements do both.
Look at wording and placement. “Find out more” leaves room for investigation; “Book now” asks for a stronger commitment. Repeating an action at different points can serve visitors who are ready at different stages. A button's contrast may make it easy to locate, but visibility alone does not prove that visitors click it.
A screenshot shows an invitation to interact, not the interaction itself. You can analyze what a menu label or button offers without inventing its destination, a checkout process, an animation or a response to hovering. Features demonstrated on a live page can be discussed as observed behavior; features absent from the supplied extract cannot.
Language, imagery and trust
Direct address can place visitors in an imagined situation. Imperatives may invite exploration or give instructions. Sensory description can make an experience feel immediate, while specific measurements or practical details can help readers assess it. Explain the relationship between those choices rather than separating the page into “emotional” and “logical” boxes.
Images can suggest what participation will look or feel like. Consider setting, scale, viewpoint, people, color and the relationship between image and copy. A bright image need not mean happiness; explain what the color helps establish in this context. Photographs can show an experience while still presenting a carefully selected view of it.
Logos, awards, testimonials and named sources can establish trust. Identify whose judgment is being invoked and what it supports. An award badge suggests recognition; it does not independently prove every claim on the page. Likewise, environmental language presents a particular relationship with nature, which should be examined rather than automatically accepted or dismissed.
A practical reading method
- Identify the page's main purpose and the questions likely visitors bring to it.
- Read the opening image and headline together. What promise, problem or identity do they establish?
- Trace the visible content blocks and routes. What can readers explore, compare or do next?
- Connect precise words and visual details. Explain how they develop or qualify the opening impression.
- Examine practical information and invitations to act. How does the page help visitors move from interest toward a decision?
- Build an argument about the page as a whole. Keep claims about behavior within what the supplied source shows.
Use the analysis reference for useful terminology. For planning a timed response, use the Paper 1 guide.