Sometimes articles may be grouped into newsletters or editions. In these cases, there needs to be an organizing page for all of the collected content. Some articles are parts of “editions” – a collection of articles grouped thematically.

<header class="hero-insights">
    <div class="container">
        <div class="row">
            <div class="col-12 col-xl-9">
                <a href="https://www.willistowerswatson.com/en-US/Insights/all-insights#sort=%40fdate13762%20descending&amp;f:@articlez45xcontentz45xtype=[Article]" class="hero-insights__eyebrow category" aria-label="Content type, Article, Click to see all Article by Willis Towers Watson" data-eventaction="Article Eyebrow Clicked" data-eventcategory="Navigation - Article Eyebrow" data-eventlabel="Category: Article">
                    Edition Overview
                </a>

                <h1 class="heading-1">Global Markets Overview – May 2021</h1>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-12 col-xl-8">
                <p class="hero-insights__meta">
                    May 7, 2021
                </p>
                <div class="hero-insights__overview text-faded">
                    May’s edition of Global Markets Overview highlights the additional tariffs in the US-China trade war, and certain EZ members announce a moderate fiscal stimulus. </div>
                <div class="col-12 col-md-4 col-xl-2 offset-xl-1">
                    <a href="" data-eventlabel="Publication: Investments Quarterly ideas Exchange" aria-label="Subscribe; click to navigate to subscription page" rel="noopener noreferrer" class="btn btn-lg btn-block btn-primary arrow-link text-white" data-eventcategory="Page Interaction - Subscribe Button Clicked" data-eventaction="Subscribe Button Clicked" target="_blank">Subscribe<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
                    </a>
                </div>
                <div id="solutiontag" class="d-none">Investments</div>
                <div id="topictag" class="d-none">N/A</div>
            </div>
        </div>
