Portfolio
Compra que Suma
Tu compra puede hacer más.
A platform connecting people ready to support emergency-affected communities with the local businesses still open in them. Brand, product and development, start to finish.
STRATEGY · PRODUCT · UX/UI · ENGINEERING
NEXT.JS · REACT · SUPABASE · POSTGRESQL · RLS · AUTH · RESEND
- Development
- Phased · strategy → UX/UI → development → production
- Status
- In production
- Location
- Colombia
What we solved
Replace the language of charity with a discovery-and-purchase experience.
Guide people from city to category to business, with no friction or accounts.
Sustain a real directory: centralized data, validation and human review.
How we worked
Business model and product context.
Information architecture and UX friction.
Core flow, scope and technical architecture.
UX/UI, design system, Next.js and Supabase.
Production readiness, validation, SEO and security.
Product + UX
Discovery
City → category → business
Autocomplete · Filters · URL state
Business profile
Real contact details
Mobile-first · Verified data
Registration
Business sign-up
Client + server validation
Architecture + Engineering
Row-level security, magic-link auth and session expiry — hardened for real submissions, not just the demo.
RLS · Auth · Session security · One-time-use links · Server-side validation · Transactional email · SEO
Experience / Frontend
Next.js · App Router · React
Data / Backend
Supabase · PostgreSQL
Security
Row Level Security · Auth
Transactional / Infrastructure
Resend · Vercel
Design + Production
Five brand colors, three typefaces with distinct roles, and a "+" mark that never forces itself inside the logotype.
Fraunces · DM Serif Display · DM Sans · Color tokens · Type system · Components · Responsive states
SEO · Security · Production deployment · Real registration flow · Real business profiles
In production.