<header class="SiteHeader">

    <a href="" class="Logo " title="Home">
    <svg role="img" aria-labelledby="clearleft-logo" xmlns="http://www.w3.org/2000/svg" width="154" height="55" viewBox="0 0 154 54">
        <title id="clearleft-logo">Clearleft</title>
        <style>
        .Logo-streak {
            mask-repeat: no-repeat;
            stroke-dasharray: 150% 150%;
            stroke-dashoffset: 150%;
        }
        .animateLogo-streak{
            animation: swipe 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s forwards;
        }
        @keyframes swipe {
            from {
              stroke-dashoffset: 150%;
            }
            to {
              stroke-dashoffset: 0%;
            }
        }
        </style>
        <path class="Logo-text" fill="#25333A" d="M152.5 27.5v5.4h-2.4c-5.5 0-8.6-3.3-8.6-9.3v-6.8h-7.4v16.1h-5.6V16.8h-3.1l-.1-4.6h3.1v-.6c0-6 3-9.3 8.6-9.3h2.4v5.4H137c-2 0-2.9 1.3-2.9 4v.6h7.4v-4l5.6-3.6v7.4h4v4.6h-4v6.8c0 2.7 1 4 2.9 4h2.5zM77 11.9h5.6v21H77v-2c-1.7 1.7-4 2.7-6.4 2.6-5.7 0-10.1-4.8-10.1-11s4.4-11 10.1-11c2.4-.1 4.7.8 6.4 2.5v-2.1zm0 10.5c0-3.5-2.4-6.1-5.6-6.1s-5.6 2.6-5.6 6.1 2.3 6.1 5.6 6.1S77 26 77 22.4zm12.9-8.7v-1.8h-5.4v21h5.6v-9.5c0-4.5.8-6.8 5-6.8h1.5v-5.4h-.2c-3 0-5.2.9-6.5 2.5zM98 32.8h5.6V2.4H98v30.4zM17 8.1c3.2 0 6.1 1.8 7.6 4.5l.1.2.2-.1 4.8-3.1.3-.1-.1-.2C27 5 22.2 2.4 17.1 2.4 8.6 2.3 1.6 9.1 1.5 17.5v.3c-.1 8.5 6.8 15.4 15.3 15.5h.3c5.1.1 9.9-2.5 12.8-6.7l.1-.2-5.2-3.4-.1.2c-1.6 2.7-4.5 4.4-7.6 4.5-5.2 0-9.2-4.3-9.2-9.8 0-4.8 3.4-9.8 9.1-9.8zm14.6 24.7h5.6V2.4h-5.6v30.4zm94-10.5c0 .6 0 1.1-.1 1.7v.5h-14.8c.5 2.5 2.8 4.3 5.4 4.1 2 0 3.9-.7 5.5-2l.4-.3 2.8 4-.3.3c-2.4 2-5.5 3.1-8.6 3-6.4 0-10.8-4.6-10.8-11.1s4.3-11.1 10.6-11.1c5.7-.2 9.8 4.4 9.9 10.9zm-5.7-2.2c-.6-2.5-2.2-3.9-4.5-3.9-2.4-.1-4.4 1.6-4.7 3.9h9.2zm-60.7 2.2c0 .6 0 1.1-.1 1.7v.5H44.3c.5 2.5 2.8 4.3 5.4 4.1 2 0 3.9-.7 5.5-2l.4-.3 2.8 4-.3.3c-2.4 2-5.5 3.1-8.6 3-6.4 0-10.8-4.6-10.8-11.1S43 11.2 49.2 11.2c5.9 0 10 4.6 10 11.1zm-5.6-2.2c-.6-2.5-2.2-3.9-4.5-3.9-2.4-.1-4.4 1.6-4.7 3.9h9.2z"/>
        <clipPath id="mask">
            <path d="M151.8 44c-.2-1-1.1-1.6-2-1.4h-.1c-1.1.4-2.2.4-3.3.2-1.4-.2-2.9-.3-4.3-.5-2.4-.3-4.8-.5-7.2-.7-2.6-.2-5.3-.3-7.9-.5-2.5-.2-4.9-.4-7.4-.5-5.2-.3-10.5-.5-15.7-.6-4.4-.2-19.6-.3-23.9-.3-3.1 0-6.1.1-9.2.2-4.1 0-18.9.3-23 .6-4.3.2-8.7.4-13 .7-4 .3-8 .5-11.9.7-.9 0-1.8.1-2.7.3-2.4 0-4.4.2-6.5.3-1.7.1-3.4.1-5 .4v0c-.7 0-1-.4-2.1-.3s-2.1.5-2.1 1.1c-.5.1 0 .4-.6.5v.5c.4.2.6.4 0 .7v.2c.3-.1.4 0 .6.1v.4c-.4.2-.2.4-.1.5s.5.4.4.7c-.1.5.1 1 .5 1.3v.2c.1.7 1.1 1.3 1.2 2 .1.5 1 1 2.3.9 1.1-.1 1.5-.5 2.5-.7.2 0 .8-.1 1-.1 4.2-.3 8.5-.6 12.7-1 1.2-.1 2.6-.1 3.7-.3 1.5-.3 3.1-.3 4.6-.5 2.9-.3 5.8-.5 8.6-.5 2.4 0 4.8-.3 7.2-.4 1.3-.1 2.7.1 4-.1.5-.1 1-.1 1.6-.1 1.4.1 13.7-.1 15.1-.1 2.8 0 5.6-.1 8.4-.2 3.3-.1 17.4-.2 20.7 0 1.1 0 2.3.2 3.4.2 3.1-.2 6.2.1 9.3.2 2.7.1 5.4.3 8.1.4s5.2.2 7.8.5c1 .1 2.1.2 3.1.3.8.1 1.4-.2 2.2-.1 2 .3 4.1.5 6.2.6 1.1 0 2.2.1 3.2.3 1.6.3 3.1.5 4.7.7l1 .4c.9.4 1.8.5 2.8.3.5-.3.8-1 .6-1.6v-.2c.1-.2.2-.3.1-.5.3-.1.3-.2.2-.4.2-.6.7-1.1.4-1.7-.1-.2-.4-.6.4-.8v-.5c-.4 0-.4-.2-.5-.3-.2-.5-.1-1-.1-1.5zM78.3 45.3h-.2.2"/>
        </clipPath>
        <path class="Logo-streak animateLogo-streak" clip-path="url(#mask)" fill-rule="evenodd" fill="none" stroke="#23D8A0" stroke-width="13" d="M-1.1 49.4s50.4-6.3 81.9-6 77.1 4.6 77.1 4.6" />
    </svg>
