<div class="Ch4Project Ch4Project--stage">

    <header class="SiteHeader" role="banner">

        <a href="" class="Logo Logo--inverted Logo--crayola-red" title="Home">
            <svg width="152" height="50" viewBox="1 2 152 50">
        <g fill="none" fill-rule="evenodd">
            <path class="Logo-text" fill="#25333A" fill-rule="nonzero" d="M152.5 27.54v5.36h-2.36c-5.52 0-8.55-3.31-8.55-9.31v-6.78h-7.36V32.9h-5.61V16.81h-3.09l-.06-4.65h3.15v-.57c0-6 3-9.31 8.55-9.31h2.36v5.36h-2.36c-2 0-2.95 1.29-2.95 4v.57h7.36v-3.9l5.61-3.55v7.4h4v4.65h-4v6.78c0 2.66 1 4 2.95 4l2.36-.05zM77 11.85h5.61v21H77v-2c-1.677 1.74-4.015 2.686-6.43 2.6-5.66 0-10.09-4.84-10.09-11s4.43-11 10.09-11c2.396-.12 4.73.777 6.43 2.47v-2.07zm0 10.5c0-3.54-2.36-6.11-5.61-6.11-3.25 0-5.56 2.57-5.56 6.11 0 3.54 2.34 6.11 5.56 6.11 3.22 0 5.61-2.51 5.61-6.11zm12.88-8.67v-1.83h-5.37v21h5.6v-9.46c0-4.5.77-6.78 5-6.78h1.5v-5.4h-.23c-2.95 0-5.22.87-6.54 2.47h.04zM98 32.83h5.59V2.44H98v30.39zM17 8.1c3.178.02 6.098 1.75 7.64 4.53l.12.21.2-.13 4.83-3.07.2-.13-.13-.2c-2.834-4.3-7.642-6.88-12.79-6.87-4.122-.062-8.095 1.538-11.025 4.44-2.93 2.9-4.567 6.858-4.545 10.98-.027 4.137 1.612 8.112 4.55 11.026 2.936 2.914 6.923 4.523 11.06 4.464 5.11.06 9.91-2.455 12.77-6.69l.13-.19-5.2-3.47-.13.2c-1.56 2.736-4.46 4.432-7.61 4.45-5.16 0-9.2-4.32-9.2-9.84 0-4.75 3.43-9.71 9.13-9.71zm14.57 24.73h5.59V2.44h-5.59v30.39zm94-10.51c0 .58 0 1.15-.09 1.69v.47h-14.8c.514 2.518 2.805 4.272 5.37 4.11 2.006-.047 3.94-.75 5.51-2l.43-.34 2.77 4-.35.3c-2.394 2.048-5.472 3.12-8.62 3-6.37 0-10.82-4.57-10.82-11.12 0-6.55 4.34-11.12 10.55-11.12 5.88-.09 10.01 4.48 10.03 11.01h.02zm-5.63-2.22c-.57-2.54-2.16-3.94-4.5-3.94-2.35-.09-4.39 1.61-4.72 3.94h9.22zm-60.73 2.22c0 .58 0 1.15-.09 1.69v.47H44.34c.514 2.518 2.805 4.272 5.37 4.11 2.006-.047 3.94-.75 5.51-2l.43-.34 2.77 4-.35.3c-2.394 2.048-5.472 3.12-8.62 3-6.37 0-10.82-4.57-10.82-11.12 0-6.55 4.37-11.21 10.54-11.21 5.89 0 10.02 4.57 10.04 11.1zm-5.63-2.22c-.57-2.54-2.16-3.94-4.5-3.94-2.35-.09-4.39 1.61-4.72 3.94h9.22z"></path>
            <path class="Logo-streak" fill="#23D8A0" d="M151.8 44c-.083-.487-.365-.918-.78-1.187-.413-.27-.92-.354-1.4-.233-1.067.35-2.204.433-3.31.24-1.39-.18-2.86-.31-4.29-.46-2.39-.26-4.79-.47-7.2-.66-2.63-.2-5.27-.34-7.9-.52-2.48-.17-4.95-.39-7.43-.51-5.24-.253-10.483-.45-15.73-.59-4.37-.15-19.57-.32-23.95-.26-3.07 0-6.13.14-9.19.18-4.06 0-18.94.34-23 .58-4.33.23-8.68.38-13 .68-4 .27-8 .45-11.94.74-.906.02-1.81.115-2.7.28-2.35 0-4.43.22-6.52.33-1.66.09-3.36.13-5 .38v0c-.69 0-1-.4-2.07-.26-1.07.14-2.07.46-2.12 1.06-.55.12 0 .41-.62.52v.47c.43.2.56.41 0 .66v.19c.34-.14.39 0 .56.07v.39c-.4.19-.16.37-.09.54.07.17.5.44.42.71-.086.49.11.984.51 1.28v.23c.11.7 1.05 1.28 1.18 2 .1.55 1 1 2.31.89 1.12-.06 1.51-.53 2.53-.68.19 0 .81-.09 1-.1 4.23-.28 8.46-.59 12.66-1 1.24-.11 2.58-.08 3.72-.3 1.5-.29 3.07-.29 4.59-.5 2.867-.348 5.752-.515 8.64-.5 2.41 0 4.77-.26 7.16-.36 1.33-.06 2.66.06 4-.08.518-.097 1.043-.144 1.57-.14 1.43.09 13.66-.12 15.1-.11 2.79 0 5.58-.14 8.36-.17 3.3-.06 17.36-.17 20.68 0 1.13 0 2.31.21 3.37.15 3.11-.17 6.19.1 9.28.17 2.71.06 5.39.31 8.11.39 2.72.08 5.22.23 7.8.51 1 .11 2.08.25 3.15.35.84.08 1.41-.21 2.21-.11 2 .27 4.11.46 6.21.61 1.088.028 2.173.122 3.25.28 1.56.326 3.14.547 4.73.66l1 .36c.856.423 1.835.526 2.76.29.523-.344.77-.984.61-1.59v-.18c.1-.15.19-.31.09-.48.26-.1.28-.22.21-.37.25-.57.71-1.11.44-1.74-.11-.25-.39-.62.42-.79v-.47c-.39-.05-.43-.19-.51-.32.04-.52.1-1.02.12-1.52zm-73.48 1.26c-.063-.008-.127-.008-.19 0 .063-.008.127-.008.19 0z"></path>
        </g>
    </svg>
        </a>

        <nav class="PrimaryNavigation PrimaryNavigation--inverted PrimaryNavigation--crayola-red" data-component="PrimaryNavigation">
            <button class="PrimaryNavigation-menu" aria-hidden="true">Menu</button>
            <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="Ch4Project-wrapper">

        <div class="Ch4Project-breadcrumb">
            <div class="Breadcrumb Breadcrumb--inverted">
                <a href="" class="Breadcrumb-item Breadcrumb-item--first">Our Work</a>
                <span class="Breadcrumb-separator">/</span> <a class="Breadcrumb-item" href="">Channel 4</a></div>
            <!--/.Breadcrumb-->
        </div>

        <div class="Ch4Project-content">

            <div class="Ch4Project-question"></div>

            <h2 class="Ch4Project-title Heading Heading--secondary Heading--inverted">Focus on the intelligent story.</h2>

            <div class="Ch4Project-description Lead Bar">
                How could our small team make any impact on the giant eco-system of content in Channel 4’s News Room? This is a story of how small changes make a big difference.
            </div>

            <img class="Ch4Project-logo" src="/assets/img/work/ch4/ch4-logo.svg" alt="ch4 logo">

        </div>

    </div>
