Technology Publishing Platform

At MediaMint, I initially worked in Ad Operations, where I developed an understanding of publisher websites, advertising inventory, performance, and commercial requirements.

As the company began exploring UX initiatives for existing clients, I had the opportunity to contribute to this pilot redesign project as part of the wider team. My Ad Operations experience gave me useful context for a publishing product that needed to serve both editorial and commercial needs.

Role

UI/UX Design — Collaborative Client Project

Process

Review · Design · Handoff
Implementation Support · A/B Testing

Tools

Figma

Problem

The platform needed to support a large volume of editorial content while creating clear spaces for high-value advertising.

Goal

Create clearer discovery and article layouts while integrating advertising formats across key pages.

Outcome

A redesigned publishing experience with clearer editorial layouts, planned advertising placements, and responsive pages that adapted across screen sizes.

The challenge

The platform needed a clearer structure for frequent technology content across multiple categories, so readers could scan new stories, understand what was important, and move from browsing into article reading more easily.

Because the platform attracted a technology-focused audience, advertisers were interested in premium placements that could give their campaigns strong visibility. The publisher also needed clear, sellable inventory that the sales team could offer confidently.

The core challenge was to create a page structure where editorial content remained easy to browse and read, while inventory was planned clearly enough to support the publisher's commercial model.

User needs

Clear navigation

Easy content discovery

Readable articles

+

Business needs

Premium inventory

Advertiser visibility

Publisher revenue

=

Balanced publishing experience

Content and advertising planned together.

My role and responsibilities

This was a collaborative client project at MediaMint involving design, development, sales, and leadership stakeholders. My background in Ad Operations helped me understand the commercial context behind the redesign, especially how publishers plan inventory and why placement visibility matters.

As part of the design team, I contributed to restructuring the existing publishing experience across content organisation, article layouts, responsive behaviour, advertising placements, and test variations.

  • Review: Reviewed existing publishing layouts, content structures, and advertising placement patterns.
  • Design: Contributed to homepage, category, and article layouts that supported both editorial and advertising requirements.
  • Collaboration: Worked with the wider team through design handoff and implementation support.
  • Optimisation: Created design variations for A/B testing and reviewed performance with the wider team to help inform further design decisions.

Understanding the existing experience

The website already had an established content structure, category navigation, and advertising model. The redesign was not about starting from scratch; it was about improving how the existing experience organised stories, supported article reading, and made advertising placements more intentional.

Content volume

Frequent publishing meant story lists and category sections needed to stay easy to scan.

Article focus

Article pages needed to keep the selected story as the main focus while supporting related content and advertising.

Ad inventory

Premium and standard ad formats needed predictable spaces that could support advertiser visibility without interrupting the reading path.

Balancing user and business needs

How might we make advertising valuable for advertisers and the publisher, while keeping the content experience clear and readable for users?

User

Discover relevant stories

Scan categories easily

Read articles comfortably

Business

Offer premium inventory

Support advertiser visibility

Maintain publisher revenue

Design direction

01. Keep content hierarchy clear

Story lists, categories, and article pages needed a clear structure so readers could move through the site without confusion.

02. Plan advertising as part of the layout

Ad placements were built into the page structure so premium and standard inventory had defined spaces without feeling disconnected from the content.

03. Let high-impact formats adapt

Desktop high-impact ads could create strong initial visibility, then collapse as users moved deeper into the article experience.

Structuring the article experience

When users selected a story from the homepage or a category page, the article page needed to shift from discovery to focused reading.

The structure had to support the article headline, metadata, hero or media area, reading column, standard ad placements, and a related stories grid at the bottom, while keeping the selected story as the main focus.

Desktop high-impact advertising area

Technology publisher

Category 1 Category 2 Category 3 Category 4 Category 5
Article category

Headline + metadata

Hero / media area
Leaderboard ad

Homepage advertising between categories

The homepage needed to support both premium and standard inventory. A high-impact ad appeared at the top of the desktop experience, while standard leaderboard placements appeared between category sections as users scrolled.

This created visible inventory for advertisers while keeping category browsing predictable for readers.

High-impact ad

Technology publisher

Category 1 Category 2 Category 3 Category 4 Category 5

Creating a high-impact advertising experience

Premium campaigns required a prominent placement that could support large brand activity. One approach the team explored was a high-impact desktop format at the top of the experience.

We explored this approach because the top of the page created immediate exposure for premium inventory, while still allowing the article content to regain space once users began scrolling.

The expanded format was designed to make the campaign noticeable when users entered the page. As users scrolled, the placement collapsed into a more compact state, maintaining campaign presence while returning more vertical space to the article.

This behaviour was designed for desktop. On mobile, the layout used responsive page structures with smaller ad formats such as 320 x 50 leaderboards.

Initial desktop state

Expanded high-impact ad
Article
User scrolls

Scrolled desktop state

Collapsed high-impact ad
Article content

Testing advertising approaches

Because campaign presence could be handled in more than one way, we created two design variations and tested them as part of the optimisation process. The aim was to compare different approaches while considering the reader's experience.

The review considered commercial and engagement signals such as ad viewability, click-through rate, and scroll behaviour through the article. These inputs helped the team evaluate whether the advertising treatment supported campaign visibility without unnecessarily disrupting the reading experience.

Version A

High-impact top placement

A prominent high-impact advertising experience was positioned at the top of the page, giving the campaign strong visibility when users entered the experience.

Strong visibility on entry

High-impact ad
Navigation
Article content
VS
Version B

Bottom sticky placement

An alternative version used a smaller sticky advertising placement at the bottom of the viewport, maintaining campaign visibility as users continued reading.

Persistent visibility while reading

Navigation
Article content
Sticky ad
Design variations A/B test Review performance Inform optimisation

I contributed to creating the two design variations and reviewing their performance with the wider team. The comparison gave us another input for evaluating how different advertising treatments could support commercial goals while preserving the article experience.

The solution

The redesign brought editorial content, responsive layouts, and commercial placements into a clearer structure that supported both reader needs and publisher requirements.

01. Structured content hierarchy

Created clearer layouts for organising stories, categories, and article pages so readers could move from discovery into focused reading.

02. High-impact desktop advertising

Used a prominent desktop format that created strong initial campaign presence, then collapsed as users moved through the page.

03. Advertising-aware layouts

Planned standard desktop and mobile leaderboard placements into responsive page structures.

04. User + business balance

Considered reader clarity, advertiser visibility, and publisher revenue together instead of treating them as separate goals.

The final experience

The final direction created a publishing experience where editorial structure and commercial requirements were planned together.

Homepage structure

Category sections supported browsing while planned ad slots appeared between content groups.

Article reading experience

Article pages focused on the selected story, with standard ad placements and related stories organised around the reading path.

Responsive ad approach

Desktop supported high-impact ad behaviour, while mobile used smaller formats such as 320 x 50 leaderboards within responsive layouts.

Impact and reflection

This project was an important part of my transition from Ad Operations into UX-focused work. My previous experience gave me practical context around publisher revenue models, advertising inventory, performance and why placement and visibility matter.

Working on the redesign allowed me to approach those requirements from a UX perspective, considering how content hierarchy, responsive behaviour, advertising and the reading experience needed to work together.

Creating and testing alternative advertising treatments also reinforced the value of using performance data alongside design thinking when making decisions in a commercial publishing environment.

One of my key learnings was that good UX does not always mean removing commercial elements from an interface. In a publishing product, advertising is part of the ecosystem. The challenge is to integrate it intentionally so user needs and business requirements can coexist.