All projects
Designed & Built with AI · Personal Project

Emerged

Designed and built a product discovery platform with Claude API, AI curation, and personalised recommendations.

Role

Designer, Product Owner & AI-Assisted Builder

Duration

Ongoing

Tools

Figma, Next.js, Supabase, Claude API, OpenAI, Tailwind

Emerged

The Problem

Product discovery is fragmented and manual

Discovering new products means manually checking Product Hunt, Hacker News, Reddit, Indie Hackers, BetaList, and more — every day. There's no single place that curates across sources, personalises to your interests, and surfaces what actually matters.

I designed and built Emerged to solve this — a product discovery platform that automatically collects from 8 sources, uses AI to score, categorise, and curate, then delivers a personalised experience. I led every design decision from product strategy and information architecture to visual design and component patterns. AI (Claude) handled the code implementation under my direction. A platform of this scope — 46 pages, 105 components, 3 AI models, full monetisation — would normally require a team of engineers and months of runway. I shipped it solo, in weeks. Emerged is production-ready and launching soon.

For YouTrendingNewest
C

Corgi Insurance

Startup insurance without the broker BS

Legal & ComplianceFinance
Jan 12, 2026
Q

Quizify

Effortless Quizzes That Engage and Convert

EducationMarketing
Jan 8, 2026
S

Scratchboard.io

Simulate circuits before you build

Developer ToolsHardware
Dec 30, 2025

The Design Scope

A complete SaaS product designed end-to-end

46

pages designed

3

distinct user types

105

UI components built

6

AI-powered features

Emerged serves three audiences — end users discovering products, founders promoting their listings, and admins moderating at scale. Each required a distinct design approach while maintaining a coherent product. The platform includes onboarding and personalisation flows, a custom design system, monetisation (sponsorships, founder perks, launch packages), a full email system, and production monitoring.

Designing for Users

Personalised discovery without effort

The feed: A YouTube-style recommendation engine

The core experience is a personalised feed powered by a recommendation algorithm comparable in complexity to YouTube's approach. Each user has a taste profile — built from category affinities, dimension preferences (audience, platform, industry, technology), interaction history (saves, upvotes, impressions, view duration), and collaborative filtering against similar users. The algorithm weights recency, engagement signals, trending scores, and editorial quality to produce a relevance-ranked feed that improves with every interaction.

Taste profiles are recomputed nightly. Feeds are pre-cached every 30 minutes for instant loading. Trending scores recalculate every 2 hours. The result is a feed that feels effortless to the user but is backed by sophisticated personalisation — the kind of system design challenge typically reserved for teams of engineers.

The design challenge was making this personalisation feel transparent, not opaque. Users can see their taste profile in settings, fine-tune it by excluding categories or dimensions, and understand why products appear. A “while you were away” banner re-engages returning users by surfacing what they missed.

Product details: Staying in the flow

I designed an intercepting route modal for product details — clicking a card opens a detail panel over the feed. Users can read the AI editorial take, view screenshots, see similar products, save to collections, and share — all without losing their scroll position. Direct URLs fall back to a full standalone page, supporting deep-linking and social sharing.

Transferable skill: The browse-then-detail pattern (inspired by Instagram and Product Hunt) is applicable to any content-heavy product — e-commerce, job boards, media platforms. The key decision is when to break the browsing flow and when to preserve it.

L

Luminai

TrendingEditor's Pick

AI-powered design system generator for production teams

Design ToolsAIDeveloper ToolsReact

Bridges the gap between design tokens and production code. Finally, a tool that understands both designers and engineers.

Luminai analyses your existing codebase and design tokens to generate a complete, production-ready design system. It understands your brand, your component patterns, and your engineering constraints.

Key Features

  • Analyses existing codebase and design tokens
  • Generates production-ready React components
  • Auto-creates Storybook stories and documentation
  • Supports Tailwind, CSS-in-JS, and vanilla CSS

More like this

Stackwise

Understand your codebase with NLP

Componly

Component analytics for design systems

Tokenflow

Design token pipeline automation

Collections: User-curated and AI-generated

Users can save products to collections manually, or describe what they want (“tools for indie hackers building in public”) and get an AI-curated list generated automatically. Collections have auto-generated cover artwork, can be reordered, and can be shared publicly with unique URLs.

Saved Products

Your collections and saved items

Collections

3

Favorites

14 itemscreated 2w ago

Design Tooling

Tools for modern design workflows

12 itemscreated 3d ago

Indie Hacker Stack

