Portfolio
Compra que Suma
Tu compra puede hacer más.
Una plataforma que conecta a quienes quieren apoyar comunidades afectadas por una emergencia con los negocios locales que siguen abiertos. Marca, producto y desarrollo, de punta a punta.
ESTRATEGIA · PRODUCTO · UX/UI · DESARROLLO
NEXT.JS · REACT · SUPABASE · POSTGRESQL · RLS · AUTH · RESEND
- Desarrollo
- Por fases · estrategia → UX/UI → desarrollo → producción
- Estado
- En producción
- Ubicación
- Colombia
Qué resolvimos
Reemplazar el lenguaje de caridad por una experiencia de descubrimiento y compra.
Guiar de ciudad a categoría a negocio, sin fricción ni cuentas.
Sostener un directorio real: datos centralizados, validación y revisión humana.
Cómo trabajamos
Modelo de negocio y contexto del producto.
Arquitectura de información y fricción de UX.
Flujo central, alcance y arquitectura técnica.
UX/UI, sistema de diseño, Next.js y Supabase.
Preparación para producción, validación, SEO y seguridad.
Producto + UX
Descubrimiento
Ciudad → categoría → negocio
Autocompletado · Filtros · Estado en la URL
Perfil de negocio
Contacto y datos reales
Mobile-first · Datos verificados
Registro
Alta de negocios
Validación cliente + servidor
Arquitectura + Ingeniería
Seguridad a nivel de fila, autenticación por enlace mágico y sesiones con vencimiento — reforzado para registros reales, no solo para la demo.
RLS · Auth · Sesiones seguras · Enlaces de un solo uso · Validación server-side · Email transaccional · SEO
Experiencia / Frontend
Next.js · App Router · React
Datos / Backend
Supabase · PostgreSQL
Seguridad
Row Level Security · Auth
Transaccional / Infraestructura
Resend · Vercel
Diseño + Producción
Cinco colores de marca, tres tipografías con roles distintos, y una marca "+" que nunca se fuerza dentro del logotipo.
Fraunces · DM Serif Display · DM Sans · Tokens de color · Sistema tipográfico · Componentes · Estados responsive
SEO · Seguridad · Despliegue en producción · Registro real · Perfiles de negocio reales
En producción.