← All work
Markdrop

Selling a feedback tool by starting with the mess.

My role
Web design & copywriting
Scope
Product site, landing, onboarding
Audience
Web agencies & freelancers
Live
markdrop.app ↗
The full Markdrop homepage, top to bottom.

The brief

Markdrop lets clients leave feedback pinned directly on a live website, with screenshots, recordings and threads, so agencies stop digging through Slack, email and WhatsApp.

Every agency already “has a system”. The site had to make them admit it isn’t working.

The goal

Turn a crowded category into a clear, personal choice: show the cost of messy feedback, show the product fixing it, and make switching feel obvious.

A first screen that names the problem

Bold, plain type and the real product side by side, so the promise and the proof land together.

Markdrop hero: the headline ‘All your client feedback. Finally in one place.’, a short subheading, purple Start for free and white See how it works buttons, a row of tool icons and a product screenshot of comment threads on a website.
1 2 3
  1. “finally”

    One word does the emotional work: it admits the reader has been struggling. Set in heavy, tight type so it reads as a relief, not a pitch.

  2. show, don’t tell

    The real product on the right: a comment thread pinned to a live page. No illustrations standing in for the UI.

  3. tools they already use

    Slack, Figma, Gmail and WhatsApp icons, greyed out. The tools Markdrop replaces, recognised in a glance.

Leading with the pain

Before any features, the page makes the reader feel the problem once.

Pain section: the headline ‘Every messy feedback thread costs you money.’ beside a chat illustration where a client says ‘looks great’ then complains about a missed change, with labels for missed context, week delayed and delayed payments.
1 2 3
  1. money, not mess

    “Costs you money” turns an annoyance into a business problem, which is what gets a tool bought.

  2. a story in 4 bubbles

    “Looks great!” followed by “you missed the header feedback”. Every agency has lived this exact chat.

  3. reframe the blame

    “The issue isn’t your clients” takes the reader’s side before asking them to change anything.

A comparison that does the deciding

Agencies always ask “why not just use Slack or Webflow comments?” So the page answers it in a table.

Comparison table: Markdrop in a solid purple column with ticks on every row, next to grey columns for Slack/Email/Docs, Asana/ClickUp and Webflow/Framer, with crosses and words like Depends and Add-on.
1 2
  1. one column glows

    The only saturated colour on the table is Markdrop’s column. Your eye goes there first and reads it top to bottom.

  2. honest = believable

    Competitors get “Depends” and ticks where they earn them. A fair table is a more convincing table.

Desktop and phone

On a phone the buttons go full width and stack, so the main action is always under a thumb.

Markdrop homepage on desktop.
Markdrop homepage on a phone.

What I learned

People buy a fix for a feeling. When the page described the pain in their own words, every feature after it read as an answer, not a list.

Next time

I’d add a short interactive demo near the top so visitors can drop a comment themselves before signing up.