</div>
<!--./Ch4Project-->

<div class="Background Background--grey">
    <div class="Voice">
        <div class="Voice-person">
            <img src="/assets/img/team/voice/graham.png" alt="Graham Smith">
        </div>
        <!--/.Voice-person-->
        <div class="Voice-description">
            <blockquote>“We’re in the news room, in the centre of all the activity, watching the team capture, edit, and share events from all over the world. It’s fast-moving, exciting, and iterative. In that moment, I realised that we could also design in a way
                that harnesses that same excitement.”</blockquote>
            <p class="Voice-cite Heading Heading--context">James Box, UX Director, Team lead</p>
        </div>
        <!--/.Voice-description-->
    </div>
    <!--/.Voice-->
</div>

<main>
    <div class="Scene">
        <div class="Scene-side">
            <dl class="Metadata">
                <dt class="Metadata-heading">What we did</dt>
                <dd class="Metadata-description Pill">Strategy</dd>
                <dd class="Metadata-description Pill">UX Design</dd>
                <dd class="Metadata-description Pill">Visual Design</dd>
            </dl>
            <!--/.MetaData-->
            <dl class="Metadata">
                <dt class="Metadata-heading">Our team</dt>
                <dd class="Metadata-description">Bianka Daniel, Human Research Designer</dd>
                <dd class="Metadata-description">Providenci Hammes, Human Research Officer</dd>
                <dd class="Metadata-description">Joanny Heathcote, Dynamic Mobility Officer</dd>
                <dd class="Metadata-description">Moshe Gerlach, Dynamic Interactions Technician</dd>
            </dl>
            <!--/.MetaData-->
            <dl class="Metadata">
                <dt class="Metadata-heading">something</dt>
                <dd class="Metadata-description">aasdasd</dd>
                <dd class="Metadata-description">baasdr</dd>
            </dl>
            <!--/.MetaData-->
        </div>
        <!--/.Scene-side-->
        <div class="Scene-main">
            <h2 class="Scene-heading Heading Heading--medium">The challenge for the Channel 4 News Room</h2>
            <div class="Prose">

                <p>We had worked with Channel 4 News before, designing their mobile apps and refreshing their website, but this was the biggest challenge yet. We needed to find tiny ways to make big changes to a vast eco-system of content production to make
                    it more suitable for mobile consumption. Not only did the new website need to adapt to many devices and screen sizes, it needed to adapt to the fast-paced way the news itself gets produced.
                </p>
                <p>Channel 4 and ITN work together to deliver the news, which means there are lots of people involved at each stage. They have an enormous responsibility to the public but their online strategy didn’t reflect the many ways in which news is
                    captured and consumed. The Channel 4 news team have a passion for the power of journalism, so together we set out to design a way to convey that passion on the web.</p>

            </div>
            <a class="Anchor" href="#results">Go straight to results &#8595;</a>
        </div>
        <!--/.Scene-main-->
    </div>
    <!--/.Scene-->

    <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="TextBlock">

        <div class="Prose">
            <h2>Misconception 1: Transitioning to “Agile” will solve our problems.</h2>
            <p>The agile manifesto was born out of a frustration with traditionally managed projects. But I don’t think it solved the problem. It actually created another one. I’ve seen teams and organisations go from waterfall, which reduces their ability
                to compete in the market and deliver value, to dysfunction and paralysis when implementing agile.</p>
            <p>That’s largely due to the various interpretations of the manifesto borne of misunderstanding. Bottom-up as well as top-down support is needed in order for a successful agile transformation to take place in any organisation.</p>
            <p>The agile manifesto was born out of a frustration with traditionally managed projects. But I don’t think it solved the problem. It actually created another one. I’ve seen teams and organisations go from waterfall, which reduces their ability
                to compete in the market and deliver value, to dysfunction and paralysis when implementing agile.</p>
            <p>That’s largely due to the various interpretations of the manifesto borne of misunderstanding. Bottom-up as well as top-down support is needed in order for a successful agile transformation to take place in any organisation.</p>
        </div>

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

    <blockquote class="Quote">
        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.
        <div class="Quote-citation">
            <img class="Quote-avatar" src="/assets/img/work/ch4/anna-doble.jpg" alt="James Bates"> <span>James Bates</span>
        </div>
        <!--/.Quote-citation-->
    </blockquote>
    <!--/.Quote-->
    <figure class="ImageBlock ImageBlock--rightCaption">
        <img class="ImageBlock-image" src="/assets/img/work/ch4/sketching-lo-hi.jpg" alt="Channel 4 Team">
        <figcaption class="ImageBlock-item">Sketching from lo-fi to hi-fi</figcaption>
    </figure>
    <!--/.ImageBlock-->

    <div class="TextBlock">

        <div class="Prose">
            <h2>Misconception 1: Transitioning to “Agile” will solve our problems.</h2>
            <p>The agile manifesto was born out of a frustration with traditionally managed projects. But I don’t think it solved the problem. It actually created another one. I’ve seen teams and organisations go from waterfall, which reduces their ability
                to compete in the market and deliver value, to dysfunction and paralysis when implementing agile.</p>
            <p>That’s largely due to the various interpretations of the manifesto borne of misunderstanding. Bottom-up as well as top-down support is needed in order for a successful agile transformation to take place in any organisation.</p>
            <p>The agile manifesto was born out of a frustration with traditionally managed projects. But I don’t think it solved the problem. It actually created another one. I’ve seen teams and organisations go from waterfall, which reduces their ability
                to compete in the market and deliver value, to dysfunction and paralysis when implementing agile.</p>
            <p>That’s largely due to the various interpretations of the manifesto borne of misunderstanding. Bottom-up as well as top-down support is needed in order for a successful agile transformation to take place in any organisation.</p>
        </div>

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

    <div class="Ch4DisplayCase">
        <div class="Ch4DisplayCase-wrapper">

            <img class="Ch4DisplayCase-chimney" src="/assets/img/work/ch4/display-case/header.png" alt="Channel 4 website screen shots">

            <div class="TextBlock Textblock--wide Prose">
                <h2>How do you conduct the visual design with such a strong existing brand?</h2>
                <p>Once we’d prioritised the content, we set about creating a visual design to support it. Some of the site’s visual direction was influenced by the design of the news studio itself. We created more white space, bolder typography, and Channel
                    4 inspired iconography to showcase the journalism.</p>
                <p>In addition to our responsive overhaul, Channel 4 was also keen to to refresh the design of the site. Since our initial engagement, the show’s identity had been successfully updated and the new visual language was incorporated into the
                    relaunch. The departure from the strong, solid colouring towards a more restrained, subtle palette employing generous white-space was designed to provide a simple canvas that allows the content to take centre stage.</p>
            </div>
            <!--/.Textblock-->

            <img class="ImageBlock" src="/assets/img/work/ch4/display-case/ch4-homepage.jpg" alt="Channel 4 home page">
            <img class="ImageBlock" src="/assets/img/work/ch4/display-case/ch4-homepage-2.jpg" alt="Channel 4 bottom of home page">

            <blockquote class="Quote">
                John Snow didn't tweet or blog before this. Because of the site redesign, the team started thinking about news in a new way.
                <div class="Quote-citation"><span>James Box</span>
                </div>
                <!--/.Quote-citation-->
            </blockquote>
            <!--/.Quote-->

        </div>
        <!--/.DisplayCase-wrapper-->
    </div>
    <!--/.DisplayCase-->
    <img class="ImageBlock ImageBlock--short" src="/assets/img/work/ch4/ch4-team.png" alt="Channel 4 Team">

    <div class="Trio Trio--stacked Trio--inverted Trio--channel4 Trio--chimney">
        <div class="Trio-wrapper">
            <h2 class="Trio-title Heading Heading--main">The Results</h2>
            <div class="Trio-collection">
                <div class="Trio-item">
                    <div class="Trio-description">
                        <h3 class="Trio-itemHead Heading Heading--small">Change in behaviour.</h3>
                        <p>Radically improve existing products and services, or create them from scratch. Optimise a key interaction to get big results, give your website a new lease of life, or work with the team to conceive, create and build on an entirely
                            new idea.</p>
                    </div>
                </div>
                <!--/.Trio-item-->
                <div class="Trio-item Trio-item--rebel">
                    <div class="Trio-description">
                        <h3 class="Trio-itemHead Heading Heading--small">Get clear on your strategy</h3>
                        <p>You might need a targeted intervention, to unpick a thorny problem, or a fresh perspective on your process. Our strategists work with you to research and develop an appropriate digital strategy that integrates with your organisation.</p>
                    </div>
                </div>
                <!--/.Trio-item-->
                <div class="Trio-item">
                    <div class="Trio-description">
                        <h3 class="Trio-itemHead Heading Heading--small">Transform your digital culture</h3>
                        <p>Upskill your team, develop your processes, integrate design thinking and introduce new habits. By working closely with the Clearleft team as part of your in-house process, or in a bespoke workshop setting, you get an external perspective
                            that’s directly relevant to your needs.</p>
                    </div>
                </div>
                <!--/.Trio-item-->
            </div>
            <!--/.Trio-collection-->
        </div>
        <!--/.Trio-wrapper-->
    </div>
    <!--/.Trio-->

    <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">
    <div class="Hello-container">
        <figure class="Hello-image">
            <img src="" alt="">
            <figcaption></figcaption>
        </figure>
        <div>
            <h3 class="Hello-title Heading Heading--inverted Heading--medium">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 Cols">
        <div class="Cols-half Cols-item">
            <div class="InputGroup">
                <form action="https://tinyletter.com/clearleft" method="post">
                    <input type="hidden" value="1" name="embed">
                    <label class="InputGroup-label Heading Heading--body" for="">Feed your curiosity.</label>
                    <div class="Input InputGroup--combo">
                        <input class="InputGroup-field" type="email" name="email" placeholder="" id="" />
                        <button type="submit" class="InputGroup-submit">Get the Clearletter</button>
                    </div>
                    <!--/.InputGroup-->
                </form>
            </div>
            <!--/.InputGroup-->
            <small class="Heading Heading--context"></small>
        </div>
        <!--/.SiteFooter-container-->
        <div class="Cols-half Cols-item">
            <nav class="SiteFooter-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>
        <!--/.Cols-half-->
        <div class="Cols-item SiteFooter-small">
            &copy; 2005‑now Clearleft Ltd. All rights reserved.
        </div>
        <!--/.SiteFooter-small-->
    </div>
    <!--/.Cols-->