</a>

    <nav class="PrimaryNavigation" aria-label="Primary Navigation" data-component="PrimaryNavigation">
        <a href="#offcanvas" class="PrimaryNavigation-menu" aria-hidden="true">Menu</a>
        <ul class="PrimaryNavigation-list">
            <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link is-active ">Case Studies</a></li>
            <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Team</a></li>
            <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Posts</a></li>
            <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Events</a></li>
            <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Contact</a></li>
        </ul>
    </nav>
</header>
<div class="Breadcrumb" role="navigation" aria-label="Breadcrumb Navigation">
    <a href="" class="Breadcrumb-item Breadcrumb-item--first">Client stories</a>
    <span class="Breadcrumb-separator">/</span> <a class="Breadcrumb-item" href="">Royal borough of kensington and chelsea</a></div>
<!--/.Breadcrumb-->
<div class="Showcase Showcase--red">
    <div class="Showcase-wrapper">
        <dl class="Metadata">
            <dt class="Metadata-heading">Services</dt>
            <dd class="Metadata-description">Research &amp; Insight</dd>
            <dd class="Metadata-description">Strategy &amp; Transformation</dd>
            <dd class="Metadata-description">Design &amp; Delivery</dd>
        </dl>
        <!--/.MetaData-->
        <div class="Showcase-primary" role="banner">
            <h1 class="Showcase-title Heading Heading--secondary">Changing the approach to digital publishing.</h1>
            <p class="Showcase-description">Clearleft worked with the Royal Borough of Kensington and Chelsea to fundamentally change their approach to digital publishing, resulting in hugely increased user satisfaction and a much easier internal workflow.</p>
        </div>
        <div class="Showcase-metadata">
            <div>
                <dl class="Metadata">
                    <dt class="Metadata-heading">Client</dt>
                    <dd class="Metadata-description">Royal Borough of Kensington and Chelsea</dd>
                </dl>
                <!--/.MetaData-->
                <dl class="Metadata">
                    <dt class="Metadata-heading">Sector</dt>
                    <dd class="Metadata-description">Travel</dd>
                </dl>
                <!--/.MetaData-->
                <dl class="Metadata">
                    <dt class="Metadata-heading">Duration</dt>
                    <dd class="Metadata-description">3 weeks</dd>
                </dl>
                <!--/.MetaData-->
            </div>
            <div>
            </div>
        </div>
        <!--/.Cols-->
    </div>
    <div class="Showcase-canvas">
        <img class="Showcase-image" src="/assets/img/work/evo/car.jpg" alt="">
    </div>
