SAASDesign, development and conversion

Product Features

Ready-made on-site campaign features I designed and helped build for Insider's platform.

What I covered

Feature ideas, UX/UI design, builder settings and specs for the development team.

Mock-up: the social-proof builder, where each template and the product-image option update the live toast preview.

The problem

Brands wanted on-site campaigns that lift conversion without a developer for each one. Every idea had to become a ready-made template with settings a marketer can change.

Mock-up: slide to add to cart on a mobile product page.

What I built

  • Social proof: purchase counts, last purchased with time, and viewing now, with an optional product image.
  • Slide to add to cart: a swipe-to-confirm add-to-cart bar for mobile product pages.
  • Spin to win: a coupon wheel with a reveal and a copy-code step.
  • Floating menu: a corner button that opens up to four contact options or a quick menu.
  • Coupon banner: a top bar with a copyable code and a limited-quantity count.
  • Builder settings for each one, so a marketer can change the template, position, colours and text.
Mock-up: a spin-to-win lightbox that lands on 50% and applies the coupon to the store.
Mock-up: a coupon banner with a live code count, and a floating menu with contact and quick-menu templates.

Stack

FigmaJavaScriptHTMLCSS

Where it landed

A few of many. I made more features than I can count; these are rebuilt here as mock-ups with invented stores.

Shipped as campaign templates.