Hoppa till huvudinnehåll

Kund

Kvartal

Omfattning

Apputveckling, webbutveckling, UX- & UI-design

Kvartals nya plattform är byggd för dialog

Nyhetsplattformen för läsarna som vill tänka själv

Kvartal är en ny typ av journalistisk plattform som både fördjupar och uppdaterar – och samtidigt för publik och journalister närmare varandra. Deras vision är att skapa ett bättre offentligt samtal där läsare och lyssnare inte bara konsumerar innehållet, utan också kan interagera med både innehållsskaparna och med varandra. Kvartal har alltid varit digitala, men när de ville ta steget till att bli vad de kallar för Sveriges första sociala nyhetsmedium begränsades ambitionerna av den tidigare tekniska plattformen. Det var dags att ta ett omtag på produkten, och det var då qte kom in i bilden.

Tillsammans har vi designat och utvecklat en helt ny plattform för webb och app, anpassad för Kvartals långsiktiga ambitioner. Resultatet märktes direkt: efter den nya lanseringen har antalet visningar ökat markant jämfört med samma månad året innan. Nu fortsätter vi utveckla funktioner som tar Kvartal in i framtiden.

"Vi har ett fantastiskt samarbete med qte, som gjort ett otroligt imponerande jobb tillsammans med våra medarbetare på väldigt kort tid. De har gett liv åt vår vision med bred kunskap, gedigen erfarenhet och hårt arbete."
Ludde Hellberg, vd på Kvartal
Uppgiften

Vårt uppdrag var att designa och bygga om Kvartals plattform från grunden. Det innebar att utveckla en ny mobilapp för iOS och Android, en ny webbplats och ett nytt adminsystem för redaktörerna. Vi behövde också migrera över allt innehåll för att säkerställa att även Kvartals historik kom med. Arbetet med den nya plattformen fokuserade lika mycket på att underlätta journalisternas vardag som på att skapa en modern, interaktiv läsarupplevelse.

Vår roll

Teamet från qte bestod av designers och utvecklare som jobbade tätt ihop med Kvartals produktägare och stakeholders. Vårt samarbete är ett perfekt exempel på hur vi på qte vill arbeta med våra kunder: engagerat, närvarande och öppet.

Förutom dagliga samtal och avstämningar valde vi att ha en gemensam dag på kontoret varje vecka vilket skapade ett naturligt forum för att bolla minsta idé och tanke. Istället för avrapportering har vi använt mötestid till workshops där vi utforskade och formade de idéer som finns i plattformen idag.

"Teamet på qte är ärliga, lösningsorienterade och grymt kompetenta, vilket gör dem till de bästa apputvecklarna jag jobbat med. De tvingar mig att prioritera, och det tycker jag är bra."
Erik Verne, produktägare på Kvartal

Designat för dialog

Design som förenar kvalitet, tydlighet och dialog

Vårt designteam tog fram den nya plattformens flöden, funktioner och ett komplett designsystem baserat på Kvartals grafiska profil. Arbetet utgick från läsarens perspektiv, med målet att skapa en plattform som skulle kännas levande, aktuell och generera återkommande besökare.

Profiler i centrum

På många digitala plattformar konsumerar vi i allt större grad innehåll från specifika personer vi valt att följa snarare än en vertikal av innehåll. Kvartal har tagit detta in i journalistikens värld genom att låta sina utvalda profiler stå i centrum, snarare än vertikalen. I designen lyfts de fram med namn och bild i anslutning till innehållet, där det är transparent vad för perspektiv personen har. Läsarna kan välja att följa profiler och prenumerera på kurerade nyhetsbrev från dem.

Välkomnar perspektiv med hjälp av “tankar”

Profilerna är en nyckel till att skapa dialog och hålla plattformen aktuell. De kan posta så kallade tankar, som är korta analyser, inspel eller reflektioner i anslutning till alla texter och poddar som publiceras på Kvartal. På så sätt välkomnas fler perspektiv på ett ämne, och genom tillägg av tankar hålls en artikel vid liv längre. Prenumeranterna kan också delta i diskussionen med profilerna genom att lämna kommentarer på tankarna. Det är en funktion som verkligen bidrar till dialogen Kvartal strävar mot.

Tankar från andra profiler öppnar fler perspektiv och skapar dialog.

Skapar en levande plattform med hjälp av “hänselser”

För att skapa känslan av en levande, ständigt aktuell plattform utformade vi en ny feature, så kallade “händelser”. De är inspirerade av de tillfälliga flöden i sociala medier som snabbt och enkelt samlar det senaste innehållet. Här kan läsaren svepa sig igenom artiklar, tankar och poddar.

Händelser ligger längst upp i nyhetsflödet.

Modern plattform med multimedia

Idag läser vi inte bara nyheter. Vi läser, lyssnar och vill kanske kunna göra båda samtidigt. Därför var det en självklarhet att skapa möjlighet att lyssna på artiklar såväl som podcasts i appen, och att de fortsätter spela även om man lägger telefonen i fickan. Med Kvartals starka profilfokus har vi redan förberett möjligheten att få artiklarna upplästa av ens favoritprofil, med hjälp av en AI-genererad röst.

En teknisk plattform för framtiden

En plattform för hela Kvartal

Kvartals tidigare tekniska plattform började sätta begränsningar för framtiden. De behövde en smidigare lösning för redaktörerna och en stabil grund som möjliggör vidareutveckling av nya funktioner och större volymer trafik.

Kvartal består idag av två applikationer: en webbsida och en mobilapp, men de redigeras från ett och samma system. I bygget av den nya plattformen var det viktigt att skapa en enkel arbetsmiljö för redaktörerna, men ändå ge dem flexibiliteten som olika innehållstyper behöver.

CMS med live-editor

Den tidigare plattformen använde WordPress som CMS, så vi beslutade att fortsätta med det men att effektivisera all administration. En stor förbättring var också övergången till en live-editor, där redaktörerna ser exakt hur sidorna kommer se ut när de publiceras.

Vi har skapat stor möjlighet till variation i nyhetsflödet, där “puffarna” kan ha olika storlekar, färger, olika mediefiler, visa skribent, visa nedryckare och så vidare. Med så många valmöjligheter underlättar det enormt att kunna se slutresultatet live innan det publiceras.

Live-editorn fungerar dessutom både för webb och app, så redaktörerna kan förhandsgranska det totala resultatet på en gång.

Redigeringssystemet gör det möjligt att förhandsvisa slutresultatet live på både webb och app.

App och webb

Vi utvecklade en helt ny mobilapp i React Native för smidig utveckling på både iOS och Android. Webben byggdes i Next.js med fokus på server-side rendering för att gynna både SEO och hastighet. Allt utvecklingsarbete gjordes med syftet att skapa en stabil grund som skulle gå att vidareutveckla i takt med att Kvartal ville lägga till nya features.

Resultat

Kvartals nya plattform har tagits emot väl av både läsare och journalister. I skrivande stund ligger betygen på 4.7 i App Store.

Fortsatt utveckling

Framöver fokuserar Kvartal på att fortsätta utveckla plattformen tillsammans med sina läsare. Vi har planer som bjuder in till mer diskussion, och gör skribenternas politiska inriktining ännu mer transparent.

Frågan är vad du tycker? Ta en titt på den nya webbplatsen och gör som Kvartal brukar säga – tänk själv!