</div>
<!--/.Showcase-->

<main id="main-content">

    <div class="TextBlock TextBlock Lead">

        <div class="Prose">
            <p>Attraction Tickets Direct (ATD) sell tickets to the world’s leading theme parks and attractions. ATD were concerned that their checkout process was not performing as well as it should be –somewhere along the line customers were being let down
                and lost. They approached Clearleft to help reduce customer drop-out and increase conversion from basket to sale. We were given two weeks to make a difference.</p>
        </div>
        <!--/.Prose-->

    </div>
    <!--/.TextBlock-->

    <figure class="Quote">
        <blockquote class="Quote-text">
            I remember a really good sense of collaboration. There were a lot of moving parts—us at Clearleft, the team at Channel 4, but also the team at ITN. I think we had a really good working relationship between all of those people.
        </blockquote>
        <figcaption class="Quote-citation">
            <img class="Quote-avatar" src="/assets/img/work/ch4/anna-doble.jpg" alt="James Bates">
            <div class="Quote-author">
                <span class="Quote-authorname">James Bates</span> </div>
        </figcaption>
    </figure>

    <div class="TextBlock TextBlock--brush TextBlock--connected">

        <div class="Prose">
            <h2 class="Heading Heading--context">The Results</h2>
            <h3 class="Heading Heading--bump"><span class="u-underline">A launchable MVP with direction</span></h3>
            <p>This four week project has provided the space to shape a long term vision for the website and define a launchable MVP. Rooting the initial requirements in a wider vision enabled a strong concept and proposition to be baked into the website
                from the start. It also provided a roadmap for enhancements that build on these solid foundations.</p>
            <h3 class="Heading Heading--bump"><span class="u-underline">One team with a shared vision</span></h3>
            <p>Close collaboration and co-locating throughout has led to a sense of shared understanding and ownership of the website. Embedding the thinking behind the designs and creating guiding principles to inform and evaluate the outputs has enabled
                the team to make decisions faster and with more confidence.</p>
            <h3 class="Heading Heading--bump"><span class="u-underline">Accelerated problem solving</span></h3>
            <p>Adopting more effective design practice is often best encouraged and achieved through doing it and having a positive experience. The impact of group sketching, showing work as it emerges and inviting the wider team into the process led to
                a desire from the OU team to work in this way more often. Adding another sentance here to see what the spacing is like.</p>
        </div>
        <!--/.Prose-->

    </div>
    <!--/.TextBlock-->

    <figure class="ImageBlock">
        <img class="ImageBlock-image" src="/assets/img/work/ch4/ch4-team.jpg" alt="Channel 4 Team">
        <figcaption class="ImageBlock-item">The channel 4 news team. Image courtesy of ITN News</figcaption>
    </figure>
    <!--/.ImageBlock-->

    <div class="Signpost">
        <div class="Signpost-item">
            <a href="#" class="Signpost-link Signpost-link--prev">Create a new universe</a>
            <span class="Signpost-prevContext Heading Heading--context">Penguin Random House</span>
        </div>
        <!--/.Signpost-->
        <div class="Signpost-item">
            <a href="#" class="Signpost-link Signpost-link--next">Inject energy</a>
            <span class="Signpost-prevContext Heading Heading--context">Evo Motoring Magazine</span>
        </div>
        <!--/.Signpost-->
    </div>
    <!--/.Signpost-->
</main>

