Websites, User Experience and Conversion

Introduction

A website is one of the most important assets in digital marketing because it is both a communication medium and a commercial or organisational system. Search advertising, social media, email and display campaigns often direct users to a website or landing page. If that destination is confusing, slow, inaccessible or unconvincing, marketing investment may produce traffic without producing meaningful outcomes.

Website evaluation therefore requires more than judging visual appearance. A marketing professional must examine how information is organised, how easily users can complete tasks, whether the design works across devices, whether content is accessible, and whether the site supports the intended conversion journey. Conversion may mean purchasing a product, completing a form, booking an appointment, downloading a resource, subscribing to a newsletter or contacting an organisation.

This chapter presents practical frameworks for evaluating websites and landing pages. It links user experience (UX) design with conversion funnels and conversion rate optimisation (CRO), while also considering ethics, privacy and responsible use of technology.

Learning Objectives

By the end of this chapter, you should be able to:

• explain the relationship between website structure, UX and digital marketing performance;
• evaluate information architecture and navigation;
• apply usability, mobile-first and accessibility principles;
• assess landing pages, calls to action and conversion funnels;
• calculate and interpret basic conversion metrics;
• design a practical CRO process based on evidence;
• identify ethical, legal and technical risks in website optimisation.

1. The Website as a Marketing System

A website performs several connected functions:

1. Information function: It explains an organisation, product, service or cause.
2. Persuasion function: It communicates value and reduces perceived risk.
3. Transaction function: It enables purchases, registrations, enquiries or other actions.
4. Relationship function: It supports customer service, retention and community.
5. Measurement function: It provides behavioural data for marketing analysis.

These functions should be considered together. A highly attractive website may still fail if visitors cannot find prices. A technically fast site may perform poorly if its offer is irrelevant to the audience. Conversely, a simple page can convert effectively when its message, audience, evidence and action are well aligned.

The central design principle is user-centredness: decisions should be based on users’ goals, abilities, contexts and constraints rather than on internal organisational preferences. Digital marketers must also recognise that users arrive with different levels of awareness. Some are researching a problem, some are comparing alternatives and others are ready to act. Website content and calls to action should accommodate these stages.

2. Information Architecture

Information architecture (IA) is the organisation, labelling and structuring of information so that users can find and understand it. It includes navigation menus, page hierarchies, categories, search systems, links and content relationships.

2.1 Core components

• Organisation systems: how content is grouped, such as by product type, audience, task or topic.
• Labelling systems: the words used for menus, buttons, headings and categories.
• Navigation systems: global menus, local menus, breadcrumbs, footer links and contextual links.
• Search systems: search boxes, filters, sorting and results pages.
• Taxonomy: the controlled classification of content and products.

Good IA reflects users’ language. For example, a university website may organise information under “Courses,” “Admissions,” “Fees” and “Student Support,” rather than internal departments whose names prospective students do not recognise.

2.2 Hierarchy and findability

A website hierarchy should communicate importance and relationships. The homepage normally provides broad orientation, while category pages organise related content and detail pages support specific decisions. Users should be able to answer three questions quickly:

• Where am I?
• What can I do here?
• Where can I go next?

Navigation should be consistent, predictable and visible. Important pages should not depend exclusively on a single route. Contextual links can connect related information, such as linking a product description to delivery details, returns policy and customer reviews.

A useful audit method is card sorting. Representative users group content labels according to their understanding. In an open card sort, participants create groups and name them; in a closed card sort, they place items into predefined categories. Results can reveal terminology or menu structures that are logical to staff but confusing to users.

A tree test evaluates whether users can locate items within a text-based hierarchy without being influenced by visual design. It helps determine whether the structure is findable before the organisation invests in detailed interface design.

2.3 IA evaluation checklist

A professional evaluator should ask:

• Are the main user tasks supported directly?
• Are menu labels familiar and specific?
• Is the number of top-level choices manageable?
• Are important pages accessible within a reasonable number of steps?
• Are duplicate, obsolete or contradictory pages present?
• Does internal search use the vocabulary visitors are likely to enter?
• Are error pages and empty search results helpful?