</footer>
<!--/.SiteFooter-->
{% include '@ch4-project' %}

<div class="Background Background--grey">
    {% include '@voice' %}
</div>

<main>
    {% include '@scene' %}

    {% include '@image-block' %}

    {% include '@text-block' %}

    {% include '@quote' %}

    {% include '@image-block--right-caption' with {imageBlockModifier: '--rightCaption', imageBlockCaption: 'Sketching from lo-fi to hi-fi', imageBlockSrc: '/assets/img/work/ch4/sketching-lo-hi.jpg'} %}

    {% include '@text-block' %}

    {% include '@ch4-display-case' %}

    {% include '@image-block--short' with {imageBlockModifier: '--short', imageBlockCaption: false, imageBlockSrc: '/assets/img/work/ch4/ch4-team.png'} %}

    {% include '@trio' %}

    {% 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": "#"
    }
  ],
  "primaryNavModifiers": [
    "--inverted",
    "--crayola-red"
  ],
  "logoModifiers": [
    "--inverted",
    "--crayola-red"
  ],
  "segmentOne": "Our Work",
  "segmentTwo": "Channel 4",
  "breadcrumbModifier": "--inverted",
  "voiceDescription": "We’re in the news room, in the centre of all the activity, watching the team capture, edit, and share events from all over the world.  It’s fast-moving, exciting, and iterative. In that moment, I realised that we could also design in a way that harnesses that same excitement.",
  "voiceCite": "James Box, UX Director, Team lead",
  "voicePersonSrc": "/assets/img/team/voice/graham.png",
  "voicePersonAlt": "Graham Smith",
  "metas": [
    {
      "metadataHeading": "What we did",
      "metadataPill": true,
      "items": [
        {
          "metadata": "Strategy"
        },
        {
          "metadata": "UX Design"
        },
        {
          "metadata": "Visual Design"
        }
      ]
    },
    {
      "metadataHeading": "Our team",
      "items": [
        {
          "metadata": "Bianka Daniel, Human Research Designer"
        },
        {
          "metadata": "Providenci Hammes, Human Research Officer"
        },
        {
          "metadata": "Joanny Heathcote, Dynamic Mobility Officer"
        },
        {
          "metadata": "Moshe Gerlach, Dynamic Interactions Technician"
        }
      ]
    },
    {
      "metadataHeading": "something",
      "items": [
        {
          "metadata": "aasdasd"
        },
        {
          "metadata": "baasdr"
        }
      ]
    }
  ],
  "sceneHeading": "The challenge for the Channel 4 News Room",
  "sceneProse": "\n            <p>We had worked with Channel 4 News before, designing their mobile apps and refreshing their website, but this was the biggest challenge yet.\n            We needed to find tiny ways to make big changes to a vast eco-system of content production to make it more suitable for mobile consumption.\n            Not only did the new website need to adapt to many devices and screen sizes, it needed to adapt to the fast-paced way the news itself gets\n            produced.</p>\n            <p>Channel 4 and ITN work together to deliver the news, which means there are lots of people involved at each stage. They have an enormous responsibility to the\n            public but their online strategy didn’t reflect the many ways in which news is captured and consumed. The Channel 4 news team have a passion\n            for the power of journalism, so together we set out to design a way to convey that passion on the web.</p>\n        ",
  "ch4Modifier": "--stage",
  "ch4Context": null,
  "ch4Title": "Focus on the intelligent story.",
  "ch4MainSrc": "/assets/img/work/ch4/c4-mag-glass.png",
  "ch4Description": "How could our small team make any impact on the giant eco-system of content in Channel 4’s News Room? This is a story of how small changes make a big difference.",
  "ch4LogoSrc": "/assets/img/work/ch4/ch4-logo.svg",
  "ch4LogoAlt": "ch4 logo",
  "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            <h2>Misconception 1: Transitioning to “Agile” will solve our problems.</h2>\n            <p>The agile manifesto was born out of a frustration with traditionally managed projects. But I don’t think it solved the problem. It actually created another one. I’ve seen teams and\n            organisations go from waterfall, which reduces their ability to compete in the market and deliver value, to dysfunction and paralysis when implementing agile.</p>\n            <p>That’s largely due to the various interpretations of the manifesto borne of misunderstanding. Bottom-up as well as top-down support is needed in order for a successful agile transformation to take place in any organisation.</p>\n            <p>The agile manifesto was born out of a frustration with traditionally managed projects. But I don’t think it solved the problem. It actually created another one. I’ve seen teams and organisations go from waterfall, which reduces their ability to compete in the market and deliver value, to dysfunction and paralysis when implementing agile.</p>\n            <p>That’s largely due to the various interpretations of the manifesto borne of misunderstanding. Bottom-up as well as top-down support is needed in order for a successful agile transformation to take place in any organisation.</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",
  "trioItems": [
    {
      "heading": "Change in behaviour.",
      "imageSrc": "/assets/img/icons/heart-speech.svg",
      "text": "Radically improve existing products and services, or create them from scratch. Optimise a key interaction to get big results, give your website a new lease of life, or work with the team to conceive, create and build on an entirely new idea."
    },
    {
      "trioItemModifier": "--rebel",
      "heading": "Get clear on your strategy",
      "imageSrc": "/assets/img/icons/heart-speech.svg",
      "text": "You might need a targeted intervention, to unpick a thorny problem, or a fresh perspective on your process. Our strategists work with you to research and develop an appropriate digital strategy that integrates with your organisation."
    },
    {
      "heading": "Transform your digital culture",
      "imageSrc": "/assets/img/icons/heart-speech.svg",
      "text": "Upskill your team, develop your processes, integrate design thinking and introduce new habits. By working closely with the Clearleft team as part of your in-house process, or in a bespoke workshop setting, you get an external perspective that’s directly relevant to your needs."
    }
  ],
  "trioHeading": "The Results",
  "trioModifiers": [
    "--stacked",
    "--inverted",
    "--channel4",
    "--chimney"
  ],
  "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>\n        ",
  "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": "Feed your curiosity.",
  "inputGroupSubmit": "Get the Clearletter",
  "inputModifier": "--combo",
  "siteFooterSmall": "&copy; 2005‑now Clearleft Ltd. All rights reserved."
}

There are no notes for this item.