</header>
<main>
    <section class="hero-insights__image">
        <div class="full-width-image" style="background-image: url('https://media.wtwco.com/-/media/WTW/Brand-1610/Aerial/GettyImages-129991559-1610.jpg')">

    </section>

    <section class="container">
        <div class="row">
            <div class="col-12 col-xl-6 offset-xl-2">
                <!-- WTW START -->
                <h2>The challenge</h2>
                <hr class="horizontal-rule--thick horizontal-rule--dark">

                <p>In keeping with its longstanding commitment to business success and social progress (Danone’s dual project), Danone sought to play a key role in the food revolution. Consequently, it embarked on the “One Planet. One Health” vision to transform its business model by focusing on local sourcing and sustainable food systems.</p>

                <div class="float-xl-left left-peeking">
                    <div class="row about-module-container d-block clearfix mb-3">
                        <!--Code Box-->
                        <div class="d-block w-100">
                            <svg class="ml-5" xmlns="http://www.w3.org/2000/svg" width="59" height="19">
                                <rect width="59" height="19" style="fill:rgb(255,255,255);stroke-width:7;stroke:rgb(242,242,242)"></rect>
                            </svg>
                        </div>
                        <!--end code box-->

                        <div class="about-module bg-wtw-digital-light-gray p-4 m-3 mb-4 d-block">
                            <div class="float-right">
                                <!-- ensure data-target, aria-controls match the id of the expanded block below-->
                                <button class="btn btn-expand m-0 p-0 collapsed" type="button" data-toggle="collapse" data-target="#about-expanded-example" aria-expanded="false" aria-controls="about-expanded-example" aria-label="Click to expand or collapse about this survey"> <i class="material-symbols-outlined about-open">add</i>
                                    <i class="material-symbols-outlined about-close">close</i>
                                </button>
                            </div>
                            <!-- change label or delete if not needed -->
                            <p class="font-mono-small font-weight-semibold m-0 p-0 mb-2">Unlock More</p>
                            <!-- change heading -->
                            <p class="heading-4">Who are Danone?</p>
                            <div id="about-expanded-example" class="about-expanded collapse">
                                <!-- add content here in <p> tags or unordered lists-->
                                <p>Dedicated to bringing health through food to as many people as possible, Danone is a leading global food &amp; beverage company. With over 100,000+ employees across 55+ countries serving 120 markets and 900 million people, Danone aims to inspire healthier and more sustainable eating and drinking practices in line with its “One Planet. One Health” vision.</p>
                            </div>
                        </div>

                        <!--Code Box-->
                        <div class="d-block w-100">
                            <svg class="float-right mr-5" xmlns="http://www.w3.org/2000/svg" width="99" height="32">
                                <rect width="99" height="32" style="fill:rgb(255,255,255);stroke-width:7;stroke:rgb(242,242,242)"></rect>
                            </svg>
                            <!--end code box-->
                        </div>

                    </div>
                </div>

                <p> In 2018, Danone expanded this frame of action by establishing a set of strategic goals for 2030 that were aligned with the UN’s sustainable development goals. Danone’s goals ranged from responsible consumption and production to climate action and advocating for decent working conditions and economic growth. Danone’s leaders quickly recognized that to unleash the innovation required to meet these ambitious goals, it was essential to entrust and empower all 100,000+ employees to play an active role in co-building Danone’s future.</p>

                <p>Every year, employees are given a chance to share their convictions and propose their ideas through the One Planet. One Health frame of action. But to put employees at the center of this journey, Danone needed to rethink its employee experience. Danone executives regarded employee engagement as the engine that helps a company deliver in challenging times and keep its promise to consumers. As a result, they aimed to drive higher levels of engagement by better understanding the characteristics of a high-performance employee experience. In addition, they sought to develop the capabilities needed to effectively capture and analyze insights from a 100,000+ employee workforce.</p>
                <p>Danone turned to WTW to help build a more robust employee engagement experience and improve its ability to harness innovative ideas from across the workforce, to progress on its sustainable development goals in an inclusive way.</p>
                <hr>
                <h2>The approach</h2>
                <hr class="horizontal-rule--thick horizontal-rule--dark">
                <p>WTW consultants helped Danone chart a path to engage and empower its employees to play a part in the food revolution. Based on insights from the Danone People Survey, Danone leaders were able to identify the factors that matter most in crafting an enhanced employee experience, and pinpoint the gaps between their global vision for the company and the action plans at the local level. In particular, employees needed to develop trust in leadership and have a better sense of their individual &amp; collective impact.</p>
                <p>With a renewed understanding of critical employee experience factors, and recognizing that employees go the extra mile if they believe in what they do, Danone executives decided to give employees the ability to co-own the company’s agenda and co-build the company’s future. To realize this ambition, Danone’s <em>Culture &amp; Engagement Team</em> designed a new program – “One Person, One Voice, One Share” – which allowed employees to play a key role in shaping programs, on both a local and a global level, that would help Danone meet its 2030 goals. The yearly program is an innovative engagement and governance strategic routine, executed in four stages:</p>

                <ol class="row stylized-list mb-0">
                    <li class="col-12 stylized-list__item mb-0">
                        <p class="stylized-list__number">01</p>
                        <h4>Inform</h4>
                        <p>Employees participated in training and learning activities to better understand the company’s vision and 2030 Goals, and were empowered with proofpoints of how Danone had progressed over the course of the year. This is an essential step in preparing employees to be active contributors on local and global teams.</p>
                    </li>
                </ol><!-- WTW END -->
            </div>

            <aside class="col-12 col-xl-4">

                <a href="https://www.wtwco.com/en-US/Insights/campaigns/breakthrough-research-on-employee-experience" target="" class="mb-5 featured-callout">
                    <p class="font-mono-small featured-callout__eyebrow">Research</p>
                    <h2 class="featured-callout__title">Take your employee experience to the next level</h2>
                    <p class="heading-5 featured-callout__date">Download WTW’s breakthrough employee experience research.</p>
                    <span class="arrow-link">
                        Start here
                        <i class="material-symbols-outlined d-lg-inline-block" aria-hidden="true">
                            arrow_forwardrow_right
                        </i>
                    </span>
                </a>

                <blockquote class="quote">
                    <i class="heading-4 quote__icon">
                        <span class="heading-4 quote__icon" style="margin-top: 30px; margin-bottom: 0px; letter-spacing: -0.4px; color: #212529;"></span>
                    </i>
                    <p class="heading-4">
                        Danone’s people insights are at the core of our journey. This is a truly inclusive and transparent program that inspires creativity and trust, and that drives growth.”
                    </p>
                    <cite class="font-mono-small font-weight-semibold">
                        Anne-Claire Berg VP, <br>
                        Culture and Engagement, Danone </cite>
                    <span class="quote__block"></span>
                </blockquote>

            </aside>
        </div>
    </section>

    <section class="container">
        <div class="row">
            <div class="col-12 col-xl-6 offset-xl-2">
                <!-- WTW START -->
                <ol class="row stylized-list mb-0">
                    <li class="col-12 stylized-list__item">
                        <p class="stylized-list__number">02</p>
                        <h4>Listen</h4>
                        <p>An employee-wide consultation using the WTW survey platform was conducted, enabling all employees to provide feedback, convictions, and ideas on how Danone could reach its 2030 Goals. In addition to being a feedback exercise, this survey helped the company gauge employee engagement in the journey. Danone believes that it is essential for everyone, from the frontline employees on the ground to the executives, to contribute to value creation in every local market.</p>
                    </li>
                    <li class="col-12 stylized-list__item">
                        <p class="stylized-list__number">03</p>
                        <h4>Impact</h4>
                        <p>Using the WTW analytics tool, groups of local employee volunteers work together in every site to analyze their results in a locally anchored process. They use the findings to fuel their local business plans and make recommendations for the global agenda. In this inclusive &amp; transparent process, volunteers work with Leadership Teams to help integrate the survey insights and recommendations into Danone’s global strategy in a relevant way.</p>
                    </li>
                    <li class="col-12 stylized-list__item mb-0">
                        <p class="stylized-list__number">04</p>
                        <h4>Walk the talk</h4>
                        <p>Twice a year, the One Voice squad (made up of 42 One Voice volunteers from around the world) meet with the Engagement Committee (Board of Directors) and the Executive Committee to discuss employee insights. Through this ritual, they are entrusted to carry the voices of their peers to top management. During an annual event – Danone Day – employees across the globe get a closer look at the concrete business impacts of their collective insights. </p>
                    </li>
                </ol>

                <p>This new people-powered approach to innovation and the accompanying governance model has positioned Danone to advance its sustainable development goals. To reinforce the notion of co-ownership in the company’s future, each employee was granted one free share in Danone along with the ability to participate in a global annual dividend-based incentive scheme. </p>

                <hr>
                <h2>The results</h2>
                <hr class="horizontal-rule--thick horizontal-rule--dark">

                <p>In the last edition of the ‘One Voice’ survey, more than 86,000 Danone employees participated, sharing their ideas and suggestions for advancing the food revolution. Danone’s “One Person, One Voice, One Share” program delivered many positive results on both global and local levels.</p>
                <p>Over the years, employee insights have catalysed global impact across the company, including:</p>
                <ul>
                    <li>The acceleration of Danone’s B-Corp certification process, whereby the completion deadline was moved up to 2025 from 2030 (B-Corp certified companies must meet rigorous social and environmental performance standards).</li>
                    <li>A €2 billion investment in a climate initiative that will accelerate already robust plans.</li>
                    <li>The adoption of the French legal framework of <em>"Entreprise à Mission”</em> that allows Danone to create sustainable value for all stakeholders, not just for shareholders.</li>
                </ul>
                <p>On a local level, employee convictions and ideas drove innovation in various areas, including:</p><!-- WTW END -->
            </div>

            <aside class="col-12 col-xl-4">

                <div class="card inline-media sr-reveal inline-media--video inline-media--video-small">
                    <div class="inline-media__video-container sr-reveal-video">
                        <div style="position: relative; display: block; max-width: 100%;">
                            <div style="padding-top: 56.25%;">
                                <video data-account="5728959027001" data-video-id="6208309806001" data-player="HJUdFfTmQ" data-embed="default" data-application-id class="video-js" controls style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;"></video>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="card-title mb-0 font-weight-semibold font-mono">Danone's success story</div>
                        <p class="card-text font-p-small">VThe Work Revolution Virtual Conference 2020: Redefining our experience of work</p>
                    </div>
                </div>

            </aside>
        </div>
    </section>

    <section class="container">
        <div class="row">
            <div class="col-12 col-xl-6 offset-xl-2">
                <!-- WTW START -->
                <ul>
                    <li>The opening of a new research and innovation center in China to better meet the needs of this emerging market.</li>
                    <li>The creation of more purposeful “Manifesto” brands that champion causes, support communities by donating products to food banks and partner with local organizations to help the underprivileged.</li>
                    <li>The adjusting of ways of working, in particular in the face of COVID-19. Employees had been very vocal in highlighting the challenge of new ways of working – for example, working remotely. In response, Danone launched its “Stay Strong, Stay Safe” campaign that involves conducting bimonthly global pulse surveys asking all employees if they feel supported, what the company can do to provide better support and whether employees believe they are contributing to the mission of the company. The insights from the pulse survey are helping Danone to support its employees better and to find new ways of being more efficient.</li>
                </ul>
                <p>Through its ground-breaking “One Person, One Voice, One Share” program, Danone upended commonly held notions of the contributions employees can make to advance a company’s business agenda by allowing employees to co-own that agenda. The program is so successful that the all-employee survey is now administered on an annual basis to ensure that employee insights continue to power innovation and propel Danone on its journey to its 2030 sustainable development goals.</p><!-- WTW END -->
                <div class="people mb-5">
                    <h5>
                        Author </h5>
                    <hr class="mb-4 horizontal-rule--thick">
                    <div class="media">
                        <img src="https://media.wtwco.com/-/media/WTW/Authors/Yves-Duhaldeborde-232x232.jpg" class="mr-4 people__person-image" aria-hidden="true" alt="">
                        <div class="media-body">
                            <div class="font-mono font-weight-semibold">
                                <a href="https://www.wtwco.com/en-US/Insights/all-insights#sort=%40fdate13762%20descending&amp;f:@authors=[Yves%20Duhaldeborde]">

                                    <!-- WTW START -->
                                    Yves Duhaldeborde
                                    <!-- WTW END -->
                                </a>
                            </div>
                            <div class="font-p-small">Senior Director – Talent and Rewards</div>
                            <div class="font-p-small">
                                <a href="mailto:yves.duhaldeborde@wtwco.com" class="font-weight-bold" aria-label="Click to email Yves Duhaldeborde">
                                    Email
                                </a>
                                |
                                <a href="tel:+44 20 7170 3729" class="font-weight-bold" aria-label="Click to call Yves Duhaldeborde">
                                    +44 20 7170 3729
                                </a>
                            </div>
                        </div>
                    </div>
                    <hr class="my-4">
                </div>

            </div>

            <aside class="col-12 col-xl-4">

                <a class="card related-content-card float-left mr-3 related-content-card--aside" href="https://www.wtwco.com/en-US/Insights/2021/07/2021-employee-experience-survey">
                    <div class="related-content-card__img-container">
                        <img src="https://media.wtwco.com/-/media/WTW/Brand-1610/GettyImages-1162928068-1610.jpg" class="card-img-top" alt="">
                    </div>
                    <div class="card-body">
                        <div class="related-content-card__eyebrow font-mono-small font-weight-semibold mb-2">
                            Survey Report
                        </div>
                        <h4 class="card-title">
                            2021 Employee Experience Survey
                        </h4>
                    </div>
                </a>

            </aside>
        </div>
    </section>

    <section class="container">
        <div class="row">
            <div class="col-12 col-xl-6 offset-xl-2">
                <div class="mb-5">
                    <span class="sr-only">Related content tags, list of links</span>
                    <a href="https://www.wtwco.com/en-US/Insights/all-insights#sort=%40fdate13762%20descending&amp;f:@articlez45xcontentz45xtype=[Success%20Story]" class="badge badge-light article-related-tag">Success Story</a>
                    <a href="https://www.wtwco.com/en-US/Insights/all-insights#sort=%40fdate13762%20descending&amp;f:@publication=[EX%20Insights]" class="badge badge-light article-related-tag">EX Insights</a>
                    <a href="https://www.wtwco.com/en-US/Insights/all-insights#sort=%40fdate13762%20descending&amp;f:@solution=[Employee%20Engagement]" class="badge badge-light article-related-tag">Employee Engagement</a>
                    <a href="https://www.wtwco.com/en-US/Insights/all-insights#sort=%40fdate13762%20descending&amp;f:@solution=[Talent]" class="badge badge-light article-related-tag">Talent</a>

                </div>

            </div>
        </div>
    </section>

    <section class="container mb-5">
        <div class="row">
            <div class="col-12 col-md-10 col-xl-6">
                <h2>Related Capabilities</h2>
                <p class="font-p-large text-faded my-3"></p>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-md-4 col-xl-4">
                <div class="related-matrix-item">
                    <div class="related-matrix-item__img-wrapper d-none d-md-block">
                        <a href="https://www.wtwco.com/en-US/Solutions/employee-engagement" tabindex="-1" title="Employee Engagement" aria-hidden="true">
                            <picture>
                                <source media="(max-width: 767px)" srcset="https://media.wtwco.com/-/media/Feature/Resources/Images/icons/hide.png?modified=20200414150518&amp;imgeng=meta_true">
                                <img src="https://media.wtwco.com/-/media/WTW/Brand-1610/People/GettyImages-527270693-1610.jpg" aria-hidden="true" class="related-matrix-item__img" role="presentation" alt="Woman smiling holding her mobile phone">
                            </picture>
                        </a>
                    </div>
                    <div class="related-matrix-item__heading heading-5">
                        <a href="https://www.wtwco.com/en-US/Solutions/employee-engagement" class="related-matrix-item__link">Employee Engagement</a>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-4 col-xl-4">
                <div class="related-matrix-item">
                    <div class="related-matrix-item__img-wrapper d-none d-md-block">
                        <a href="https://www.wtwco.com/en-US/Solutions/services/employee-surveys" tabindex="-1" title="Employee Surveys" aria-hidden="true">
                            <picture>
                                <source media="(max-width: 767px)" srcset="https://media.wtwco.com/-/media/Feature/Resources/Images/icons/hide.png?modified=20200414150518&amp;imgeng=meta_true">
                                <img src="https://media.wtwco.com/-/media/WTW/Solutions/patterns/Magenta_Arrows-Right_code04.svg?modified=20190424160746&amp;imgeng=meta_true&amp;la=en-US&amp;mw=810&amp;hash=189DAFDAA43EC8A730BB1008274745B9" class="related-matrix-item__img" role="presentation" aria-hidden="true" alt="">
                            </picture>
                        </a>
                    </div>
                    <div class="related-matrix-item__heading heading-5">
                        <a href="https://www.wtwco.com/en-US/Solutions/services/employee-surveys" class="related-matrix-item__link">Employee Surveys</a>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-4 col-xl-4">
                <div class="related-matrix-item">
                    <div class="related-matrix-item__img-wrapper d-none d-md-block">
                        <a href="https://www.wtwco.com/en-US/Solutions/services/total-rewards-optimization" tabindex="-1" title="Total Rewards Optimization" aria-hidden="true">
                            <picture>
                                <source media="(max-width: 767px)" srcset="https://media.wtwco.com/-/media/Feature/Resources/Images/icons/hide.png?modified=20200414150518&amp;imgeng=meta_true">
                                <img src="https://media.wtwco.com/-/media/WTW/Solutions/patterns/Blue_Diagonal-Right_code04.svg?modified=20190424160709&amp;imgeng=meta_true&amp;la=en-US&amp;mw=810&amp;hash=570B7A3885C706A01642758EFDA59684" class="related-matrix-item__img" role="presentation" aria-hidden="true" alt="">
                            </picture>
                        </a>
                    </div>
                    <div class="related-matrix-item__heading heading-5">
                        <a href="https://www.wtwco.com/en-US/Solutions/services/total-rewards-optimization" class="related-matrix-item__link">Total Rewards Optimization</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="insights" class="related-content py-lg-5  ">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-9">
                    <h2 class="mb-md-4 mb-lg-5">
                        Related Insights </h2>
                </div>
                <div class="col-12 col-md-3 text-md-right">

                    <a href="http://www.wtwco.com/en-US/Insights/all-insights" class="btn btn-link arrow-link px-0 mb-2 mb-md-0 mt-md-2" aria-label="See all Insights; click to see all insights from WTW">
                        See All Insights
                        <i class="material-symbols-outlined" aria-hidden="true">arrow_forwardrow_right</i>
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="related-content__carousel clearfix slick-initialized slick-slider slick-dotted">
                        <div class="slick-list draggable">
                            <div class="slick-track" style="opacity: 1; width: 15000px; transform: translate3d(0px, 0px, 0px);"><a class="card related-content-card float-left mr-3 slick-slide slick-current slick-active" href="https://www.wtwco.com/en-US/Insights/2021/04/what-is-employee-engagement" data-slick-index="0" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide00" aria-describedby="slick-slide-control00" style="height: 465px;">
                                    <div class="related-content-card__img-container">
                                        <img src="https://media.wtwco.com/-/media/WTW/Brand-1610/GettyImages-1146500509-1610.jpg" class="card-img-top" alt="Business team talking and smiling during a meeting">
                                    </div>
                                    <div class="card-body">
                                        <div class="related-content-card__eyebrow font-mono-small font-weight-semibold mb-2">
                                            Article
                                        </div>
                                        <span class="card-title heading-5">
                                            What is employee engagement?
                                        </span>
                                    </div>
                                </a><a class="card related-content-card float-left mr-3 slick-slide slick-active" href="https://www.wtwco.com/en-US/Insights/2021/04/what-drives-employee-engagement" data-slick-index="1" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide01" style="height: 465px;">
                                    <div class="related-content-card__img-container">
                                        <img src="https://media.wtwco.com/-/media/WTW/Brand-1610/GettyImages-1132119291-1610.jpg" class="card-img-top" alt="Multi-ethnic business team having a standing meeting in office">
                                    </div>
                                    <div class="card-body">
                                        <div class="related-content-card__eyebrow font-mono-small font-weight-semibold mb-2">
                                            Article
                                        </div>
                                        <span class="card-title heading-5">
                                            What drives employee engagement?
                                        </span>
                                    </div>
                                </a><a class="card related-content-card float-left mr-3 slick-slide slick-active" href="https://www.wtwco.com/en-US/Insights/2021/05/why-is-employee-engagement-important" data-slick-index="2" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide02" style="height: 465px;">
                                    <div class="related-content-card__img-container">
                                        <img src="https://media.wtwco.com/-/media/WTW/Brand-1610/GettyImages-1084168538-1610.jpg" class="card-img-top" alt="Business colleagues in meeting with disabled female sitting on desk">
                                    </div>
                                    <div class="card-body">
                                        <div class="related-content-card__eyebrow font-mono-small font-weight-semibold mb-2">
                                            Article
                                        </div>
                                        <span class="card-title heading-5">
                                            Why is employee engagement important?
                                        </span>
                                    </div>
                                </a></div>
                        </div>

                    </div>
                    <div class="related-content__carousel-controls d-flex align-items-center justify-content-center justify-content-md-start mb-lg-2">
                        <button class="related-content__carousel-prev slick-arrow slick-hidden" aria-disabled="true" tabindex="-1">
                            <i class="material-symbols-outlined">keyboard_arrow_left</i>
                        </button>
                        <div class="related-content__carousel-dots mx-2">
                            <ul class="slick-dots" role="tablist">
                                <li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 1" tabindex="0" aria-selected="true">1<div class="slick-fake-dot"></div>
                                        <div class="slick-fake-dot"></div>
                                        <div class="slick-fake-dot"></div>
                                    </button></li>
                            </ul>
                        </div>
                        <button class="related-content__carousel-next slick-arrow slick-hidden">
                            <i class="material-symbols-outlined" aria-hidden="true">keyboard_arrow_right</i>
                        </button>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <div class="contact-us__wrapper">
        <a href="https://www.wtwco.com/en-US/Contact-Us" class="contact-us__button" aria-label="Button, contact WTW, click to navigate to a contact form page">
            <img src="/images/contact-us.svg" class="img-fluid" alt="Contact us" aria-hidden="true"><span class="sr-only">Contact Us</span>
        </a>
    </div>