IA is not merely a technical concern. Poor structure increases cognitive effort, weakens trust and can cause visitors to abandon the site before they encounter the offer.

3. Usability and User Experience

Usability concerns how effectively, efficiently and satisfactorily users achieve specified goals in a particular context. User experience is broader: it includes perceptions, emotions, expectations, trust and the total interaction before, during and after use.

A usable website generally exhibits:

• Effectiveness: users can complete intended tasks accurately.
• Efficiency: tasks require reasonable time and effort.
• Learnability: new users can understand the interface quickly.
• Memorability: returning users do not need to relearn basic functions.
• Error tolerance: mistakes are prevented where possible and recoverable when they occur.
• Satisfaction: interaction feels clear, credible and appropriate.

3.1 Cognitive principles

Users do not read most web pages word by word. They scan headings, highlighted phrases, images and interface controls. Content should therefore use descriptive headings, short paragraphs, lists and a clear visual hierarchy.

Several principles are especially useful:

• Recognition over recall: show available choices rather than requiring users to remember commands.
• Consistency: similar controls should behave and look similarly.
• Visibility of system status: show loading states, confirmation messages and progress indicators.
• Error prevention: use suitable input types, constraints and clear instructions.
• Feedback: explain what happened after an action.
• Progressive disclosure: reveal complexity when it becomes relevant rather than presenting everything at once.

Usability heuristics are diagnostic principles, not guaranteed laws. A heuristic review by trained evaluators can identify likely problems, but it should be supplemented by testing with representative users.

3.2 User research and testing

Useful methods include interviews, surveys, analytics, session recordings, support-ticket analysis, usability tests and accessibility testing. Each method answers different questions. Analytics may show that users abandon checkout, but usability testing can reveal that delivery costs appear unexpectedly. Interviews may explain motivations, while behavioural data shows what users actually do.

A basic usability test should define:

1. the target participant profile;
2. realistic tasks;
3. success criteria;
4. observations to record;
5. a method for analysing findings.

Test tasks should not lead participants toward the expected answer. For example: “You want to compare delivery options and place an order for the blue backpack. Show how you would do this.” The facilitator should avoid rescuing participants too quickly because difficulty is evidence about the design.

4. Mobile-First and Responsive Design

Mobile-first design begins with the constraints and opportunities of small screens, touch interaction and variable connectivity. It does not mean designing only for smartphones. It means establishing essential content and tasks first, then progressively enhancing the experience for larger screens.

A responsive interface adapts layout, typography, controls and media to the available viewport. Important considerations include:

• readable text without unnecessary zooming;
• touch targets with sufficient spacing;
• menus that are discoverable and easy to dismiss;
• forms that use appropriate keyboard types;
• images that scale without distortion;
• content that remains available when orientation changes;
• performance on slower networks and less powerful devices.

Mobile evaluation should consider the whole task, not simply whether the page technically fits the screen. A checkout process may be responsive but still frustrating if it requires excessive typing, hides delivery information or loses entered data.

Performance affects both UX and marketing outcomes. Large images, unnecessary scripts, third-party tracking and poorly configured hosting can increase loading time. Performance should be assessed with real devices and varied network conditions, not only a high-end office computer. Optimisation may include image compression, responsive image delivery, caching, reducing unused code and prioritising visible content.

5. Accessibility and Inclusive Design

Accessibility means designing digital experiences that can be used by people with diverse visual, auditory, motor and cognitive abilities. It is also beneficial for users in temporary or situational constraints, such as bright sunlight, noisy environments or a slow connection.

Important practices include:

• meaningful alternative text for informative images;
• sufficient colour contrast and non-colour indicators;
• keyboard access to all interactive functions;
• visible focus states;
• correctly associated form labels and useful error messages;
• semantic headings and landmarks;
• captions or transcripts for relevant multimedia;
• plain, understandable language;
• scalable text and reflow on small screens;
• compatibility with assistive technologies.

