Manoj Shakar
  • Home
  • About
  • Craft
Freshworks / Social Media / Campaign UX

One designer. One month. One campaign experience.

Marketers inside Freshworks' suite were stitching together a scheduler, a design tool, and email threads to ship a single campaign. Posts existed, campaigns didn't. As the sole designer on a one-month timeline, I took the flow from a six-tool competitive teardown to engineering handoff, cutting a measured two-hour creation task to under twenty minutes.

Company
Freshworks
Timeline
1 month
Role
Sole Product Designer
Team
1 PM · 5 Engineers
Task time
↓83% task time (from 2 hrs to <20 min)
Redesigned campaign creation interface with multi-page posting and live preview

The final creation screen: campaign name, post to multiple pages, customise per page, and a live desktop and mobile preview of the post as it will appear on each platform.


01  ·  Context

Posts existed. Campaigns didn't.

Every existing flow treated a post as the unit of work. But marketing teams don't think in posts, they think in campaigns: a goal, a set of coordinated posts across pages and platforms, and a result they report upward. The tooling forced them to hold the campaign in their head, or in a spreadsheet.

🧩
Fragmented creation flow

Drafting in a design tool, copy in a doc, scheduling in a third product. Publishing one post meant context-switching across three surfaces, with approval happening over email.

🫥
No campaign-level status

Was the campaign scheduled, published, or stuck in draft? No screen answered that. Status lived in the marketer's memory and in Slack threads, and performance lived in platform exports.

⏱️
Two hours to publish

We timed the existing multi-tool process with a marketer: roughly two hours from brief to a scheduled multi-platform post. The cost wasn't effort, it was campaigns that never shipped.

⚡ Constraint: one month, one designer, scope locked. Five phases, research to final design, with every research method having to pay for its calendar time. No phase got a second week.


02  ·  Research

Six tools, two categories. Three shared gaps.

The market split cleanly in two: post-management tools (Ryzely, Publer, Later, Zoho Social) and comprehensive campaign suites (Mailchimp, HubSpot). I walked the full creation-to-publish flow in all six and scored them on a feature matrix: multiple post creation, live preview, character limit validation, and media upload support.

Competitive teardown · 6 tools

Full creation-to-publish walkthrough in each, scored on a four-row feature matrix. Answered: where does every tool break down, and what does nobody solve?

Baseline task timing

Timed a marketer running the existing multi-tool process end to end, brief to scheduled post. The ~2 hour result became the benchmark every iteration was tested against.

Moderated sessions · 2 rounds

Task-based sessions with practising marketers at iteration 1 and iteration 3, same task, same timer. Answered: does the design actually reduce the load, or just look like it does?

Market map: post-management tools vs comprehensive campaign tools
Feature matrix across the six tools

The matrix that set the brief. Multiple post creation: only Publer and HubSpot. Live preview: four of six. Character limit validation: zero of six.

1
Multi-page posting was rare and clunky

Only Publer and HubSpot supported creating the same post across multiple pages, and both buried it. The rest forced page-by-page repetition. Campaign-level coordination didn't exist anywhere.

2
Live preview was inconsistent

Later and Zoho Social had no preview at all. The four that did showed a generic render, not how the post would actually appear per platform, per device. Marketers published on faith.

3
Character limit validation: zero of six

Not one tool validated content against each platform's character limits before publish. Posts silently truncated or failed on the platform's side. This gap was free to own, and it shaped both the composer and the error-state designs.


03  ·  Who we designed for

One marketing team. Three people in the flow.

Research centred on a medium-sized e-commerce marketing team, where a campaign passes through three pairs of hands: the manager who owns the outcome, the designer who makes the creative, and the content creator who writes and ships the posts. Each shaped a structural decision in the product.

PM
Prem · Digital Marketing Manager
Owns the campaign
Goals
Increase brand visibility, drive website traffic and conversions, optimise campaigns, and improve ROI.
Challenges
Limited time, managing multiple platforms, and analysing campaign performance across them.
Shaped in the product
The campaign list with status, impressions, and interactions per campaign, and one-click metrics. Performance without exports.
GD
Alex · Graphic Designer
Makes the creative
Goals
Showcase creativity, attract clients, and collaborate with the rest of the marketing team.
Challenges
Balancing creativity with branding, finding the target audience, and time management.
Shaped in the product
The media gallery: upload once, reuse across posts and campaigns, with format and size validation at upload, not at publish.
CC
Anju · Content Creator
Writes and ships
Goals
Craft engaging content, increase brand awareness, and drive website traffic.
Challenges
Staying current with trends, maintaining consistency across platforms, and measuring what worked.
Shaped in the product
One composer for all pages with customise-per-page, live per-platform previews, and character counters per platform while typing.

04  ·  Design decisions

From sketches to a shipped flow in four iterations.

Early sketches explored two flows on paper: connecting social media platforms, and creating a campaign across them. Linear vs modular approaches were tested before anything reached Figma, and every iteration after that was annotated with what it still got wrong.

Ideation sketches: connecting platform flow and campaign flow

The two sketched flows: connecting platform accounts, and creating a campaign across them.

Wireframes - campaign creation flow with composer and preview layout

Low-fidelity wireframes locking the composer, page selection, media gallery, and preview layout. Validated with the PM and engineers before high-fidelity work.

Decision 1: one composer, many pages.

Iteration 1 - single screen, no platform switching, no post cloning
What we tried

Iteration 1 put everything on one screen with no way to switch between social platforms and no option to clone a post. Iteration 2's fix made creating multiple posts take far too many clicks.