</main>
<script src="/js/brightcove/HJUdFfTmQ_default/index.min.js"></script>

Use the wireframe key to analyze the wireframes below. Some of the mandatory/optional components will change across types of insights.

Key:

alt text

For an edition landing page/overview, the wireframe below provides guidance on components and order. Note the use of the Table of Contents snippet and – if the introductory text is long enough – a “jump to table of contents” link.

The two body text components aren’t connected above only to distinguish optional vs. mandatory components. Feel free to put all rich text into one single body text component.

Below is an example of an article as part of an edition. Note that the only component that makes this different than the standard generic wireframe is the mandatory Table of Contents dropdown – or – Related Matrix list of links – this helps navigation across different pages. If there are fewer than 7 articles/insights in your edition, use the related matrix with the title “Table of Contents” instead of “Related Insights”…

If there are more than 7 articles/insights in the edition, use the Table of Contents dropdown.

Always follow WCAG 2.1 AA.

To create an edition page, use the following:

  • Standard intro paragraph
  • Jump link to the table of contents
  • More text (if applicable) about the overall edition, etc.
  • Table of Contents ordered list

Multiple molecules and organisms come together to make an edition / newsletter page.

Here’s an example (below) of an edition of Decode Cyber Brief, and a live version of an edition landing page.

Note how the above article relates to deeper content. Clicking the article in the edition page sends the user to the deeper page (view a live example). Similar page structure, but different molecules and organisms are used to create this layout.

Sample Design

Content Editor Specs