Accessibility should be incorporated from the beginning rather than treated as a final compliance check. Automated tools can identify some issues, such as missing labels or contrast problems, but they cannot determine whether alternative text is meaningful or whether a process is understandable. Manual keyboard testing, screen-reader testing and tests with disabled users provide additional evidence.

Legal requirements vary by jurisdiction. Organisations should consult applicable accessibility legislation and recognised standards, such as the Web Content Accessibility Guidelines (WCAG), while remembering that compliance is a baseline rather than a complete definition of quality.

6. Landing Pages and Calls to Action

A landing page is a page designed to support a particular visitor objective, often after a click from an advertisement, email, search result or social post. Its effectiveness depends on message match: the promise made before the click should be clearly continued after the click.

A strong landing page commonly contains:

• a specific headline that reflects the visitor’s need;
• a concise explanation of the value proposition;
• relevant supporting evidence, such as testimonials, demonstrations or results;
• information that reduces perceived risk;
• an appropriate call to action (CTA);
• a form or transaction process with proportionate friction;
• privacy and other essential trust information.

A call to action is an instruction that invites a next step, such as “Start free trial,” “Book a consultation” or “Download the guide.” Effective CTAs are prominent, specific and consistent with the user’s readiness. “Learn more” may be suitable for early research, whereas “Buy now” may be suitable when product information and trust requirements have already been satisfied.

CTA design involves more than colour. Placement, wording, surrounding explanation, button size, contrast, accessibility and the consequence of clicking all matter. The page should make clear what will happen next.

Forms should request only information necessary for the immediate purpose. A long form may improve lead qualification but reduce completion. The correct design depends on the value of the offer, the user’s trust and the organisation’s operational needs. Errors should identify the field, explain the problem and preserve valid information already entered.

7. Conversion Funnels and Metrics

A conversion funnel represents stages through which a person may move from awareness to action and, ideally, retention. A simplified sequence is:

Awareness → Interest → Consideration → Conversion → Retention → Advocacy

Not every journey is linear. Users may enter at different stages, compare alternatives repeatedly or abandon and return later. The funnel remains useful as a planning model because it helps marketers align content, evidence and measurement with user intent.

Typical website metrics include:

• Sessions or users: measures of visits or visitors, defined according to the analytics platform.
• Engagement measures: indicators such as engaged sessions, scroll depth or time-related measures; interpretation depends on platform definitions.
• Micro-conversions: smaller actions, such as viewing pricing, using a calculator or beginning a form.
• Macro-conversions: primary outcomes, such as purchases or qualified enquiries.
• Exit or abandonment: leaving at a stage before completing a desired process.

The basic conversion rate is:

The denominator must be stated because a user-based rate and a session-based rate answer different questions. The metric is meaningful only when the conversion event, time period, population and measurement method are defined consistently.

For example, if a landing page receives 2,000 eligible sessions and produces 80 completed registrations:

A funnel can also be represented by stage-specific rates. If 10,000 visitors produce 1,000 product-page views, 300 checkout starts and 90 purchases, the rates are 10% from visitor to product view, 30% from product view to checkout and 30% from checkout to purchase. These rates should not automatically be interpreted as causal evidence; traffic quality and audience composition may change between periods.

Other useful measures include revenue per visitor, average order value, cost per acquisition and return on advertising spend. Each has limitations. A high conversion rate may result from a small, highly motivated audience, while a lower rate may be acceptable for a high-value product with a long decision cycle.

8. Conversion Rate Optimisation

Conversion rate optimisation is a structured process for improving the proportion or value of desired outcomes. It should not be reduced to changing button colours. Effective CRO combines research, diagnosis, prioritisation, experimentation and learning.

8.1 A practical CRO cycle

