Full-size image

01 / Product snapshot · Later

Linkin.bio

Designed a visual site builder that helps creators make Instagram and TikTok content clickable, shoppable, and easier to manage.

60-second summary

Problem

Small businesses and creators needed a simple way to turn social attention into useful destinations without building a full website.

Role

Product Design · UI Implementation · Web

Pivotal decision

Pair a live phone preview with page settings so every change remains visible in a direct, WYSIWYG-style workflow.

Outcome

A visual builder connects reusable blocks, design controls, publishing settings, commerce links, and measurement in one understandable workflow.

Linkin.bio editor with page settings and a live preview
01Product interface

The editor keeps configuration and the resulting social landing page visible together.

Decisions and system thinking

A visual builder that keeps design and implementation decisions connected

The interface was shaped for creators and small businesses who needed the power of a page builder without the complexity of building a website.

01 / Editing model

Keep the resulting page visible while it is being configured.

A persistent phone preview beside the controls creates a direct WYSIWYG relationship: profile, block, theme, and style changes can be understood immediately and reversed without leaving the editor.

02 / Reusable system

Build pages from flexible blocks and shared design controls.

Profile, social links, buttons, linked posts, banners, media, and marketing integrations share a consistent block model. Theme, color, typography, shape, and shadow controls extend the same system without exposing unnecessary complexity.

03 / Product path

Connect creation, publishing, and measurement.

Page management, access settings, Shopify product links, UTM tracking, and Later analytics connect the page-building experience to the work creators need to do after publishing.

What shipped

One path from page setup to measurable traffic

  1. 01Configure profile and page identity
  2. 02Add links, social posts, products, and reusable blocks
  3. 03Adjust the theme with the live preview visible
  4. 04Publish the page and add it to the social bio
  5. 05Track clicks, traffic, and commerce activity

Shipped-product walkthrough

Linkin.bio product walkthrough

Later’s public walkthrough demonstrates the wider shipped flow: adding links to scheduled and published posts, tagging Shopify products, previewing the destination, and tracking traffic and revenue.

A customer-facing walkthrough connecting page creation, commerce links, publishing, and measurement.Watch on YouTube

Customer-reported signal

Useful evidence, clearly attributed

WELL+GOOD reported 179% year-over-year growth in Instagram traffic after implementing Linkin.bio. This is presented as an attributed customer result—not as a universal product metric or a claim of sole-designer causality.

Design contribution

What I contributed across the product workflow

  • Project-scope definition with product
  • Competitor and user research and testing
  • Impact–effort prioritization
  • User flows, prototypes, and interaction definition
  • High-fidelity product design
  • Figma component-library creation
  • HTML/CSS implementation quality
View original source case
Next featured caseInstagram Analytics

A data-heavy Later workspace spanning audience, content, hashtag, and report analysis.

Continue the conversation

Want to discuss the decisions behind the work?