Kevin Leiva
← Proyectos
08Caso de estudioProducto · SaaS · Marca

raya/dos.

El directorio de tatuadores de Chile: el cliente publica su idea y recibe cotizaciones; el tatuador tiene vitrina, agenda y clientes. Producto propio, de la idea a producción.

Rol

Producto, diseño y desarrollo

Año

2026

En vivo

rayados.kilplabs.dev ↗
raya/dos

El problema

Buscar tatuador en Chile es scrollear Instagram y cotizar por DM. Y para el tatuador, Instagram no es un portafolio: las cotizaciones se pierden entre mensajes y la agenda vive en una libreta.

La solución

01

Vitrina y búsqueda

Perfiles por estilo y ciudad, con portafolio, reseñas y precio desde. Cada estilo y ciudad tiene su página, pensada para Google.

02

El muro de ideas

El cliente publica su idea gratis y los tatuadores le proponen precio, sesiones y una hora de su agenda. Al aceptar, se comparten los WhatsApp.

03

Pro para tatuadores

Radar con las ideas de su estilo 12 horas antes que el resto, agenda con horas publicadas, ficha de cada cliente y calendario sincronizable.

Stack

Frontend

Next.js 16React 19Tailwind v4MotionLenis

Datos

SupabasePostgreSQL + RLSStorageAuth

Backend

Server ActionsFunciones SQLFlowResend

Infra

AWS LambdaCloudFrontS3Cloudflare

Contenido

RemotionVoz clonadaMúsica por código
Next.js 16React 19Tailwind v4MotionLenisSupabaseNext.js 16React 19Tailwind v4MotionLenisSupabaseNext.js 16React 19Tailwind v4MotionLenisSupabaseNext.js 16React 19Tailwind v4MotionLenisSupabase

Arquitectura

La lógica de negocio vive en la base: Postgres decide quién puede ver, proponer o agendar, y la app solo se lo pide.

1

Visita

Navegador

Next.js 16 con Server Components, pensado primero para el teléfono.

2

Entrega

CloudFront + Lambda

Next standalone con Lambda Web Adapter.

S3

Estáticos y caché en el borde.

3

Datos

Supabase Postgres

35 migraciones, RLS y funciones con guardas, cubiertas por 259 pruebas SQL.

Storage

Fotos del portafolio optimizadas a WebP.

4

Avisos y pagos

Resend

Correos de cotizaciones, tratos y citas.

Flow

Cobro del plan Pro, sin renovación automática.

Pantallas

01 / 06
Descubrir
01 DescubrirCliente
Vitrina
02 VitrinaCliente
Cotización
03 CotizaciónCliente
Radar
04 RadarTatuador Pro
Agenda
05 AgendaTatuador Pro
Clientes
06 ClientesTatuador Pro

Siguiente proyecto · 01

Awna→

Kevin Leiva · hola@simple-soluciones.com
LinkedInGitHub
© 2026