1. Define the objective: Specify the conversion, audience, time period and business purpose.
2. Collect evidence: Combine analytics, user feedback, usability observations and technical data.
3. Diagnose barriers: Identify confusion, lack of trust, poor relevance, excessive effort or technical failure.
4. Form a hypothesis: State the proposed change, expected mechanism and success measure.
5. Prioritise: Consider potential impact, confidence in the evidence and implementation effort.
6. Implement and test: Use an appropriate experiment or controlled comparison.
7. Analyse results: Examine the primary outcome, relevant segments and negative effects.
8. Document and iterate: Record what was learned and decide whether to adopt, revise or reject the change.

A good hypothesis has a causal structure: “Because users cannot easily compare delivery options, showing delivery costs earlier will reduce uncertainty and increase completed purchases.” This is stronger than “Make the checkout better.”

8.2 Testing and interpretation

In an A/B test, users are assigned to a control version or a treatment version, and outcomes are compared. Random assignment helps reduce systematic differences, but it does not remove every source of uncertainty. Marketers should avoid stopping a test merely because an early result looks favourable, changing the primary metric after seeing results, or running many unplanned comparisons and reporting only the best one.

Testing requires adequate exposure and a stable implementation. Results may be affected by seasonality, advertising changes, device mix, technical incidents or returning visitors. Segment analysis can reveal that a treatment helps mobile users but harms desktop users; however, small segments should be interpreted cautiously.

Not every improvement requires an A/B test. A broken form, inaccessible control or misleading price should be corrected immediately. Tests are most valuable when a meaningful decision is uncertain and both alternatives are safe to expose to users.

9. An Applied Case: Improving an Online Course Enquiry Page

The following is a fictional illustrative case.

Background

A training provider advertises a digital marketing diploma through search advertising. The advertisement promises flexible study, practical assignments and career support. The landing page receives 6,000 sessions per month but generates only 120 completed enquiry forms.

Problem

The initial conversion rate is:

Analytics shows that many visitors reach the form but leave before submission. Mobile visitors account for 70% of sessions and have a lower completion rate than desktop visitors.

Analysis

A page review identifies several barriers:

• the headline uses the internal programme title rather than the search advertisement’s wording;
• fees and payment options are difficult to find;
• the form requests employment details before visitors have received course information;
• error messages appear only at the top of the form;
• the phone number is not keyboard-optimised on mobile;
• testimonials lack dates and context;
• the privacy explanation is difficult to understand.

User testing confirms that participants are uncertain about total cost, workload and what happens after submitting the form.

Approach

The provider makes evidence-based changes:

1. The headline and opening text are aligned with the advertisement.
2. A concise value proposition explains flexible study, assessment format and career support.
3. Fees, payment options and an indicative weekly workload are placed near the decision point.
4. The form is reduced to essential fields, with optional questions moved to a later adviser conversation.
5. Inline labels, clear error messages and mobile input types are added.
6. Testimonials identify the learner context and outcome without making unsupported claims.
7. A specific CTA—“Request the course guide”—explains the immediate next step.

The provider tests the revised page against the original for a complete campaign cycle, while monitoring enquiry quality as well as volume.

Outcome

The revised page produces 180 enquiries from 6,000 comparable sessions:

The conversion rate rises from 2% to 3%. The provider also finds that qualified enquiries increase, although the result must be interpreted alongside campaign targeting, seasonality and lead follow-up. The key achievement is not merely a higher percentage; it is a clearer journey that improves relevance, trust and task completion.

Learning points

• Message match connects acquisition activity with the landing experience.
• Form reduction should be judged against lead quality, not volume alone.
• Mobile performance and accessibility are conversion factors.
• Evidence should guide changes; visual preference alone is insufficient.
• Conversion outcomes depend on post-conversion processes as well as page design.

10. Ethical, Legal and Governance Considerations

Conversion optimisation can create ethical risks when persuasion becomes manipulation. Dark patterns include hidden costs, confusing opt-outs, forced continuity, misleading countdown timers, preselected consent and interfaces that make refusal unnecessarily difficult. Such practices may increase short-term metrics while damaging trust and creating legal exposure.