Tools for indie hackers building in public

8 itemscreated 1w ago

Recent Saves

3+
L

Luminai

AI design system generator

Design ToolsAI
2h ago
47
Visit
S

ShipFast

Ship your SaaS in days, not weeks

SaaSBoilerplate
1d ago
82
Visit
P

Plausible

Privacy-first web analytics

AnalyticsPrivacy
3d ago
234
Visit

Designing for Founders

Claim, customise, and promote — a second product inside the product

Founders are a distinct user type with different goals. They don't want to discover products — they want their product discovered. I designed a founder experience inside Emerged: claim your listing through email verification, then customise it with hero images, demo videos, custom CTAs, and discount perks.

Edit requests go through an approval queue to maintain content quality — a design pattern that balances founder autonomy with editorial control. A “My Products” dashboard shows claimed and submitted products with their current status.

My Products

L

Luminai

Featured· ends Apr 12

AI-powered design system generator for production teams

S

Stackwise

Understand your codebase with natural language queries

Pending Review
D

Dataweave

ETL pipelines that build themselves from your schema

Monetisation design

I designed the monetisation model from scratch: individual perks (verified badge, video embed, custom CTA, custom hero) and all-in-one launch packages that bundle perks with featured placement at a discount. Sponsorships run for 1–2 weeks with impression tracking. The pricing structure was designed to make the bundle feel like obvious value — individual perks total $17.96, the full launch package is $11.99.

Transferable skill: Designing monetisation flows — pricing psychology, upgrade paths, feature gating, and payment integration — is a core product design skill for any SaaS or marketplace product.

Designing for Admins

Moderation at scale with AI-assisted triage

Hundreds of products are scraped daily from 8 sources. Without smart moderation, an admin would spend hours reviewing every listing. I designed a 6-stage approval pipeline that uses AI to handle the volume:

  1. Products enter as Pending Triage
  2. AI scores quality (0–100 with confidence) — high-confidence rejections auto-skip, removing the biggest time sink
  3. Admin reviews remaining as Interested or Passed
  4. Approved products move to Ready to Queue
  5. The publishing queue controls timing and pacing
  6. Published — live on the platform, founder notified

The system learns from admin decisions over time — when an admin overrides an AI triage score, that feedback improves future scoring. This human-in-the-loop pattern reduces admin workload without sacrificing quality.

Transferable skill: Designing AI-assisted moderation workflows — where AI handles volume and humans handle judgment — is directly relevant to content platforms, marketplaces, and any product with user-generated content.

Pipeline Status

Last updated: 2m ago

All Systems Healthy
Pipeline Stages

47

New

12

Enriching

8

Needs Review

15

Queued

234

Published

89

Rejected

Total: 405 products

Recent Activity

CodeLoom

2m ago

Published

DataPipe Pro

8m ago

Enriching

PixelForge

15m ago

Needs Review

APIShield

22m ago

Published
Stuck Items (2)

BetaKit

3d stuck in enrichment

CloudSync

2d stuck in enrichment

Beyond moderation, the admin panel includes email campaign management with A/B testing and delivery tracking, cultural phase management (AI-detected trends in the startup landscape), engagement analytics, scraper monitoring with job history, and a full audit log.

My Approach to AI Product Design

Four patterns I apply to every AI-powered feature

Building two AI-powered products has taught me that every AI feature needs the same four design patterns. These aren't specific to Emerged — they're the framework I bring to any AI product work:

1. Fallback chains

Every AI-generated asset needs a graceful degradation path. In Emerged, product logos fall back to favicons, then screenshots, then generated initials. No broken states, ever. The user should never know the AI failed.

2. Confidence-gated automation

AI should handle what it's confident about and flag what it's not. High-confidence triage scores auto-process; low-confidence scores get flagged for human review. The UI clearly distinguishes certain from uncertain — users (and admins) always know how much to trust the AI's judgment.

3. AI-as-draft

Every AI output is a draft, never a final answer. AI-generated descriptions, editorial takes, and classifications pass through approval stages before users see them. The design treats AI as a highly productive first pass that humans refine and approve.

4. Right model for the right job

Not every AI task needs the best model. Gemini Flash for high-volume scoring (fast, cheap). GPT-4o-mini for classification (90% cheaper, good enough for structured tasks). Claude for personalised emails (quality and tone matter most). Designing AI features means understanding these trade-offs.

As every product adds AI capabilities, these patterns — fallback chains, confidence gating, AI-as-draft, and model selection — are becoming core product design competencies. I've applied them across two production platforms and can bring this framework to any team building with AI.