Why it didn't work

Both versions treated each post as separate work. The annotations tell the story: "no option to switch between social platform," "no option to clone the post," "creating multiple posts needs a lot of clicks."

What we built

"Post to" page cards at the top of one composer: add Facebook, Instagram, and LinkedIn pages, write once, and post to all of them in a single click. A customise-posts toggle opens per-page editing only when content needs to differ.

Decision 2: a live preview per platform, per device.

Iteration 2 - phased reveal, multiple posts took too many clicks
Iteration 3 - refined transitions, still missing delete and live preview
What we tried

Iterations 2 and 3 shipped without a live preview. Review annotations flagged it both times: "no live preview," alongside "no option to delete the post."

Why it didn't work

In sessions, marketers kept asking "how will this look?" while typing. Four of six competitors had some preview; the two without it felt the most uncertain to use. We were repeating their worst gap.

What we built

A split layout: composer on the left, live preview on the right, with platform tabs (Facebook, LinkedIn, Instagram) and a desktop/mobile toggle. The preview renders the post as each platform will actually display it, updating as users type.

Decision 3: validate at the keystroke, not at publish.

Iteration 4 - preview-first split layout, near final
What we tried

Following the market: no character validation. Every one of the six tools we tore down let users publish first and find out later.

Why it didn't work

Posts truncated or failed silently on the platform's side. The same caption has different ceilings on Facebook, LinkedIn, and Instagram. The research matrix showed this gap was universal, which made it the cheapest trust win available.

What we built

Per-platform character counters inside the composer, counting against each platform's limit simultaneously. Overflow flags the specific platforms exceeded before save, with the exact overage shown. The one feature no competitor had.

The final solution

Final shipped design

Create a multi-platform campaign in a single click: page cards across Facebook, Instagram, and LinkedIn, customise per page, per-platform character counters, media gallery, live desktop and mobile preview, and save as draft, schedule, or post now. Approved at design review and handed to engineering in week 3.


05  ·  Edge Cases & Error States

What happens when things go wrong.

A creation flow is only as good as its error handling, and the research finding that no tool validated content made this section the differentiator. Every limit is specific, surfaced before publish, and tells the user exactly what to fix.

Edge cases: per-platform character overflow, media gallery limits, upload size validation, video runtime limits, upload retry states

The validation layer: character overflow per platform, page pagination at scale, gallery and file-size limits, video runtime rules, and upload states with retry.

Character overflow, per platform

The composer counts against Facebook, LinkedIn, and Instagram limits simultaneously. Exceed one and the error names the platform and the exact overage, before save, not after a silent truncation.

Media validation at upload

Image size capped at 5MB across all three platforms, a maximum of 10 images per gallery upload, and video runtime validated against the strictest platform in the post: 10 minutes for Facebook and LinkedIn, 1 minute when Instagram is included.

Upload states with retry

Multi-file uploads show per-file progress, time remaining, and pause. A failed file states the reason — photo size, video length, format — with a one-tap retry. One failure never blocks the rest of the batch.


06  ·  Outcome

Benchmarked against the flow it replaced.

The same task that set the baseline was re-run on the final design in a moderated walkthrough: Prem, a Digital Marketing Manager at Dunzo Daily, connecting his Facebook pages, composing one post for three Dunzo pages, attaching creative from the media gallery, previewing per platform, and scheduling — then tracking the published campaign's impressions and interactions from the campaign list.

<20 min
Completion time

Brief to scheduled multi-page campaign in the final timed walkthrough, against the ~2 hour baseline across three tools. Performance one click from the campaign list. No exports, no spreadsheets.

Week 3
Engineering handoff

Approved at design review and handed to engineering with edge cases and error states specced. Shipped within the one-month window with no design rework during build.

1 of 1
Designer

Sole designer across research, strategy, sketches, wireframes, four high-fidelity iterations, edge cases, and handoff. Every artifact on this page was produced inside the same month.

The full walkthrough: connect Facebook, add Dunzo pages, compose once for all pages, upload from the media gallery, preview on Facebook, LinkedIn, and Instagram, schedule, campaign published with impressions, interactions, and per-platform post review.


07  ·  Moments that shaped the product

Two times the work changed direction.

The matrix found the feature nobody built

Character limit validation scored zero across all six competitors.

The teardown matrix was meant to tell us what to match. Its most useful row told us what to own: not one tool validated content against platform limits before publish. That single empty row became the per-platform character counters in the composer and an entire validation layer in the edge-case designs. The cheapest differentiator is the gap everyone shares.

The annotations were the roadmap

Each iteration was reviewed with its failures written directly on the screen.

"No option to switch between platforms." "Creating multiple posts needs a lot of clicks." "No live preview." Instead of vague feedback rounds, every review produced specific annotations pinned to the design, and each became the brief for the next iteration. Four iterations in three weeks was only possible because the criticism was this concrete.


08  ·  Reflections

What I'd do differently.

1
Design platform logic as a configurable layer

Character limits, media caps, and video runtimes shift whenever a platform changes its rules. Keeping that logic configurable rather than hardcoded meant updates without a full redeploy. I'd push this even further from day one.

2
Test earlier, even on tight timelines

The sessions that exposed iteration 1 happened in week 2. Running them in week 1, against the sketches, would have saved a full high-fidelity pass.

3
Design the expert path alongside the guided one

The structured flow was the right call for launch, but power users who run campaigns daily need shortcuts: clone a past campaign, skip straight to scheduling. That escape hatch should have been in the v1 spec, not the backlog.

← All work Next case study →