Responsible practice requires:

• truthful claims and transparent pricing;
• clear consent for relevant data collection and marketing communication;
• accessible privacy information;
• no coercive or deceptive interface choices;
• secure handling of personal and payment data;
• appropriate retention and deletion practices;
• respect for children and vulnerable users;
• careful use of personalisation and automated recommendations.

Legal obligations differ across countries and sectors. Marketers should involve legal, security and accessibility specialists where appropriate. Consent should not be assumed from silence or from a user’s need to access an unrelated service. Analytics data should be minimised, protected and interpreted in context.

11. Contemporary Developments and Best Practice

Artificial intelligence can support website evaluation by classifying feedback, identifying content patterns, generating accessibility suggestions or assisting with personalisation. However, AI outputs require human review. Generated copy may contain unsupported claims, reproduce bias or fail to reflect the brand’s legal and ethical responsibilities. Personalisation should provide genuine relevance without creating unjustified surveillance or discriminatory outcomes.

Current best practice is increasingly centred on:

• performance-efficient, privacy-conscious design;
• inclusive and accessible experiences;
• first-party measurement where legally appropriate;
• content structured for both human users and search systems;
• experimentation based on clearly stated hypotheses;
• measurement of quality and retention, not only immediate clicks;
• continuous improvement informed by qualitative and quantitative evidence.

A mature digital marketer treats the website as part of a wider service system. Advertising promises, page content, fulfilment, customer support and retention communications must be consistent. Conversion is valuable only when it creates a legitimate and sustainable outcome for both the organisation and the user.

Chapter Summary

Websites and landing pages are strategic marketing systems, not merely visual artefacts. Information architecture determines whether users can find relevant content, while usability and UX determine whether they can understand and complete tasks. Mobile-first design accommodates small screens, touch interaction and variable connectivity. Accessibility makes the experience usable by people with diverse abilities and often improves quality for everyone.

Effective landing pages maintain message match, communicate value, provide credible evidence, reduce uncertainty and use clear calls to action. Conversion funnels help marketers connect visitor behaviour with stages of awareness, consideration, action and retention. Conversion rate is useful only when its numerator, denominator, population and time period are clearly defined.

CRO is an evidence-based cycle involving diagnosis, hypothesis formation, prioritisation, testing and learning. Quantitative data should be combined with user research and technical evaluation. Ethical optimisation rejects deception, protects privacy and treats accessibility, security and transparency as essential design requirements. The professional goal is not simply more conversions, but better outcomes created through clear, trustworthy and inclusive experiences.

Key Terms

Information architecture: The organisation, labelling and structuring of information to support findability and understanding.

User experience: A user’s perceptions, emotions and responses across interactions with a product or service.

Usability: The effectiveness, efficiency and satisfaction with which users achieve specified goals.

Mobile-first design: Designing initially for small-screen and constrained contexts before enhancing larger layouts.

Responsive design: An approach in which layout and content adapt to different screen sizes and devices.

Accessibility: The design of products and services so that people with diverse abilities can use them.

Landing page: A focused page intended to support a particular visitor objective or campaign.

Message match: Consistency between a pre-click promise and the post-click landing experience.

Call to action: An instruction inviting a user to perform a specific next step.

Conversion: A defined action that fulfils a marketing or organisational objective.

Micro-conversion: A smaller supporting action, such as beginning a form or viewing pricing.

Macro-conversion: The primary desired outcome, such as a purchase or qualified enquiry.

Conversion funnel: A model describing stages through which users may progress toward an outcome.

Conversion rate: The percentage of a defined population that completes a specified conversion.

Conversion rate optimisation: A systematic process for improving desired outcomes through evidence and experimentation.

A/B test: A controlled comparison between a control version and a treatment version.

Card sorting: A user-research method for evaluating how people group and label information.

Tree test: A method for assessing whether users can find items within a navigation hierarchy.

Dark pattern: A deceptive or manipulative interface practice that steers users against their interests.

