[V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.35", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]png:file="public/images/marco-illustration.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-PyL7yZy21oXvW4FX7PEXrLldlHlfqO.png" isMerged="true" [V0_FILE]png:file="public/images/marco-avatar.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/avatar_7-removebg-preview-So7pOUT4B7HIvvnz1LDSPBog260vol.png" isMerged="true" [V0_FILE]plaintext:file="public/resume.pdf" query="Professional resume for Marco Alvarez, Product & Tech professional with 10+ years experience in B2C/B2B products, including experience at Kontempo, Stori, Centeo, Schibsted, Segundamano.mx, and Illutio. Education includes AI & ML from Texas McCombs, Stanford CPO program, and Mechatronics from Tec de Monterrey. Skills in product management, stakeholder management, discovery, prioritization, agile, and software development." isMerged="true" [V0_FILE]typescriptreact:file="app/not-found.tsx" isMerged="true" import { redirect } from "next/navigation" export default function NotFound() { redirect("/") } [V0_FILE]plaintext:file="public/favicon.ico" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/favicon-ul27nKR3dfc5sbWbtcqkp2EqlNvBzv.ico" isMerged="true" [V0_FILE]png:file="public/favicon-16x16.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/favicon-16x16-N51CknA6A1PUdLqrOHQ83u6udC6JnG.png" isMerged="true" [V0_FILE]png:file="public/apple-touch-icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/apple-touch-icon-aihLO4sml1sOFcByd7Cwcjy8kb8iUy.png" isMerged="true" [V0_FILE]png:file="public/favicon-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/favicon-32x32-L00XQtNplP5JBjieWdAgiW8R8krGWJ.png" isMerged="true" [V0_FILE]png:file="public/android-chrome-512x512.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/android-chrome-512x512-9HvV2F5s4LExaJTg9uXyYC1J2YxRHS.png" isMerged="true" [V0_FILE]png:file="public/android-chrome-192x192.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/android-chrome-192x192-XemoovAeHBzeOIk9OQEoLOMrWyq9Mu.png" isMerged="true" [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Analytics } from "@vercel/analytics/next" import { Suspense } from "react" import Script from "next/script" import "./globals.css" export const metadata: Metadata = { title: "Marco Alvarez - AI Product Manager", description: "AI-native Product Manager specializing in fintech and AI solutions. Building vibepad.ai - Cursor for Product Managers.", generator: "v0.app", icons: { icon: [ { url: "/favicon.ico", sizes: "any" }, { url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" }, { url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" }, ], apple: [{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" }], other: [ { url: "/android-chrome-192x192.png", sizes: "192x192", type: "image/png" }, { url: "/android-chrome-512x512.png", sizes: "512x512", type: "image/png" }, ], }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.9789 0.0082 121.6272); --foreground: oklch(0 0 0); --card: oklch(1.0 0 0); --card-foreground: oklch(0 0 0); --popover: oklch(1.0 0 0); --popover-foreground: oklch(0 0 0); /* Updated primary colors to professional red/amber scheme */ --primary: oklch(0.5106 0.2301 276.9656); --primary-foreground: oklch(1.0 0 0); --secondary: oklch(0.7038 0.123 182.5025); --secondary-foreground: oklch(1.0 0 0); --muted: oklch(0.9551 0 0); --muted-foreground: oklch(0.3211 0 0); /* Added accent color for CTAs */ --accent: oklch(0.7686 0.1647 70.0804); --accent-foreground: oklch(0 0 0); --destructive: oklch(0.6368 0.2078 25.3313); --destructive-foreground: oklch(1.0 0 0); --border: oklch(0 0 0); --input: oklch(0.5555 0 0); --ring: oklch(0.7853 0.1041 274.7134); --chart-1: oklch(0.5106 0.2301 276.9656); --chart-2: oklch(0.7038 0.123 182.5025); --chart-3: oklch(0.7686 0.1647 70.0804); --chart-4: oklch(0.6559 0.2118 354.3084); --chart-5: oklch(0.7227 0.192 149.5793); /* Reduced border radius from 1rem to 0.5rem (50% reduction) */ --radius: 1rem; --sidebar: oklch(0.9789 0.0082 121.6272); --sidebar-foreground: oklch(0 0 0); --sidebar-primary: oklch(0.5106 0.2301 276.9656); --sidebar-primary-foreground: oklch(1.0 0 0); --sidebar-accent: oklch(0.7686 0.1647 70.0804); --sidebar-accent-foreground: oklch(0 0 0); --sidebar-border: oklch(0 0 0); --sidebar-ring: oklch(0.7853 0.1041 274.7134); } .dark { --background: oklch(0 0 0); --foreground: oklch(1.0 0 0); --card: oklch(0.2455 0.0217 257.2823); --card-foreground: oklch(1.0 0 0); --popover: oklch(0.2455 0.0217 257.2823); --popover-foreground: oklch(1.0 0 0); --primary: oklch(0.6801 0.1583 276.9349); --primary-foreground: oklch(0 0 0); --secondary: oklch(0.7845 0.1325 181.912); --secondary-foreground: oklch(0 0 0); --muted: oklch(0.3211 0 0); --muted-foreground: oklch(0.8452 0 0); --accent: oklch(0.879 0.1534 91.6054); --accent-foreground: oklch(0 0 0); --destructive: oklch(0.7106 0.1661 22.2162); --destructive-foreground: oklch(0 0 0); --border: oklch(0.4459 0 0); --input: oklch(1.0 0 0); --ring: oklch(0.6801 0.1583 276.9349); --chart-1: oklch(0.6801 0.1583 276.9349); --chart-2: oklch(0.7845 0.1325 181.912); --chart-3: oklch(0.879 0.1534 91.6054); --chart-4: oklch(0.7253 0.1752 349.7607); --chart-5: oklch(0.8003 0.1821 151.711); --sidebar: oklch(0 0 0); --sidebar-foreground: oklch(1.0 0 0); --sidebar-primary: oklch(0.6801 0.1583 276.9349); --sidebar-primary-foreground: oklch(0 0 0); --sidebar-accent: oklch(0.879 0.1534 91.6054); --sidebar-accent-foreground: oklch(0 0 0); --sidebar-border: oklch(1.0 0 0); --sidebar-ring: oklch(0.6801 0.1583 276.9349); } @theme inline { --font-sans: "Geist", "Geist Fallback", system-ui, sans-serif; --font-mono: "Geist Mono", "Geist Mono Fallback", monospace; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } /* Added smooth scroll behavior for anchor links */ html { scroll-behavior: smooth; } } [V0_FILE]xml:file="public/icons/v0-logo-dark.svg" isMerged="true" [V0_FILE]xml:file="public/icons/v0-logo-light.svg" isMerged="true" [V0_FILE]xml:file="public/icons/v0-icon.svg" isEdit="true" isMerged="true" [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import PortfolioPage from "@/components/portfolio-page" export default function HomePage() { return } [V0_FILE]typescriptreact:file="app/ai/page.tsx" isEdit="true" isMerged="true" import PortfolioPage from "@/components/portfolio-page" export default function AIPage() { return } [V0_FILE]typescriptreact:file="components/portfolio-page.tsx" isEdit="true" isQuickEdit="true" "use client" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { ExternalLink, Mail, Linkedin, FileText, Github, Download, CheckCircle2, BookOpen, ChevronDown, ChevronRight, Award, Briefcase, Target, Users, TrendingUp, Building, Zap, Rocket, } from "lucide-react" import { useState } from "react" interface PortfolioPageProps { showVibePadCard?: boolean showAISideProjects?: boolean } export default function PortfolioPage({ showVibePadCard = false, showAISideProjects = true }: PortfolioPageProps) { const [expandedLessons, setExpandedLessons] = useState>(new Set()) const [showProjectDetails, setShowProjectDetails] = useState>(new Set()) const [expandedPMProjects, setExpandedPMProjects] = useState>(new Set()) const [activePortfolioTab, setActivePortfolioTab] = useState("0-to-1") const toggleLesson = (lessonId: string) => { const newExpanded = new Set(expandedLessons) if (newExpanded.has(lessonId)) { newExpanded.delete(lessonId) } else { newExpanded.add(lessonId) } setExpandedLessons(newExpanded) } const toggleProjectDetails = (projectKey: string) => { const newShowDetails = new Set(showProjectDetails) if (newShowDetails.has(projectKey)) { newShowDetails.delete(projectKey) } else { newShowDetails.add(projectKey) } setShowProjectDetails(newShowDetails) } const togglePMProject = (projectId: string) => { const newExpanded = new Set(expandedPMProjects) if (newExpanded.has(projectId)) { newExpanded.delete(projectId) } else { newExpanded.add(projectId) } setExpandedPMProjects(newExpanded) } const portfolioData = [ { id: "lesson-1", title: "Rapid Prototyping", description: "From idea to live demo — even launching micro businesses — in days with modern tools.", skillsImplemented: [ "Designed user flows and wireframes in Figma", "Built functional prototypes with v0.dev", "Deployed services on Railway with backend integrations", "Integrated payments and dashboards with v0.dev, Supabase, and Retool", ], projects: [ { name: "AI Chat Crediflex", subtitle: "Conversational AI for credit applications", type: "PoC", status: "live", url: "https://v0-kontempo-ai-chat.vercel.app/", implementations: [ "Built conversational UI with React and Tailwind", "Used OpenAI Responses API with custom prompt", "Implemented real-time chat with WebSocket connections", "Created responsive design for mobile and desktop", ], }, { name: "Lulapaw.com", subtitle: "AI-driven embroideried patch generator", type: "Micro Business", status: "live", url: "https://www.lulapaw.com/", implementations: [ "Designed image-to-patch pipeline with OpenAI API", "Built preview generator to simplify embroidery", "Deployed patch generation service on Railway", "Integrated Stripe in v0 for purchases and exports", ], }, ], }, { id: "lesson-2", title: "AI Agents & Copilots", description: "Creating AI copilots and workflow agents to automate processes and assist decision-making.", skillsImplemented: [ "Orchestrated multi-step workflows with n8n", "Applied LangChain for reasoning, tool use, and RAG", "Designed agents for opportunity analysis and strategic alignment", "Deployed and monitored copilots in live workflows", ], projects: [ { name: "Negocitos.mx", subtitle: "AI assistant that identifies micro-business opportunities", type: "Micro Business", status: "development", url: null, implementations: [ "Agent scans web, social networks, and media for demand signals", "Identifies traditional micro-business opportunities", "Uses RAG to generate a full business idea analysis", "Produces a step-by-step guide to launch a new business", ], }, { name: "ElevenPM.ai", subtitle: "Product Management copilot", type: "Micro Product", status: "development", url: null, implementations: [ "User sets persistent business and product context", "Copilot identifies and shapes new product initiatives", "Aligns initiatives with business goals and objectives", "Provides structured recommendations and prioritization support", ], }, ], }, { id: "lesson-3", title: "Prompt Engineering", description: "Building prompt systems that deliver clarity, consistency, and reliable outputs.", skillsImplemented: [ "Structured prompt design with clear templates", "Prompt chaining for multi-step generation (outline → draft → refine)", "Few-shot learning to enforce style and consistency", "Built systems around prompts for reliable, repeatable outputs", ], projects: [ { name: "Marketing-Digital.ai", subtitle: "Content Generation System for brand-consistent copy", type: "Micro Product", status: "development", url: null, implementations: [ "Built multi-stage content pipeline", "Created brand voice consistency checks", "Implemented content quality scoring", "Designed automated content optimization", ], }, { name: "Crediflex Chat", subtitle: "Prompt-driven AI assistant for credit applications", type: "PoC", status: "live", url: "https://v0-kontempo-ai-chat.vercel.app/", implementations: [ "Created domain-specific prompt templates", "Built prompt versioning and A/B testing system", "Implemented context-aware prompt selection", "Designed fallback and error handling patterns", ], }, ], }, { id: "lesson-4", title: "Machine Learning Applications", description: "Using ML models to predict outcomes and drive smarter decisions.", skillsImplemented: [ "Exploratory data analysis (EDA) and preprocessing", "Model design and evaluation (Decision Trees, Bagging, Boosting, Stacking)", "Hyperparameter tuning and feature engineering", "Translating insights into business recommendations", ], projects: [ { name: "Personal Loan Campaign ML", subtitle: "Predictive model for loan campaign optimization", type: "PoC", status: "live", url: "https://res.cloudinary.com/dqxb9uf4m/image/upload/v1759221034/PersonalLoanCampaign_Project_Marco_Alvarez_vcz3it.pdf", implementations: [ "Analyzed customer attributes to predict likelihood of loan acquisition", "Built decision tree model to capture customer patterns", "Evaluated and improved performance with iterative testing", "Delivered business recommendations to improve targeting and conversion", ], }, { name: "EasyVisa ML", subtitle: "Predictive model for visa approvals", type: "PoC", status: "live", url: "https://res.cloudinary.com/dqxb9uf4m/image/upload/v1759221034/EasyVisa_Project_-_Marco_Alvarez_lipwbc.pdf", implementations: [ "Processed and analyzed visa applicant data", "Applied ensemble methods (bagging, boosting, stacking)", "Tuned hyperparameters to improve model performance", "Identified key factors influencing visa approvals to guide decisions", ], }, ], }, { id: "lesson-5", title: "Model Evaluation & Testing", description: "Measuring LLM accuracy, UX impact, and business outcomes.", skillsImplemented: [ "Design evaluation frameworks", "Implement A/B testing for AI features", "Measure model accuracy and bias", "Track business impact metrics", ], projects: [ { name: "Model Performance Dashboard", subtitle: "Real-time monitoring and alerting for ML models", type: "Coming Soon", status: "development", url: null, implementations: [ "Built real-time model monitoring system", "Created automated performance alerts", "Implemented drift detection algorithms", "Designed business impact correlation analysis", ], }, { name: "A/B Testing Framework", subtitle: "Statistical testing platform for AI feature experiments", type: "Coming Soon", status: "development", url: null, implementations: [ "Built statistical significance testing", "Created experiment design templates", "Implemented multi-variate testing support", "Designed automated result interpretation", ], }, ], }, { id: "lesson-6", title: "Model Context Protocol (MCP)", description: "Integrating AI directly into workflows and tools.", skillsImplemented: [ "Understand MCP architecture", "Build workflow integrations", "Design AI-native APIs", "Implement tool calling patterns", ], projects: [ { name: "Workflow Integration Tool", subtitle: "MCP-based system for AI workflow automation", type: "Coming Soon", status: "development", url: null, implementations: [ "Built MCP server implementation", "Created tool discovery and registration", "Implemented secure context sharing", "Designed workflow automation triggers", ], }, { name: "AI-Native API Gateway", subtitle: "Intelligent API routing with semantic discovery", type: "Coming Soon", status: "development", url: null, implementations: [ "Built intelligent request routing", "Created context-aware API responses", "Implemented semantic API discovery", "Designed adaptive rate limiting", ], }, ], }, ] const generalPortfolioData = [ { id: "kontempo", title: "Kontempo Credit OS", company: "Kontempo", period: "2021-Present", type: "0→1 Product", category: "0-to-1", description: "Built credit origination platform from scratch as first employee, drove $30M seed funding.", icon: Building, color: "blue", metrics: [ "$30M seed funding raised", "0→1 product launch in 18 months", "First employee to Head of Product", "Multi-tenant SaaS platform", ], achievements: [ "Designed and launched complete credit origination system", "Built product strategy and roadmap from ground zero", "Established product development processes and team", "Led technical architecture decisions and vendor selection", ], }, { id: "centeo", title: "Lending Platform Launch", company: "Centeo", period: "2020-2021", type: "Platform Launch", category: "0-to-1", description: "First hire to build lending platform and mPOS integrations for SME financing.", icon: Target, color: "indigo", metrics: [ "First product hire", "Platform launched in 12 months", "Multiple mPOS integrations", "SME lending focus", ], achievements: [ "Built lending platform from requirements to launch", "Integrated with multiple point-of-sale systems", "Designed risk assessment and underwriting flows", "Established product development culture", ], }, { id: "illutio", title: "AR System Co-founder", company: "Illutio", period: "2013-2015", type: "Startup Co-founder", category: "0-to-1", description: "Co-founded AR technology startup, built system architecture, raised £24k seed funding.", icon: Briefcase, color: "violet", metrics: ["£24k seed funding", "Co-founder & CTO role", "AR technology focus", "System architecture"], achievements: [ "Co-founded technology startup from concept", "Built augmented reality system architecture", "Led technical product development", "Secured initial seed funding round", ], }, { id: "stori", title: "Security Platform Rebuild", company: "Stori", period: "2024", type: "Platform Rebuild", category: "platform-rebuilds", description: "3-month engagement to rebuild login and security controls for fintech platform.", icon: Zap, color: "purple", metrics: [ "3-month delivery timeline", "Zero security incidents post-launch", "100% user migration success", "Enhanced fraud detection", ], achievements: [ "Redesigned authentication and authorization flows", "Implemented advanced fraud detection systems", "Led cross-functional team through rapid delivery", "Established new security standards and protocols", ], }, { id: "segundamano", title: "Marketplace Evolution", company: "Segundamano.mx", period: "2015-2020", type: "Growth & Innovation", category: "growth-scale", description: "Evolved from Android dev to Head of Product, launched Best App 2015, ML recommendations.", icon: TrendingUp, color: "emerald", metrics: ["Best App Award 2015", "ML recommendation system", "Public API launch", "Android → Head of Product"], achievements: [ "Led product evolution from mobile app to platform", "Implemented machine learning recommendation engine", "Launched public API for third-party integrations", "Grew from individual contributor to product leader", ], }, { id: "schibsted", title: "Digital Ads Rollout", company: "Schibsted", period: "2017-2018", type: "Multi-Market Launch", category: "growth-scale", description: "Rolled out digital advertising platform across 7 international markets.", icon: Users, color: "orange", metrics: [ "7 markets launched", "International rollout", "Digital advertising platform", "Cross-cultural product management", ], achievements: [ "Managed product rollout across diverse markets", "Adapted platform for local market requirements", "Coordinated with international development teams", "Established scalable launch processes", ], }, ] const portfolioCategories = [ { id: "0-to-1", label: "0→1 Products", description: "Building products from scratch", icon: Rocket, }, { id: "platform-rebuilds", label: "Platform Rebuilds", description: "Modernizing existing systems", icon: Zap, }, { id: "growth-scale", label: "Growth & Scale", description: "Scaling products and teams", icon: TrendingUp, }, ] const getProjectsByCategory = (categoryId: string) => { return generalPortfolioData.filter((project) => project.category === categoryId) } return (

{/* CHANGE: Removed fixed width to match other buttons' behavior */}

Experience 10+ yrs building & scaling B2C/B2B products from 0→1 to $1B+ volume.

Founding PM -> Head of Product

Kontempo {" "} • 2021-Present

First employee; built Credit OS product 0→1, drove $30M seed.

Sr Technical Product Lead

Stori {" • 2024"}

3-month project; rebuilt login & security controls.

Sr Product Lead

Centeo {" "} • 2020-2021

First hire; launched lending platform and mPOS integrations.

Sr Product Manager

Schibsted {" "} • 2017-2018

Rolled out digital ads in 7 markets.

Android → Head of Product

Segundamano.mx {" "} • 2015-2020

Best App 2015, marketplace supply, ML recs, public API.

Co-founder & CTO

Illutio {" "} • 2013-2015

Built AR system; raised £24k seed.

Hello, I'm Marco Alvarez.

I'm a 0→1 Product Builder with a technical background and 10+ years of product experience, now growing my skills as an AI PM.

{showVibePadCard && ( Building ElevenPM.ai My own "Cursor for Product Managers" to solve the core pains I face daily as a PM.

Built for me today, empowering other PMs tomorrow.

)}

Education Continuously learning in engineering, business & AI — powering how I build.

AI & Machine Learning: Business Applications

Texas McCombs • 2025-Present

Postgraduate ML program.

View e-portfolio

The Emerging Chief Product Officer

Stanford GSB • 2023

Executive program: Innovative Product Leadership

{/* */} View certificate

Fintech Minor

ITAM • 2022

Financial technologies.

Ley Fintech Minor

Universidad Anáhuac • 2022

Fintech regulation.

Software Engineering

Jönköping University • 2012

Study abroad.

B.Sc. Mechatronics Engineering

Tec de Monterrey • 2008-2013

Bachelor's degree.

AI PM Portfolio

Hands-on projects — from proofs of concept to micro products — showcasing how I apply and grow my AI PM skills.

{portfolioData.map((lesson, index) => { const isExpanded = expandedLessons.has(lesson.id) return ( toggleLesson(lesson.id)} >

{index + 1}

{lesson.title} {lesson.description}

{isExpanded ? ( ) : ( )}

{isExpanded && (

Skills Implemented

{lesson.skillsImplemented.map((skill, skillIndex) => (

{skill}

))}

Portfolio Projects

{lesson.projects.map((project, projectIndex) => { const projectKey = `${lesson.id}-${projectIndex}` const detailsVisible = showProjectDetails.has(projectKey) const isComingSoon = project.status === "development" return (

{project.name}

{project.subtitle}

{project.type} {project.status === "live" ? "Live" : "Coming Soon"}

{project.url && ( )}

{detailsVisible && (

{project.implementations.map((implementation, implIndex) => (

{implementation}

))}

)}

) })}

)} ) })}

{showAISideProjects && (

AI Side Projects

AI side projects in motion — early sparks with big potential.

ElevenPM.ai

Cursor for Product Managers

in development

preflow.ai

Marketplace of AI workflows

coming soon

aprendiendo.ai

AI learning hub

coming soon

pyme360.ai

Copilots for SMEs

coming soon

whatsapps.ai

AI-native WhatsApp apps

coming soon

airvibe.ai

Cursor for Entrepreneurs

coming soon

easymap.ai

AI-generated maps

coming soon

urbanmap.ai

GenAI maps for urban planning

coming soon

)}

Product Management Portfolio

10+ years building products from 0→1, scaling platforms, and leading cross-functional teams.

{portfolioCategories.map((category) => { const IconComponent = category.icon const isActive = activePortfolioTab === category.id return ( ) })}

{portfolioCategories.find((cat) => cat.id === activePortfolioTab)?.description}

{getProjectsByCategory(activePortfolioTab).map((project) => { const IconComponent = project.icon const isExpanded = expandedPMProjects.has(project.id) const colorClasses = "bg-indigo-50 border-indigo-200 text-indigo-700" const iconColorClasses = "text-indigo-600" const projectCTAs = { kontempo: { url: "https://kontempo.mx", label: "View Platform", type: "live" }, stori: { url: "#", label: "View Case Study", type: "case-study" }, centeo: { url: "#", label: "View Architecture", type: "diagram" }, segundamano: { url: "https://segundamano.mx", label: "View Live Site", type: "live" }, schibsted: { url: "#", label: "View Rollout Plan", type: "diagram" }, illutio: { url: "#", label: "View Demo", type: "demo" }, } const cta = projectCTAs[project.id as keyof typeof projectCTAs] return (

{project.title}

{project.company} • {project.period}

{project.type}

{project.description}

Key Metrics

{project.metrics.slice(0, isExpanded ? project.metrics.length : 2).map((metric, index) => (

{metric}

))}

{isExpanded && (

Key Achievements

{project.achievements.map((achievement, index) => (

{achievement}

))}

)}

Links coming soon

) })}

) }

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This