Jak jsme za tři měsíce navrhli a spustili média o medicíně: případ Pinkman a Kuprum

Tým projektu Pinkman, který se skládá z ředitele účtu Antona Tokbulatova, správce účtu Olega Friedemana a návrhářky Katyi Doroshevy, řekl, co udělali, aby v krátké době uvedli na trh nové značkové médium Kuprum.

Na jaře 2020 nás oslovil tým Severgroup Medicine, potravinářské IT společnosti zabývající se zdravotními projekty, mimo jiné pro síť soukromých klinik. Společnost je investičním projektem stejnojmenné holdingové společnosti.

Klient měl za úkol – vytvořit mediální platformu o kvalitě života. V té době již měl projekt redakci, aktivní sociální sítě a podcast, stejně jako název – Kuprum. Tým popisuje část své cílové skupiny jako cyberchondriaky – úzkostné lidi, kteří se diagnostikují na základě popisu symptomů z internetu.

Publikace by měla lidem pomoci porozumět zdravotním problémům: jak se o ně starat a co dělat, když se něco pokazí. Obecně je to tak rozsáhlý průvodce zdravotními podmínkami pro každý den a pro období komunikace s lékaři.

Média měla pomoci vytvořit image společnosti a jejích klinik jako odborníků na trh. Klient okamžitě pochopil, že v první řadě platforma vyřeší problémy s PR, že jde o investici se zpožděným efektem.

Termíny spuštění médií byly těsné – jen tři měsíce. Během pandemie lidem chyběly spolehlivé lékařské informace napsané srozumitelným jazykem, takže vzhled Kupruma vypadal velmi aktuálně.

Když jsme začali studovat trh a pracovat na struktuře, uvědomili jsme si, že je lepší rozdělit tento proces na dvě fáze – nejprve spustit základní verzi MVP a poté dokončit vše, co bylo koncipováno. Klient s tímto přístupem souhlasil a ve zbývajících dvou měsících jsme schválili strukturu, vyvinuli návrh, naprogramovali a spustili první verzi.

Jak jsme hledali nápady pro vizuální prezentaci přísného textu

Před zahájením návrhu jsme provedli analýzu trhu. Cílem výzkumu bylo prostudovat mechaniku přijímanou v médiích a ukázat klientovi, jaké příklady a proč lze považovat za úspěšné.

Studovali jsme silné a slabé stránky zahraničních a ruských projektů, které vysoce kvalitně pokrývají lékařská témata. Také nás zajímalo, jak fungují s gamifikací, personalizací a interaktivními formáty.

Články Kuprum jsou psány poměrně přísným jazykem a redaktoři používají minimum ilustrací, zejména v referenčních materiálech. Hledali jsme proto reference se zajímavým rozvržením textu. Naším úkolem bylo prostudovat, jak média zvládají pozornost čtenáře v článcích na závažná témata, a také jak implementují scénáře přechodu z jednoho materiálu nebo sekce do druhého.

Výchozím bodem pro studium referencí byl blog meditační služby Headspace jako jednoho z hlavních zahraničních produktů podobného zaměření (sebeuvědomění).

Zajímali jsme se také o média mimo obor. Služba Yandex.Q například ukázala, jak můžete organizovat dialog mezi odborníky a uživateli – tato funkce byla na webu plánována. Lifestyle media Rok vědomé praxe se stal příkladem originálního interaktivního designu, který pomáhá udržet uživatele na stránce.

Které sekce jsou součástí verze MVP

Druhou důležitou součástí naší předběžné práce je promyšlení architektury mediální platformy umožňující škálovatelnost. Na začátku jsme s klientem rozuměli struktuře nejvyšší úrovně – že platforma se skládá z:

• mediální části;
• lékařské reference;
• část služby (systémy pro správu obsahu);
• systémy interakce s uživatelem;
• katalog služeb.

Potřebovali jsme podrobně popsat strukturu a zjistit, jak propojit více entit Cuprumu. Zároveň jsme vycházeli z hlavního úvodu – přítomnosti mediální části a nekomentované příručky s diagnózami a příznaky nemocí.

Díky základnímu plánu obsahu a případové studii jsme pochopili, jak bude uspořádána mediální část. Příručka k ní přiléhá, ​​ale žije podle vlastních zákonů – jedná se o sekci podobnou Wikipedii, pro kterou bylo nutné vymyslet zajímavější prezentaci. Vyřešili jsme také problém s vložením interaktivních formátů, jako jsou testy a podcasty, na web.

V důsledku toho se objevil seznam sekcí a modulů obsažených ve verzi média MVP: < /p>

• domovská stránka;
• stránka s referencemi a články;
• stránka časopisu a článku;
• interaktivní formáty: ankety, kontrolní seznamy, audio a video;
• stránka o projektu a kontaktech.

Pro každý typ stránky jsme vybrali reference z populárních ruských médií: Reminder, The Village, Strelka Mag, Arzamas, Blueprint, T – Zh a další. Bylo pro nás důležité použít techniky rozvržení, které by byly našim čtenářům známé – aby se při přechodu z jiného mediálního zdroje na Kuprum cítili dobře.

Jak jsme pracovali na firemní identitě a dosáhli variability designu < /h2>

Ve fázi vytváření konceptu designu jsme na příkladu hlavní stránky a stránky kategorie vymysleli, jak bude web vypadat. Důležitou funkcí designu médií je utvářet každodenní návštěvnost uživatele ze zvyku webu. Zaměřili jsme se proto na řešení, díky nimž bude radost stránku používat každý den.

Prvním úkolem, který jsme vyřešili, bylo opravit stávající identitu Kupruma. Díky prostudovaným referencím jsme si uvědomili, že pro webovou verzi projektu je vhodný uvolněnější tón.