Review Questions

Short Answer Questions

1. What is information architecture, and why does it matter for digital marketing?
2. Distinguish usability from user experience.
3. Define message match in the context of a landing page.
4. What is the difference between a micro-conversion and a macro-conversion?
5. State two accessibility practices that improve website usability.

Long Answer Questions

1. Explain how navigation, labelling and taxonomy contribute to website findability. Include examples of suitable evaluation methods.
2. Discuss the principles of mobile-first design and explain why responsive layout alone does not guarantee a good mobile experience.
3. Describe the major components of an effective landing page and explain how each can reduce user uncertainty.
4. Explain the CRO cycle from evidence collection through implementation and learning.
5. Discuss how ethical, accessibility and privacy considerations should influence conversion optimisation.

Analytical / Application Questions

1. An online retailer has high product-page traffic but few checkout starts. Design an investigation using analytics, usability testing and content review. Identify at least three possible hypotheses.
2. A campaign receives 4,000 eligible sessions and 160 registrations. Calculate the conversion rate and explain what additional information is needed before judging performance.
3. A charity’s mobile donation form has twelve required fields and unclear error messages. Propose a revised user journey and identify the metrics you would monitor after implementation.

Multiple Choice Questions with Answers

Question 1

Which activity primarily evaluates whether users can locate content within a proposed navigation hierarchy?

A. Tree testing

B. Colour testing

C. Price testing

D. Ad scheduling

Correct Answer: A. Tree testing

Question 2

What does message match mean on a landing page?

A. Using identical images on every website page

B. Aligning the pre-click promise with the post-click experience

C. Matching a competitor’s headline

D. Using the same CTA for every audience

Correct Answer: B. Aligning the pre-click promise with the post-click experience

Question 3

A page receives 2,000 eligible sessions and produces 80 registrations. What is its conversion rate?

A. 2%

B. 4%

C. 8%

D. 25%

Correct Answer: B. 4%

Question 4

Which practice best supports accessible form design?

A. Relying on colour alone to identify errors

B. Removing all labels to reduce visual clutter

C. Associating clear labels with form controls

D. Allowing keyboard users to skip every control

Correct Answer: C. Associating clear labels with form controls

Question 5

What is the principal purpose of a call to action?

A. To hide legal information

B. To invite a user to take a specific next step

C. To increase the number of menu categories

D. To replace all explanatory content

Correct Answer: B. To invite a user to take a specific next step

Question 6

Which statement best describes conversion rate optimisation?

A. Changing button colours without collecting evidence

B. A systematic process of improving outcomes through research and testing

C. Maximising traffic regardless of traffic quality

D. Removing all choices from a website

Correct Answer: B. A systematic process of improving outcomes through research and testing

Question 7

Why should the denominator be stated when reporting conversion rate?

A. Different denominators, such as users and sessions, answer different questions

B. The denominator determines the page’s colour scheme

C. It eliminates the need for a defined conversion

D. It guarantees that a test is statistically conclusive

Correct Answer: A. Different denominators, such as users and sessions, answer different questions

Question 8

Which is an example of a dark pattern?

A. A clear confirmation message

B. A descriptive heading structure

C. A preselected consent option that is difficult to refuse

D. A visible keyboard focus indicator

Correct Answer: C. A preselected consent option that is difficult to refuse

Question 9

What is a central characteristic of mobile-first design?

A. Designing only for desktop computers

B. Starting with small-screen constraints and progressively enhancing larger layouts

C. Removing all images from mobile pages

D. Using a separate brand identity on smartphones

Correct Answer: B. Starting with small-screen constraints and progressively enhancing larger layouts

Question 10

Why should an A/B test not be stopped solely because an early result appears favourable?

A. Early results may be unstable and affected by random variation or changing conditions

B. A/B tests cannot compare two versions

C. Conversion rates cannot be measured during tests

D. Treatment pages must always be rejected

Correct Answer: A. Early results may be unstable and affected by random variation or changing conditions