© 2026 marielbydesign — All rights reserved.

Piclink
Landing pageWeb platformLink in bioAdmin panel
Client
Miami Image Society LLC
Role
UX/UI Designer & Frontend
Team
3 developers
Timeline
6 months
Tools
Claude Code, Claude Design, Next.js, React, TypeScript, Tailwind CSS

The project

Piclink lets creators build their own page of buttons, where each button leads to a link (link in bio), with a visual editor, measure how many people visit and click, and monetize their audience. I worked on the landing page that presents the product and on the platform: the creator experience and the admin panel. Besides designing it, I built the frontend, using Claude as my tool, alongside a team of three developers.

User types

Admin

Owns the platform: sees metrics and click statistics, manages users by role, plans, cookie packs and the customization library.

Regular user (creator)

Builds their links page, customizes it, measures visits and clicks, and monetizes with cookies, book and store, supported by their AI team.

Agency user

Manages several creators from a single account: adds them, invites them or imports them via CSV, and discovers trending profiles.

What I designed

01

A landing for “everything you are”

It explains how to start in a few steps (your bio in 30 seconds, share it, measure it), shows features like the 109 button styles, the store and analytics, introduces Team AI, a team of five agents with their own roles, and compares the plans.

02

Editor with live preview

On the left, the page as the public will see it; on the right, content, style and settings tabs, with templates, button styles, backgrounds and typography in collapsible options, and an option to generate the design with AI.

03

Click analytics

Profile views, link clicks and conversion rate, with clicks per platform and a creator ranking, filterable by date range.

04

Admin panel

An overview with metrics, quick actions and platform health, and user management by role (fans, creators, agencies and admins) with their plan and subscription status.

05

Guided onboarding

A step-by-step flow for new arrivals: it finds their profile, adds their socials and gets them to their first page in a couple of minutes.

06

Design system and library

The brand and the dark palette with violet and fuchsia gradients are documented, alongside a customization library with the button styles creators can choose from.

Tap an image to see it in full

Regular user: the creator

Agency user

Admin: running the platform

Design system

Piclink: UX/UI case study

Your own page of buttons: all your links in one place, with a visual editor and analytics.

Client
Miami Image Society LLC
Role
UX/UI Designer & Frontend
Team
3 developers
Timeline
6 months
Tools
Claude Code, Claude Design, Next.js, React, TypeScript, Tailwind CSS

The project

Piclink lets creators build their own page of buttons, where each button leads to a link (link in bio), with a visual editor, measure how many people visit and click, and monetize their audience. I worked on the landing page that presents the product and on the platform: the creator experience and the admin panel. Besides designing it, I built the frontend, using Claude as my tool, alongside a team of three developers.

User types

What I designed

View live site