<div class="Hello" role="complementary" aria-labelledby="hello-heading">
    <div class="Hello-container">
        <figure class="Hello-image">
            <img src="" alt="">
        </figure>
        <div>
            <h3 class="Hello-title Heading Heading--inverted Heading--medium" id="hello-heading">Open the conversation.</h3>
            <div class="Hello-body">

                <p> Ask us anything. From basic questions to complex queries about your approach to strategy, research, content and design, Dan is ready to talk to you on + 44(0) 845 838 6163 or <a href="#"> get in touch </a></p>
            </div>
        </div>
    </div>
</div>
<!--/.Hello-->

<footer class="SiteFooter">
    <div class="SiteFooter-container">
        <div class="SiteFooter-callToAction">
            <div class="InputGroup InputGroup--highlight">
                <form action="" method="post">
                    <input type="hidden" value="1" name="embed">
                    <label class="InputGroup-label Heading Heading--bump" for="ID2">Get notified with updates</label>
                    <div class="Input InputGroup-combo">
                        <input class="InputGroup-field" type="email" name="email" placeholder="Enter email address" id="ID2" />
                        <button type="submit" class="InputGroup-submit">Join the mailing list</button>
                    </div>
                </form>
                <small class="InputGroup-microcopy">Low volume mailing list. Just for events & conference updates. <a href="#">See an example</a></small>
            </div>
            <small class="Heading Heading--context"></small>
        </div>

        <nav class="SiteFooter-navigation" aria-label="Site Footer Navigation">
            <ul class="SiteFooter-navigationLinks">
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Test Lab</a></li>
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Accessibility</a></li>
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Cookies</a></li>
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Styleguide</a></li>
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Jobs</a></li>
            </ul>
            <!--/.SiteFooter-navigationLinks-->
            <ul class="SiteFooter-icons">
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-github.svg" alt="Find us on Github"></a></li>
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-instagram.svg" alt="Find us on Instagram"></a></li>
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-linkedin.svg" alt="Find us on LinkedIn"></a></li>
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-medium.svg" alt="Find us on Medium"></a></li>
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-flickr.svg" alt="Find us on Flickr"></a></li>
            </ul>
            <!--/.SiteFooter-icons-->
        </nav>
        <div class="SiteFooter-small">
            © 2005‑now Clearleft Ltd. All rights reserved.
        </div>
        <!--/.SiteFooter-small-->
    </div>
    <!--/.Cols-->
</footer>
<!--/.SiteFooter-->
{% include '@showcase' %}

<main id="main-content">

    {% include '@text-block' with { textBlockModifier: ' Lead' } %}

    {% include '@quote' %}

    {% include '@text-block' with { textBlockModifier: '--brush TextBlock--connected', textBlockProse: resultsProse  } %}

    {% include '@image-block' %}

    {% include '@signpost' %}
</main>

{% include '@hello' %}