Druhým velkým blokem je rozvíjení principů, podle kterých bude vytvořen design jakékoli mediální sekce . Máme tři hlavní.

1. Barevná variace … Abychom se vyhnuli „sterilní“ prezentaci zdravotnických materiálů, vymysleli jsme sadu šesti barevných motivů. Oddělují obsah na webu vizuálně i koncepčně: pro každou kategorii si můžete vybrat paletu, která určuje vzhled stránky.

2. Moderování prezentace , což znamená nutnost střídat informační bloky s „prázdnými“ komponentami – prvky bez vyobrazení a fotografií a také používat krátké nadpisy.

3. Blocky : stránky kategorií a stránky s obsahem jsou sestaveny z bloků a prvků v souladu s hotovými šablonami.

V důsledku toho jsme na stránce dospěli k umírněnější komunikaci, a proto jsme vybrali úhlednou typografii, zmenšili logo na dvě písmena a obecně jsme se snažili, aby byl design elegantní a klidný. Klient zároveň chtěl, aby to bylo jasné a rozmanité – aby média měla svůj vlastní charakter. Barevná paleta a ilustrace tento problém vyřešily.

Jak jsme k vážnému tématu přidali trochu lehkomyslnosti

Vzhledem k neobvyklému publiku – hyperchondrům a těm, kteří se rádi diagnostikují – jsme považovali za vhodné přidat do vizuálního jazyka ironickou intonaci a udělat to pomocí ilustrací.

Kromě toho jsme již měli za úkol vyvinout jedinečné ilustrace pro média. Problém byl v tom, že čas se krátil a otázkou také zůstalo, jak si tým bude nadále udržovat ilustrativní styl. Přišli jsme s takovým tahem – vzali jsme znakové písmo CSTM Emoji od Jurije Ostromenského, což je sada emodži, a přeložili jsme znaky do vektoru. Mít v arzenálu sadu takových ilustrací, bude pro designéry Kuprum snazší je dále používat nebo přijít s něčím podobným ve velkém stylu.

Redaktoři použili v materiálech mnoho skladových fotografií, proto jsme navrhli pravidla pro výběr fotografií – aby měla publikace jednotný fotografický styl. Například dávat přednost přirozeným životním stylům před dokonalými lesklými, nepoužívat obrázky, které jsou spojeny s nemocniční sterilitou. Poskytli jsme také pokyny pro výběr barev, osvětlení, grafů.

Jak lékařské téma ovlivnilo rozvržení

V materiálech bylo důležité zdůraznit přístup k informacím o zdraví založený na důkazech a také vzít v úvahu zvláštnosti prezentace textu přijatého v redakci. To vše se odrazilo v designu interních stránek, ve kterých jsme:

• vyloučili úvodní stránku – v článcích za nadpisem začíná hlavní text okamžitě;
• úhledně podtržené odkazy na zdroje třetích stran – v redakci je jich mnoho a neměly by čtenáři překážet;
• zdroje použité v článku byly na konci materiálu navrženy jako klikací popisky.

Také jsme pochopili, že vývoj jedinečného rozvržení článku je dlouhý a nákladný, proto jsme nabídli hotové řešení Setka Editor. Online editor pro návrh obsahu je integrován s webem. Poté zbývá už jen přizpůsobit firemní styl.

Proč jsme mobilní verzi vytvořili jako aplikaci

Vzhled všech prvků na mobilních obrazovkách je zpravidla sjednocen – jsou prezentovány ve formě karet. Zároveň jsme chtěli do mobilní verze přidat zajímavé, neobvyklé detaily. Nejvýraznějším prvkem byla nabídka ve stylu plakátu, která zabírá celou obrazovku.

V mobilní verzi jsme se snažili, aby to vypadalo, že aplikaci používáte. To se komunikuje prostřednictvím chování rozhraní, načítání prvků, animačních efektů. Například kvůli charakteristickým plynulým přechodům mezi nadpisy.

Tento přístup je uživatelsky přívětivější a obecně je typičtější pro prvky médií – rozhraní, navigace v aplikacích je větší a rozložení je hustší. Klient také plánuje implementovat mobilní verzi jako webovou aplikaci (PWA).

Co jsme získali jako výsledek

Práce na webu pokračují: vyvíjíme osobní účet uživatele , nástroje pro přizpůsobení a komentáře …

Hlavní úspěchy projektu

• Vyvinuli jsme strukturu mediální platformy s přihlédnutím k možnosti škálování.
• Vytvořili jsme design koncept využívající principy blokovanosti a barevné variace.
• Přišlo se styly fotografií a ilustračních médií.
• Nakreslil design hlavní stránky, nadpisy a formáty.
• Vypracované pokyny, které usnadňují mediální tým pro údržbu a vývoj stránek.

Ve fázi tendru se nám líbil Pinkmanův přístup k úkolu a celkové provedení. Na projektu pracoval tým 25 lidí ze dvou stran, díky nimž bylo možné rychle vytvořit kvalitní média, naplnit je obsahem a začít. Za poslední měsíc web navštívilo 300 tisíc uživatelů, z nichž 25% se posunulo do spodní části stránky.

Stránka se ukázala jako velmi pohodlná, mimo jiné pokud jde o práci s administrátorským panelem, nastavení hlavní stránky a rozložení materiálů. Nejúspěšnějšími návrhovými řešeními jsou podle mě způsob, jakým je stránka podcastu navržena, příručka a odkazy na zdroje v článcích a pohyb s ilustracemi. Čtenáři mají nyní zpoždění v průměru o 4 minuty a tento čas plánujeme prodloužit prací na přizpůsobení rozvržení a obsahu.

Alena Burenina ředitelka marketingu a zkušeností zákazníků, Severgroup Medicine

Autor textu: Bugaeva Anna