https://shorthand.com/component---src-pages-case-studies-el-periodico-tsx-be76d6c9ad38131382a2.js

1"use strict";(self.webpackChunk_shorthand_marketing=self.webpackChunk_shorthand_marketing||[]).push([[922],{29831:function(e,t,i){i.d(t,{Z:function(){return s},i:function(){return a}});const a=(e,t)=>{const{allCaseStudiesJson:i}=e,{edges:a}=i,s=a.find(e=>e.node.jsonId===t);return a.filter(e=>e.node.industryCode===s.node.industryCode)},s=e=>(e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).replace(new RegExp("shorthand","gi"),e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase())},88897:function(e,t,i){i.d(t,{t:function(){return c}});var a=i(38855),s=i(71763),o=i(74851);const c=({children:e,header:t=!0})=>s.createElement("div",null,s.createElement("div",{className:"body-shorthand body-marketing body-marketing-home body-light hide-elevio"},t&&s.createElement(a.Y,{theme:"light-theme"})),s.createElement("div",{className:(0,o.Q)(t&&"tw-pt-[46px] max-lg:tw-pt-0")},e))},99461:function(e,t,i){i.d(t,{x:function(){return n}});var a=i(1325),s=i(47124),o=i(71763);const c=({item:e})=>{let t="card card-case-study text-center col-sm-12 col-md-4";t=`${t} ${e.industryCode}`;const i=(0,s.c)(e.imageFile);return o.createElement("li",{key:`more-case-studies-${e.jsonId}`,className:t},o.createElement(a.Link,{to:`/case-studies/${e.jsonId}/`,className:"bordered unstyled","aria-label":`Case study: ${e.summary}`},i&&o.createElement(s.G,{image:i,alt:"",className:"tw-aspect-[4/3] tw-w-full",sizes:"(min-width: 768px) 33vw, 100vw",imgStyle:{objectFit:"cover"},loading:"lazy"}),o.createElement("div",{className:"tw-text-lg` !tw-pt-4 tw-font-semibold"},e.organisation),o.createElement("div",{className:"tw-p-2 tw-text-base"},e.summary)))},n=({studies:e})=>{const t=function(e,t){if(e.length<=t)return e;const i=[...e],a=[];for(;t-- >0;){const e=Math.floor(Math.random()*i.length);a.push(i.splice(e,1)[0])}return a}(e,3);return o.createElement("div",{className:"row showcase text-center "},o.createElement("div",{className:"col-12 col-lg-10 col-xl-8 mx-auto"},o.createElement("h2",null,"More case studies"),o.createElement("ul",{className:"flex case-studies-more"},t.map(e=>o.createElement(c,{key:e.node.jsonId,item:e.node}))),o.createElement(a.Link,{className:"btn btn-primary",to:"/case-studies"},"View all case studies")))}},597:function(e,t,i){i.r(t),i.d(t,{Head:function(){return h},default:function(){return w}});var a=i(29831),s=i(71113),o=i(88897),c=i(99461),n=i(92820),r=i(47124),l=i(71763);const d="(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw";function w({data:e,location:t}){return l.createElement(o.t,{location:t,data:e},l.createElement("div",{id:"main",className:"marketing-content container-fluid"},l.createElement("div",{className:"row section-title"},l.createElement("div",{className:"col-sm-12 col-md-10 col-lg-8 col-xl-6 mx-auto section-inner"},l.createElement("h1",null,l.createElement("span",{className:"shorthand-logo"},"Shorthand"),"How El Periódico uses Shorthand")),l.createElement("div",{"aria-hidden":"true",className:"background-media"},l.createElement(r.S,{src:"../../../static/media/case-studies/case-studies-el-periodico-blur.jpg",objectFit:"cover",alt:"",layout:"fullWidth",sizes:"100vw",loading:"eager",__imageData:i(99868)}))),l.createElement("div",{className:"row section"},l.createElement("div",{className:"col-sm-12 col-md-10 col-lg-8 col-xl-6  mx-auto marketing-main-column"},l.createElement("h2",{className:"intro"},"How this Catalonian newspaper sidesteps slow web development to publish impressive digital feature stories with Shorthand."),l.createElement("div",{className:"inline-image featured"},l.createElement(r.S,{alt:"A story by El Periódico, rendering responsively across all devices",src:"../../../static/media/case-studies/case-studies-el-periodico.png",layout:"fullWidth",sizes:"(min-width: 1400px) 50vw, (min-width: 1100px) 67vw, (min-width: 900px) 83vw, 100vw",loading:"eager",__imageData:i(52709)}),l.createElement("div",{className:"caption"},"A selection of sections from an ",l.createElement("i",null,"El Periódico")," story.")),l.createElement("p",null,l.createElement("i",null,"El Periódico")," is a Catalonian newspaper that publishes daily news in both Spanish and Catalan. Established 1978, the newsp

1aper is known for its bold integration of photographs, comics, and other images in its print reporting."),l.createElement("h3",{className:"subheading after:!tw-bg-[#D9D9D9]"},"The challenge of publishing high-quality digital stories"),l.createElement("figure",{className:"block quote-block offset left"},l.createElement("blockquote",{className:"!tw-text-[#303030] !tw-opacity-70"},l.createElement("p",null,l.createElement("i",null,'"It was very hard to be original or different. It took us six to eight months to think about what we wanted to do, and talk to designers and programmers about how to build it."'))),l.createElement("figcaption",{className:"quote-cite !tw-not-italic !tw-text-[#333333]"},"Xurxo Martínez")),l.createElement("p",null,"As the ",l.createElement("i",null,"El Periódico")," team pivoted to producing more digital content, they faced a problem: the very thing that made their print edition iconic wasn’t translating to the screen. ",l.createElement("i",null,"El Periódico")," were keenly aware that reading online was distinct from reading print and they didn’t want to copy and paste what had worked in their print edition."),l.createElement("p",null,'However, HTML templates that supported a wide range of effects tended to live outside their CMS and programming was achingly slow. Xurxo Martínez says, "It was very hard to be original or different. It took us six to eight months to think about what we wanted to do, and talk to designers and programmers about how to build it." They could make a template easily enough, but that meant settling for visually repetitive stories, going completely against their commitment to making “something singular.”'),l.createElement("p",null,"The struggle wasn’t just one of design, it also made workflows in the newsroom frustratingly complex and slow."," ",l.createElement("i",null,"El Periódico")," wanted their journalists to be empowered to “work on their pieces without having to rely on developers or on tech teams, and have the fullest control of their work in the end.”"),l.createElement("p",null,"Their current production process wasn’t working, but ",l.createElement("i",null,"El Periódico")," refused to settle."),l.createElement("div",{className:"photo-grid flex featured"},l.createElement(r.S,{alt:"A section from one of El Periódico's stories",className:"col-12 col-sm-6",src:"../../../static/media/case-studies/el-periodico-01.jpg",layout:"fullWidth",sizes:d,loading:"eager",__imageData:i(54127)}),l.createElement(r.S,{alt:"A section from one of El Periódico's stories",className:"col-12 col-sm-6",src:"../../../static/media/case-studies/el-periodico-02.jpg",layout:"fullWidth",sizes:d,loading:"eager",__imageData:i(1527)}),l.createElement(r.S,{alt:"A section from one of El Periódico's stories",className:"col-12 col-sm-6",src:"../../../static/media/case-studies/el-periodico-03.jpg",layout:"fullWidth",sizes:d,loading:"eager",__imageData:i(59081)}),l.createElement(r.S,{alt:"A section from one of El Periódico's stories",className:"col-12 col-sm-6",src:"../../../static/media/case-studies/el-periodico-04.jpg",layout:"fullWidth",sizes:d,loading:"eager",__imageData:i(94099)})),l.createElement("div",{className:"caption"},"A selection of sections from an ",l.createElement("i",null,"El Periódico")," article."),l.createElement("h3",{className:"subheading after:!tw-bg-[#D9D9D9]"},"The hunt for the right software"),l.createElement("p",null,l.createElement("i",null,"El Periódico")," needed a tool to enable both magical storytelling and independence for their journalists. In-house solutions felt like “halfway with everything”, and products like Vev, “didn't seem like a tool that had a real newsroom in their mind,” Martínez says."),l.createElement("p",null,"When the team discovered Shorthand, they realised it was the perfect software to retain ",l.createElement("i",null,"El Periódico"),"’s innovative visuals as well as make sure their stories would rank highly in Google. With an easy-to-understand pricing model and an editor that “any journalist” could use, Shorthand gave ",l.createElement("i",null,"El Periódico")," more control over their own processes."),l.createElement("p",null,"Shorthand has transformed the way these journalists think about storytelling and digital journalism. Instead of just writing a story and then choosing how to illustrate it, Martínez says that Shorthand’s editor allows his team to think about the story as a cohesive, interactive whole, instead of an article that is broken down into separate visual and written elements."),l.createElement("p",null,"Not all ",l.createElement("i",null,"El Periódico"),"’s news stories become ‘Shorthands’, but the ones that do have “something special”, Martinez says."),l.createElement("h3",{className:"subheading after:!tw-bg-[#D9D9D9]"},"A strategic paywall"),l.createElement("figure",{className:"block quote-block offset left"},l.createElement("blockquote",{className:"!tw-text-[#303030] !tw-opacity-70"},l.createElement("p",null,l.createElement("i",null,"“We have had very good feedback about how special it is to read these stories.”"))),l.createElement("figcaption",{className:"quote-cite !tw-not-italic !tw-text-[#333333]"},"Xurxo Martínez")),l.createElement("p",null,"These days, ",l.createElement("i",null,"El Periódico"),"’s subscription model means all their premium content built with Shorthand is behind a hard paywall. Martínez says, while it’s a shame more people can’t see what they do, they have “very good feedback about how special it is to read these stories.”"),l.createElement("p",null,"This sense of exclusivity and quality is a powerful retention strategy: subscribers feel like the

1ir investment pays off, and there’s a sense of “Only I can see this thing that is so well done.”"),l.createElement("h3",{className:"subheading after:!tw-bg-[#D9D9D9]"},"Glowing feedback from readers and subscribers"),l.createElement("figure",{className:"block quote-block offset right"},l.createElement("blockquote",{className:"!tw-text-[#303030] !tw-opacity-70"},l.createElement("p",null,l.createElement("i",null,"“We get one quarter of our subscriptions from Shorthand stories, and we are doing six Shorthand stories a week, while we publish 250 articles a day. I think that gives you an idea of how important it is for us.”"))),l.createElement("figcaption",{className:"quote-cite !tw-not-italic !tw-text-[#333333]"},"Xurxo Martínez")),l.createElement("p",null,l.createElement("i",null,"El Periódico"),"’s Shorthand features have a longer shelf life than breaking news, and subscribers say that they like to read many of the stories more than once. Plus, people tend to read all the way through instead of “just skipping to see the last paragraph in order to see the answer to the title.”"),l.createElement("p",null,"In terms of sheer numbers, Martínez says, “We get one quarter of our subscriptions from Shorthand stories, and we are doing six Shorthand stories a week, while we publish 250 articles a day. I think that gives you an idea of how important it is for us.”"),l.createElement("p",null,"For readers, every subscriber who has contributed to ",l.createElement("i",null,"El Periódico"),"’s feedback process has talked about the stories built with Shorthand stories. “They say ‘the special stories’ or ‘the things that you scroll and things happen!’” says Martínez. “It really works and is one of the things that identifies ",l.createElement("i",null,"El Periódico"),". It’s what we used to achieve in the print version.”"),l.createElement("div",{className:"inline-image featured"},l.createElement(r.S,{alt:"A story by El Periódico, rendering responsively across all devices",src:"../../../static/media/case-studies/el-periodico-05.jpg",layout:"fullWidth",sizes:"(min-width: 1400px) 50vw, (min-width: 1100px) 67vw, (min-width: 900px) 83vw, 100vw",loading:"eager",__imageData:i(66813)}),l.createElement("div",{className:"caption"},"A selection of sections from an ",l.createElement("i",null,"El Periódico")," article.")),l.createElement("h3",{className:"subheading after:!tw-bg-[#D9D9D9]"},"Empowered journalists"),l.createElement("p",null,"In ",l.createElement("i",null,"El Periódico"),"’s busy newsroom, Shorthand has empowered the journalists to feel proud of their digital stories and a strong sense of ownership over the process of producing these well-received articles. And, while the actual content isn’t repetitive, using Shorthand has meant the team’s workflows are more repeatable, sustainable, and logical."),l.createElement("p",null,"The way of making stories with Shorthand isn’t about recreating a print experience on the web, it’s “this new narrative, this new storytelling,” says Martínez."))),l.createElement(c.x,{studies:(0,a.i)(e,"el-periodico")}),l.createElement(s.w,null)))}const h=({location:e})=>l.createElement(n.g7,{pathname:e.pathname,dataTheme:"light",bodyClass:"body-shorthand body-marketing body-marketing-secondary body-marketing-case-studies hide-elevio"})},99868:function(e){e.exports=JSON.parse('{"layout":"fullWidth","backgroundColor":"#181818","images":{"fallback":{"src":"/static/1bfacae1345e355b6a020170656c14a9/31be0/case-studies-el-periodico-blur.jpg","srcSet":"/static/1bfacae1345e355b6a020170656c14a9/44a8c/case-studies-el-periodico-blur.jpg 750w,\\n/static/1bfacae1345e355b6a020170656c14a9/5c354/case-studies-el-periodico-blur.jpg 1080w,\\n/static/1bfacae1345e355b6a020170656c14a9/31be0/case-studies-el-periodico-blur.jpg 1200w","sizes":"100vw"},"sources":[{"srcSet":"/static/1bfacae1345e355b6a020170656c14a9/a9018/case-studies-el-periodico-blur.avif 750w,\\n/static/1bfacae1345e355b6a020170656c14a9/da3ec/case-studies-el-periodico-blur.avif 1080w,\\n/static/1bfacae1345e355b6a0201706

156c14a9/39fe1/case-studies-el-periodico-blur.avif 1200w","type":"image/avif","sizes":"100vw"},{"srcSet":"/static/1bfacae1345e355b6a020170656c14a9/6ae24/case-studies-el-periodico-blur.webp 750w,\\n/static/1bfacae1345e355b6a020170656c14a9/02909/case-studies-el-periodico-blur.webp 1080w,\\n/static/1bfacae1345e355b6a020170656c14a9/f9bf4/case-studies-el-periodico-blur.webp 1200w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.31333333333333335}')},59081:function(e){e.exports=JSON.parse('{"layout":"fullWidth","backgroundColor":"#080808","images":{"fallback":{"src":"/static/15574c9d5ab2e4913526a0f1a7c241b3/b9721/el-periodico-03.jpg","srcSet":"/static/15574c9d5ab2e4913526a0f1a7c241b3/82ea3/el-periodico-03.jpg 750w,\\n/static/15574c9d5ab2e4913526a0f1a7c241b3/b9721/el-periodico-03.jpg 800w","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"},"sources":[{"srcSet":"/static/15574c9d5ab2e4913526a0f1a7c241b3/6fa90/el-periodico-03.avif 750w,\\n/static/15574c9d5ab2e4913526a0f1a7c241b3/3d747/el-periodico-03.avif 800w","type":"image/avif","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"},{"srcSet":"/static/15574c9d5ab2e4913526a0f1a7c241b3/d472f/el-periodico-03.webp 750w,\\n/static/15574c9d5ab2e4913526a0f1a7c241b3/80f7f/el-periodico-03.webp 800w","type":"image/webp","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"}]},"width":1,"height":0.64625}')},66813:function(e){e.exports=JSON.parse('{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/0346c6f94526ee30a5bf428478363b94/6d9ca/el-periodico-05.jpg","srcSet":"/static/0346c6f94526ee30a5bf428478363b94/787cf/el-periodico-05.jpg 750w,\\n/static/0346c6f94526ee30a5bf428478363b94/67784/el-periodico-05.jpg 1080w,\\n/static/0346c6f94526ee30a5bf428478363b94/6d9ca/el-periodico-05.jpg 1200w","sizes":"(min-width: 1400px) 50vw, (min-width: 1100px) 67vw, (min-width: 900px) 83vw, 100vw"},"sources":[{"srcSet":"/static/0346c6f94526ee30a5bf428478363b94/6203d/el-periodico-05.avif 750w,\\n/static/0346c6f94526ee30a5bf428478363b94/b3635/el-periodico-05.avif 1080w,\\n/static/0346c6f94526ee30a5bf428478363b94/23bf6/el-periodico-05.avif 1200w","type":"image/avif","sizes":"(min-width: 1400px) 50vw, (min-width: 1100px) 67vw, (min-width: 900px) 83vw, 100vw"},{"srcSet":"/static/0346c6f94526ee30a5bf428478363b94/81950/el-periodico-05.webp 750w,\\n/static/0346c6f94526ee30a5bf428478363b94/0f929/el-periodico-05.webp 1080w,\\n/static/0346c6f94526ee30a5bf428478363b94/aaf15/el-periodico-05.webp 1200w","type":"image/webp","sizes":"(min-width: 1400px) 50vw, (min-width: 1100px) 67vw, (min-width: 900px) 83vw, 100vw"}]},"width":1,"height":0.5566666666666666}')},1527:function(e){e.exports=JSON.parse('{"layout":"fullWidth","backgroundColor":"#080808","images":{"fallback":{"src":"/static/0646baeff9b50743061d622bfece19fe/b9721/el-periodico-02.jpg","srcSet":"/static/0646baeff9b50743061d622bfece19fe/82ea3/el-periodico-02.jpg 750w,\\n/static/0646baeff9b50743061d622bfece19fe/b9721/el-periodico-02.jpg 800w","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"},"sources":[{"srcSet":"/static/0646baeff9b50743061d622bfece19fe/6fa90/el-periodico-02.avif 750w,\\n/static/0646baeff9b50743061d622bfece19fe/3d747/el-periodico-02.avif 800w","type":"image/avif","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"},{"srcSet":"/static/0646baeff9b50743061d622bfece19fe/d472f/el-periodico-02.webp 750w,\\n/static/0646baeff9b50743061d622bfece19fe/80f7f/el-periodico-02.webp 800w","type":"image/webp","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"}]},"width":1,"height":0.64625}')},54127:function(e){e.exports=JSON.parse('{"layout":"fullWidth","backgroundColor":"#0868b8","images":{"fallback":{"src":"/static/2d249b6b41b2b28c1a65ee3fc2b4257d/b9721/el-periodico-01.jpg","srcSet":"/static/2d249b6b41b2b28c1a65ee3fc2b4257d/82ea3/el-periodico-01.jpg 750w,\\n/static/2d249b6b41b2b28c1a65ee3fc2b4257d/b9721/el-periodico-01.jpg 800w","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"},"sources":[{"srcSet":"/static/2d249b6b41b2b28c1a65ee3fc2b4257d/6fa90/el-periodico-01.avif 750w,\\n/static/2d249b6b41b2b28c1a65ee3fc2b4257d/3d747/el-periodico-01.avif 800w","type":"image/avif","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"},{"srcSet":"/static/2d249b6b41b2b28c1a65ee3fc2b4257d/d472f/el-periodico-01.webp 750w,\\n/static/2d249b6b41b2b28c1a65ee3fc2b4257d/80f7f/el-periodico-01.webp 800w","type":"image/webp","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"}]},"width":1,"height":0.64625}')},52709:function(e){e.exports=JSON.parse('{"layout":"fullWidth","backgroundColor":"#080808","images":{"fallback":{"src":"/static/490c84264bd43c5430ba826cc795975c/0207c/case-studies-el-periodico.png","srcSet":"/static/490c84264bd43c5430ba826cc795975c/5d2d1/case-studies-el-periodico.png 750w,\\n/static/490c84264bd43c5430ba826cc795975c/42829/case-studies-el-periodico.png 1080w,\\n/static/490c84264bd43c5430ba826cc795975c/0207c/case-studies-el-periodico.png 1200w","sizes":"(min-width: 1400px) 50vw, (min-width: 1100px) 67vw, (min-width: 900px) 83vw, 100vw"},"sources":[{"srcSet":"/static/490c84264bd43c5430ba826cc795975c/39eb6/case-studies-el-periodico.avif 750w,\\n/static/490c84264bd43c5430ba826cc795975c/a045a/case-studies-el-periodico.avif 1080w,\\n/static/490c84264bd43c5430ba826cc795975c/13d5c/case-studies-el-periodico.avif 1200w","type":"image/avif","sizes":"(min-width: 1400px) 50vw, (min-width: 1100px) 67vw, (min-width: 900px) 83vw, 100vw"},{"srcSet":"/static/490c84264bd43c5430ba826cc795975c/58fbc/case-studies-el-periodico.webp 750w,\\n/static/490c84264bd43c5430ba826cc795975c/0e58b/case-studies-el-periodico.webp 1080w,\\n/static/490c84264bd43c5430ba826cc795975c/cf443/case-studies-el-periodico.webp 1200w","type":"image/webp","sizes":"(min-width: 1400px) 50vw, (min-width: 1100px) 67vw, (min-width: 900px) 83vw, 100vw"}]},"width":1,"height":0.6558333333333334}')},94099:function(e){e.exports=JSON.parse('{"layout":"fullWidth","backgroundColor":"#282838","images":{"fallback":{"src":"/static/d789fabf86da62ffaf47cae9e7b909d7/b9721/el-periodico-04.jpg","srcSet":"/static/d789fabf86da62ffaf47cae9e7b909d7/82ea3/el-periodico-04.jpg 750w,\\n/static/d789fabf86da62ffaf47cae9e7b909d7/b9721/el-periodico-04.jpg 800w","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"},"sources":[{"srcSet":"/static/d789fabf86da62ffaf47cae9e7b909d7/6fa90/el-periodico-04.avif 750w,\\n/static/d789fabf86da62ffaf47cae9e7b909d7/3d747/el-periodico-04.avif 800w","type":"image/avif","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"},{"srcSet":"/static/d789fabf86da62ffaf47cae9e7b909d7/d472f/el-periodico-04.webp 750w,\\n/static/d789fabf86da62ffaf47cae9e7b909d7/80f7f/el-periodico-04.webp 800w","type":"image/webp","sizes":"(min-width: 1400px) 25vw, (min-width: 1100px) 33vw, (min-width: 900px) 42vw, (min-width: 620px) 50vw, 100vw"}]},"width":1,"height":0.64625}')}}]);