{% include '@site-footer' %}
{
  "primaryNavlinks": [
    {
      "title": "Case Studies",
      "url": "#",
      "primaryActive": true
    },
    {
      "title": "Team",
      "url": "#"
    },
    {
      "title": "Posts",
      "url": "#"
    },
    {
      "title": "Events",
      "url": "#"
    },
    {
      "title": "Contact",
      "url": "#"
    }
  ],
  "segmentOne": "Client stories",
  "segmentTwo": "Royal borough of kensington and chelsea",
  "showcaseModifier": "red",
  "showcaseActivities": null,
  "showcaseImage": "/assets/img/work/evo/car.jpg",
  "showcaseTitle": "Changing the approach to digital publishing.",
  "showcaseText": "Clearleft worked with the Royal Borough of Kensington and Chelsea to fundamentally change their approach to digital publishing, resulting in hugely increased user satisfaction and a much easier internal workflow.",
  "showcaseClient": [
    {
      "metadata": "Royal Borough of Kensington and Chelsea"
    }
  ],
  "showcaseSector": [
    {
      "metadata": "Travel"
    }
  ],
  "showcaseDuration": [
    {
      "metadata": "3 weeks"
    }
  ],
  "showcaseServices": [
    {
      "metadata": "Research &amp; Insight"
    },
    {
      "metadata": "Strategy &amp; Transformation"
    },
    {
      "metadata": "Design &amp; Delivery"
    }
  ],
  "imageBlockSrc": "/assets/img/work/ch4/ch4-team.jpg",
  "imageBlockAlt": "Channel 4 Team",
  "imageBlockModifier": null,
  "imageBlockCaption": "The channel 4 news team. Image courtesy of ITN News",
  "textBlockProse": "\n        <p>Attraction Tickets Direct (ATD) sell tickets to the world’s leading theme parks and attractions. ATD were concerned that their checkout process was not performing as well as it should be –somewhere along the line customers were being let down and lost. They approached Clearleft to help reduce customer drop-out and increase conversion from basket to sale. We were given two weeks to make a difference.</p>\n        ",
  "quoteAvatarSrc": "/assets/img/work/ch4/anna-doble.jpg",
  "quoteAvatarAlt": "James Bates",
  "quoteText": "I remember a really good sense of collaboration. There were a lot of moving parts—us at Clearleft, the team at Channel 4, but also the team at ITN. I think we had a really good working relationship between all of those people.",
  "quoteAuthor": "James Bates",
  "resultsProse": "\n        <h2 class=\"Heading Heading--context\">The Results</h2>\n        <h3 class=\"Heading Heading--bump\"><span class=\"u-underline\">A launchable MVP with direction</span></h3>\n        <p>This four week project has provided the space to shape a long term vision for the website and define a launchable MVP. Rooting the initial requirements in a wider vision enabled a strong concept and proposition to be baked into the website from the start. It also provided a roadmap for enhancements that build on these solid foundations.</p>\n        <h3 class=\"Heading Heading--bump\"><span class=\"u-underline\">One team with a shared vision</span></h3>\n        <p>Close collaboration and co-locating throughout has led to a sense of shared understanding and ownership of the website. Embedding the thinking behind the designs and creating guiding principles to inform and evaluate the outputs has enabled the team to make decisions faster and with more confidence.</p>\n        <h3 class=\"Heading Heading--bump\"><span class=\"u-underline\">Accelerated problem solving</span></h3>\n        <p>Adopting more effective design practice is often best encouraged and achieved through doing it and having a positive experience. The impact of group sketching, showing work as it emerges and inviting the wider team into the process led to a desire from the OU team to work in this way more often. Adding another sentance here to see what the spacing is like.</p>\n        ",
  "signpostItems": [
    {
      "link": "Create a new universe",
      "linkUrl": "#",
      "context": "Penguin Random House",
      "linkModifier": "Signpost-link--prev"
    },
    {
      "link": "Inject energy",
      "linkUrl": "#",
      "context": "Evo Motoring Magazine",
      "linkModifier": "Signpost-link--next"
    }
  ],
  "helloHeading": "Open the conversation.",
  "helloBody": "\n            <p> Ask us anything. From basic questions to complex queries about your approach to strategy, research, content and design, Dan is ready to talk to you on + 44(0) 845 838 6163 or <a href =\"#\"> get in touch </a></p>",
  "footerLinks": [
    {
      "title": "Test Lab",
      "url": "#"
    },
    {
      "title": "Accessibility",
      "url": "#"
    },
    {
      "title": "Cookies",
      "url": "#"
    },
    {
      "title": "Styleguide",
      "url": "#"
    },
    {
      "title": "Jobs",
      "url": "#"
    }
  ],
  "socialLinks": [
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-github.svg",
      "alt": "Find us on Github"
    },
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-instagram.svg",
      "alt": "Find us on Instagram"
    },
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-linkedin.svg",
      "alt": "Find us on LinkedIn"
    },
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-medium.svg",
      "alt": "Find us on Medium"
    },
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-flickr.svg",
      "alt": "Find us on Flickr"
    }
  ],
  "inputGroupLabel": "Get notified with updates",
  "inputGroupSubmit": "Join the mailing list",
  "inputGroupID": "ID2",
  "inputGroupPlaceholder": "Enter email address",
  "inputGroupMicrocopy": "Low volume mailing list. Just for events & conference updates. <a href=\"#\">See an example</a>",
  "inputGroupModifiers": "highlight",
  "siteFooterSmall": "© 2005‑now Clearleft Ltd. All rights reserved."
}

There are no notes for this item.