--- title: "Media" url: "https://wzor.biz/en/industries/media/" description: "Design of content portals and services - readability, ad and subscription monetisation, mobile-first. Migration to a modern design system. Free consultation." lang: "en" --- # Media [Free consultation](https://wzor.biz/en/free-consultation/) [Projects](https://wzor.biz/en/projects/) Portals people read - and that monetise. We have worked with leading companies and startups Challenges ## Time on article and the subscription decision are settled on the same three screens - „People arrive from social, read a paragraph and leave.” UX audit of reading (page rhythm, hierarchy, breaks), redesign of typography and components, validation with eye-tracking or a 5-second test. - „Everyone sees the paywall and a handful buy the subscription.” Paywall strategy (hard / soft / dynamic), conversion-flow design, A/B testing of moments and messaging. Working with subscription analytics. - „The portal has grown over the years and rewriting it from scratch is out of reach.” A staged migration plan (article first, then homepage, then account), building a design system, support for the newsroom and dev team. Who it is for ## News portals, specialist services, subscription platforms Whatever the publisher profile - we design modularly, with the newsroom’s daily work in the CMS in mind. - ### News and information portals Large general and themed newsrooms. A modular article system (lead, longform, live, audio), a personalised feed, dark mode, programmatic ads wired into the layout without harming LCP / CLS. - ### Specialist and vertical services Industry portals with premium content - reports, analyses, an expert database. Paywall or invitation-only access, smart search, content bundles as a sellable product. - ### Subscription and content platforms E-books, audiobooks, podcasts, courses. Sign-up → time-to-listen onboarding, a personal library, recommendations, monetisation via subscription or a hybrid model. ![Four printed interface layouts on a desk: a dashboard, a phone screen, a form and a table, with one block circled in marker](https://wzor.biz/_astro/dla-kogo-wydruki-ekranow.GsgQefUA_1bzGfa.webp) Process ## Five steps - from the first conversation to post-launch measurement We scale scope to the type of publisher. For news portals we usually start with the article page (where most sessions from Google begin), for specialist services - with information architecture and monetisation, for subscription platforms - with onboarding and the conversion flow. 1. 30 min ### Discovery call - 30 minutes Online, with the lead designer. We get to know the product, the metrics you judge it by, and the regulatory context it operates in. 2. Week 1–2 ### Audit and discovery Analytics, session recordings, user interviews, heuristic review. The barriers people actually hit become design hypotheses. 3. Week 3–6 ### UX/UI design Wireframes, a prototype you can click through, the final interface. Documentation written for the team that will ship it - tokens, states and responsive behaviour included. 4. Week 6–7 ### Validation Tests with real users, or an A/B test in production. The design changes on the strength of what we saw, before it reaches code. 5. After launch ### Delivery and care We work side by side with your developers - implementation review, fixes, additions to the library. After launch we measure and come back with the next hypotheses. Toolkit ## CMS, paywall and media standards we work with ![A workbench from above: two printed interface layouts, a magnifier enlarging one block, a steel ruler and a greyscale step wedge running from white to black, with one line underlined in orange marker](https://wzor.biz/_astro/warsztat-lupa-linijka-skala-szarosci.C5DINzRJ_Z2n7L7C.webp) - WordPress - Drupal - Headless (Sanity, Contentful, Strapi) - Piano / Poool (paywall) - Google Ad Manager / Prebid - Core Web Vitals - Schema.org (Article, NewsArticle) - GA4 / Chartbeat - PWA + skeleton loading Next step ## Let us talk about your project Tell us what you have to do. We will come back with scope and a quote. [Free consultation](https://wzor.biz/en/free-consultation/) [Projects](https://wzor.biz/en/projects/) Selected work ## Selected work in Media Some of our work is under NDA - we walk you through it live during the discovery call. - [ ![Jawny Lublin - an independent news portal](https://wzor.biz/_astro/cover-jawny-lublin.gddIya7w_ZWK30G.webp) Jawny Lublin - Jawny Lublin news portal ](https://wzor.biz/en/case-studies/portal-internetowy-jawny-lublin/) - [ ![Jawny Lublin - a laptop showing the portal home page: the lead article, the city category menu and a column of popular stories.](https://wzor.biz/_astro/cover.DReNwwRw_1JC914.webp) Jawny Lublin - A watchdog portal on city transparency ](https://wzor.biz/en/projects/jawny-lublin/) - [ ![Selectivv - a laptop showing the agency home page: the "experts in mobile and display advertising" hero and client logos, on a purple background.](https://wzor.biz/_astro/cover.B1E50vYB_Z1N4xtA.webp) Selectivv - Website for a data-driven marketing agency ](https://wzor.biz/en/projects/selectivv/) - [ ![Mimoments - the wedding-film studio site on a tablet and a phone: a dark hero with a frame of the couple and the heading “Wedding videographer”, with a “Our work” section below.](https://wzor.biz/_astro/cover.DA62WJ3l_Z1eX17f.webp) Mimoments - Website for Mimoments wedding film studio ](https://wzor.biz/en/projects/mimoments/) - [ ![Radio Lublin - a ticket to the "Łukasz Jemioła" concert at the Budka Suflera Studio at Radio Lublin, with the target motif, the "70 years" logo and the mascot, on blue.](https://wzor.biz/_astro/cover.Uq_5h1vo_Z2s5pXv.webp) Radio Lublin - Identity for an anniversary campaign ](https://wzor.biz/en/projects/radio-lublin/) - [ ![A white T-shirt on a hanger printed with the "MD" logo - an illustrated portrait of a man in a cap and the letters MD on a red background, against a dark background with neon light tubes.](https://wzor.biz/_astro/cover.CoTdm8UC_Z2qowk5.webp) Marcin Danych - Personal brand logo and "Areny NBA Tour" ](https://wzor.biz/en/projects/areny-nba/) - [ ![FP360 - a stack of closed offer brochures reading 'Product photography, our specialty since 2013', beside a camera and a laptop, on a light wooden desk.](https://wzor.biz/_astro/cover.Cq2-cMq2_Z1M64L2.webp) FP360 - Brochure and website for a product photo studio ](https://wzor.biz/en/projects/fp360/) - [ ![Bold - a blog article on a laptop: "The most common mistakes when running Google Ads campaigns" with a custom illustration of a group of figures in a black-red-white style.](https://wzor.biz/_astro/cover.mfBdGyug_2hM8tr.webp) Bold - Editorial illustration system for the Bold brand ](https://wzor.biz/en/projects/bold/) - [ ![Wydaj Inaczej - two business cards for the publishing house: a cream one with the blue open-book logo and a navy one with the mark embossed, on a blue background.](https://wzor.biz/_astro/cover.TAqDWiPl_ZRCAkJ.webp) Wydaj Inaczej - Visual identity for a publishing house ](https://wzor.biz/en/projects/wydaj-inaczej/) - [ ![Studio ŁAM - a kraft-paper mailing tube in the pencil pattern, with a red band and the white "ŁAM" monogram set in a circle.](https://wzor.biz/_astro/cover.724loTYI_Z1j6Lny.webp) Studio ŁAM - Visual identity for a design studio ](https://wzor.biz/en/projects/studio-lam/) - [ ![Szyszka Studio - a caramel business card with the white logo (an "S" monogram shaped like a pinecone, "Szyszka Studio") against concrete geometric blocks.](https://wzor.biz/_astro/cover.W0GBOSe2_xi3vE.webp) Szyszka Studio - Visual identity for a photographer ](https://wzor.biz/en/projects/szyszka-studio/) - [ ![Projekt Multimedia - a stack of catalogue copies with the dark "We create the extraordinary through modern technology" cover, showing a lit underground gallery.](https://wzor.biz/_astro/cover.bXTMcb7-_Z1casgd.webp) Projekt Multimedia - Multimedia exhibitions brochure ](https://wzor.biz/en/projects/projekt-multimedia/) [Projects](https://wzor.biz/en/projects/) Client voices ## What our clients say - > „Working with the Wzór team was a genuinely great experience! They always answered our questions quickly and were flexible about our comments. They have no shortage of creative ideas and are at the same time thoroughly reliable and on time. The end result fully met our expectations; we recommend them to anyone looking for professionals who care.” ![](https://wzor.biz/_astro/opinia.BrbzyDCf_1rSYiY.webp)Maja Wieloch-Silecka Operations Director, Bosfor Group - > „Our clients expect us to act fast and effectively across a very wide scope - from building a brand, through a website with a store, to running an effective sales campaign. Not an easy task, but doable when you have a tight-knit team and partners who take on challenges on the fly. For us, quality, accountability and commitment are key, and working with UX Agency Wzór gives us that 100%.” ![](https://wzor.biz/_astro/piotr-alberski.B09Ae7iY_Z19yEFs.webp)Piotr Alberski Chief Operating Officer, Agencja XO Media - > „Our cooperation with UX Agency Wzór started with our own website. We really liked the way they work, so we decided to subcontract projects for our clients to them on a White Label basis. We loved their workflow, the way they hand projects over to our team, their documentation and their work on the design system. Now we can take on bigger risks.” ![](https://wzor.biz/_astro/mateusz-swol.DkFG1xeC_1fOqLw.webp)Mateusz Swół Chief Operating Officer, Sellace The team ## Who runs it The people who run the services this industry leans on most. You talk to them directly, from the first call through to delivery. - ![Aleksandra Bondar](https://wzor.biz/_astro/aleksandra-bondar.Bn8yt1m6_14BXcM.webp) ### Aleksandra Bondar Senior UX/UI Designer - ![Katarzyna Adamczuk](https://wzor.biz/_astro/katarzyna-adamczuk.BgcDb3aF_15a0Nk.webp) ### Katarzyna Adamczuk Prezes, Analityk Biznesowy - ![Tadeusz Wadas](https://wzor.biz/_astro/tadeusz-wadas.W_mr3ido_Z20GQjB.webp) ### Tadeusz Wadas Senior UX/UI Designer FAQ ## Questions that come up most often Do you work with paywalls and subscription models? Yes - conversion-flow design (article → paywall → checkout → account), A/B testing of display moments, user segmentation (anonymous / registered / metered). We advise on platform choice (Piano, Poool, native solution). Do you design for programmatic advertising and header bidding? Yes - in line with the publisher’s policy and Core Web Vitals. We design native and display placements so they don’t block LCP / CLS, plus layouts that withstand dynamic ad insertion (sticky, in-feed, anchor). Mobile-first or responsive? Mobile-first - most media traffic is mobile (typically 70–85%). We start the design from mobile screens, then scale to tablet and desktop. We optimise the reading experience for gestures (swipe, pinch, double-tap). Do you help with migration to a design system and CMS? Yes - an audit of the current component portfolio, a migration plan (first stage: article, second: homepage, third: account), building a design system (tokens + Storybook), supporting the newsroom in learning the new workflow. CMS-agnostic - Drupal, WordPress, headless (Sanity, Contentful, Strapi). Related services ## Related services - [Design System](https://wzor.biz/en/services/design-system/) - [Website implementation](https://wzor.biz/en/services/wdrozenie-no-code/) - [Conversion Optimisation (CRO)](https://wzor.biz/en/services/optymalizacja-konwersji/)