Skip to content
11 — Growth · Configuration · PublishingSupporting project

Giving admins promotional control without giving them a design tool

Designing a configurable promotional banner system that lets admins publish offers and calls to action across website, homepage and sales-page surfaces while preserving responsive and publishing rules.

Role
Sole Product Designer
Status
Shipped
Scope
Admin UX · Configurability · Responsive design · Publishing · Content management · Analytics
Promo slider — adminFictional promotions · synthetic content
✓ Live
Content
HeadlineNew batch starts Monday
ImageBatch launch visual
DestinationFoundation batch — enrol
ExpiryEnds in 6 days
Layout, behaviour and mobile overrides open only when a promotion needs them.
Store — desktop
New batch starts MondayEnds in 6 days
Store — mobile
New batch starts MondayEnds in 6 days

Preview matches what is being served on every surface this promotion is placed on.

Edit a field and the published preview follows, at both widths. Promotions shown are fictional.

Some product visuals have been simplified or reconstructed to protect confidential platform and customer information. Promotions shown are fictional.

Chapter 01 — The problem

A promotional banner looks simple until admins can configure everything.

Slides, responsive settings, navigation, pagination, autoplay, spacing, image fit, links, expiry, mobile behaviour, publishing, placement, reporting. Expose all of it at once and the admin meets a wall of settings.

Thirteen kinds of decision behind one banner
SlidesResponsive settingsNavigationPaginationAutoplaySpacingImage fitLinksExpiryMobile behaviourPublishingPlacementPerformance reporting
What the visitor sees is one promotion and one decision.

Powerful configuration needs progressive disclosure.

Chapter 02 — Progressive disclosure

Four layers, opened in the order an admin actually thinks in.

Content first — most promotions never need anything past it.

01ContentTitle · description · image · destination · expiry
02LayoutHeight · width · spacing · slides
03BehaviourAutoplay · loop · navigation · pagination
04MobileOverrides where necessary

The slider is a container. Each slide owns its own state.

Up to five slides, each with its own destination and its own expiry — which is why a slider can keep running while one slide inside it quietly stops.

Up to five slides, each with its own state
01Slide 01 — a product, ends in 6 days
02Slide 02 — an external URL, ends in 2 days
03Slide 03 — a supported embed, no expiry
Chapter 03 — Publishing

Saved is not the same as live.

Editing a published slider produces changes that exist but aren’t out yet. The product requires republishing — so the state between the two had to be visible rather than assumed.

Draft / editingNot visible to anyone.
LivePublished and serving.
Edited — changes not live yetSaved, but the public still sees the previous version.
RepublishedThe change is out.
Edit, preview on both widths, then publish. The preview is what makes the settings safe to touch.

Responsive configurability, for where automatic adaptation isn’t enough.

A wide promotional image rarely crops well to a phone. Separate mobile slider and slide settings exist for correction — not as a duplicate of every desktop setting.

Chapter 04 — The loop

Content management and performance feedback live in the same loop.

Views, click rate and placement context sit beside the thing that produced them, so improving a promotion doesn’t mean leaving the tool that publishes it.

  1. 01Create
  2. 02Publish
  3. 03Place
  4. 04Measure
  5. 05Improve
The signals available to the admin — no values are claimed
ViewsClick ratePlacement and page context
Shipped

A reusable promotion surface admins could control themselves.

Used effectively by multiple clients to promote content and offers within their platforms. No click-through or revenue figures are claimed.

This project taught me that configurable B2B UX is often about deciding what not to expose at the same time.

Have a complicated product problem?

Platform architecture, AI features, real-time systems, or a product that has grown more rules than anyone can hold in their head.

Or write it here

This opens your own email client with the message filled in. Nothing is sent or stored by this page.

Pragya Kumari — Product DesignerGrowth · Configuration · 2026