L

Luminai

AI-powered design system generator for production teams

Bridges the gap between design tokens and production code. Finally, a tool that understands both designers and engineers.

Luminai analyses your existing codebase and design tokens to generate a complete, production-ready design system. It understands your brand, your component patterns, and your engineering constraints.

Key Features

  • Analyses existing codebase and design tokens
  • Generates production-ready React components
  • Auto-creates Storybook stories and documentation
  • Supports Tailwind, CSS-in-JS, and vanilla CSS
  • Continuous sync as your design system evolves
Design ToolsAIDeveloper ToolsReact
AI Scores
Quality87/100
Relevance94/100
Confidence92%
Extracted Data
Core ProblemAI

Manual design-to-code translation

Target AudienceAI

Product teams with existing codebases

Key DifferentiatorAI

Analyses real code, not just design files

Business ModelScraped

SaaS — team-based pricing

Tech StackAI

React, TypeScript, AST parsing

Launch DateScraped

Feb 2026

Design System

A 105-component library with a custom glass design language

With 46 pages and three distinct user types, I needed a design system that scaled. I designed a two-tier elevation approach: grounded surfaces (cards, panels, backgrounds) use subtle shadows, while floating elements (modals, dropdowns, tooltips) use backdrop blur and inset highlights to create depth — a glass design language.

The 105-component library is organised by domain — startup cards, feed components, founder tools, admin interfaces, browse filters, lists, and shared UI primitives. Each component handles its own loading, error, and empty states. The system is documented in a design system reference covering elevation classes, colour tokens, shadow scale, z-index hierarchy, responsive breakpoints, and padding standards.

Grounded — Cards, Panels

L

Luminai

Design system generator

Solid background, subtle shadow. Used for persistent content that lives on the page.

Floating — Modals, Dropdowns

Glass panel

Backdrop blur + transparency. Content beneath is visible.

Shadow Scale

sm

md

lg

glass

Email & Engagement Design

Bringing users back with personalised communication

Discovery platforms die without re-engagement. I designed the full email experience: personalised daily and weekly digests, founder approval notifications written by Claude (mentioning where the product was discovered and what stood out), follow-up emails for inactive users, and a CAN-SPAM compliant unsubscribe flow.

The admin email tools support A/B testing, delivery tracking (sent, delivered, bounced, complained), rate limiting, and template management. Email drafts move through a status pipeline (draft → approved → scheduled → sent) with an AI safety mode that prevents accidental sends during testing.

Search startups...
All (4)Ready (2)Manual (1)Sent (1)
Select all
L
Luminai

Your product Luminai is now live on Emerged

hello@luminai.dev

valid1.2
S
Stackwise

Stackwise is trending on Emerged

founders@stackwise.io

valid0.8
D
Dataweave

No subject

No email

C
CodeLoom

Welcome to Emerged, CodeLoom!

hey@codeloom.app

valid1.5
L

Luminai

AI design system generator

To:hello@luminai.devvalid
Subject:Your product Luminai is now live on Emerged
Spam:
1.2/10(Low risk)
Hi there,

Great news — Luminai has been published on Emerged! We discovered it on Product Hunt and were impressed by how it bridges design tokens and production code.

Your listing is live and already appearing in personalised feeds for users interested in design tools.

Claim your listing to customise it with a hero image, video demo, and custom CTA.

Best,
The Emerged Team

What I Bring

A designer who understands AI from both sides

I design AI-powered features — personalisation, moderation, scoring, recommendations — and I use AI to build production systems. That means I understand AI as a product feature (what to show users, when to involve humans, how to handle failure) and as a design tool (how to move from concept to shipped product at a pace that wasn't possible before).

Here's what I'd bring to your team:

  • An AI design framework — four tested patterns (fallback chains, confidence gating, AI-as-draft, model selection) that I can apply to any AI feature your product is building. Not theory — patterns proven across two production platforms.
  • Multi-audience product thinking — I've designed for consumers, creators, and admins within one product. The same challenge every marketplace, platform, and B2B tool faces.
  • End-to-end product design — from market gap identification to monetisation strategy to 105-component design system. I think in products, not just screens.
  • Speed that changes what's possible — I shipped a 46-page platform with 3 AI models, full monetisation, and production infrastructure as a solo designer-founder. When your team needs to move fast on an AI initiative, I can prototype, validate, and ship in a fraction of the time.

More projects