COLD OPEN — BEFORE THE TITLES

Press play.
  • Music · Motion: Quantize drums to a perfect grid and the groove dies. Animate an interface linear and it dies the same way.
  • Audio · Latency: A musician feels 10 milliseconds of delay. A user feels 100. Same human hardware.
  • Colour · Perception: Blending colour in sRGB muddies the midtone: the eye isn't linear, and most software pretends it is.
  • Editing · Interface: A cut works when the eye was already moving. So does an interface transition.
  • Type · Physiology: The 65-character measure isn't taste: it's how far the eye returns to the margin without losing its place.
  • No single discipline sees all of this.
REC·INT. STUDIO — DAY 1

Hi,I'm Mao

Software Engineer & UI Designer, Graphic Designer, Musician, Audio Producer, Video Editor

I write interfaces with the same discipline you'd edit a scene: every cut, every frame, every line of code has to earn its place.

View projectsLet's talk

INT. STUDIO — DAY

About

Passionate about continuous learning and innovation. My core focus is mastering JavaScript, applying clean code and SOLID principles to build efficient, maintainable solutions.

With strong UX/UI skills, I combine creativity and adaptability to build intuitive, engaging interfaces. Over 10 years in graphic and audiovisual production let me bring extra value to the visual development of technology products.

Education

  • Corporación Unificada Nacional de Educación Superior (CUN)

    Software Engineering

    Aug 2026 — Aug 2029

  • Platzi Master

    Web Developer, Software — Frontend Development Bootcamp

    2019 — 2021

years in visual production
10+

years in visual production

companies & studios
05

companies & studios

courses completed on Platzi
200+

courses completed on Platzi

courses completed on Platzi
FICFUSA award — Un hecho corto category
01

FICFUSA award — Un hecho corto category

FICFUSA award — Un hecho corto category

INT. OFFICE — TIMELINE

Experience

  1. Perficient

    Oct 2025 — Apr 2026

    Senior Consultant

    • Led development of modern, high-performance web applications using React and Next.js.
    • Served as the strategic bridge between the design and engineering teams.
    • Transformed complex visual concepts into scalable component systems with pixel-perfect fidelity, without compromising performance or accessibility.

  2. Sorcol

    Jul 2023 — Jul 2025

    Frontend Developer

    • Led a team of developers, growing new technical and leadership skills.
    • Built with React, JavaScript, Hooks, Context, Redux and Tailwind for efficient, responsive interfaces.
    • Fostered collaboration and continuous learning through constant code review and testing.

  3. Globant

    Mar 2021 — May 2023

    Web UI Developer Semi-senior

    • Feature development and bug resolution for Retail, Health and internal-product clients.
    • Stack: vanilla JavaScript, React.js, Redux, HTML5, CSS3, Styled-components, Sass.

  4. Distriandamios SAS

    2020

    Digital Master

    • Creation and maintenance of the corporate website.

  5. Viverplas

    2019

    Digital Master

    • Creation and maintenance of the corporate website with WordPress.

  6. Freelance

    since 2011

    Design, photography & audiovisual production

    • Branding, photography, retouching, audio/video production, large-format printing.
    • Award: Orquídea Andina for best short film — FICFUSA 2019, for the short film 'Rosa'.

EXT. PORTFOLIO — TRAVELLING SHOT

Projects

Four projects span the range of the work: from brand to product, from frontend to full-stack architecture. Final imagery for each is still in the edit bay.

Quarto — Find Roommates & Apartments
2021

Branding + frontend development

Quarto — Find Roommates & Apartments

A platform for finding roommates and available rentals, built for the Colombian market and designed to scale to any city. It detects the user's location and cross-references filters and preferences to surface the best-matching options. Mao led the entire brand identity process in addition to front-end development.

ReactSassWebpackJenkinsGit & GitHub
Ver en Behance
Quarto — Find Roommates & Apartments
Branding + frontend development2021

Quarto — Find Roommates & Apartments

A platform for finding roommates and available rentals, built for the Colombian market and designed to scale to any city. It detects the user's location and cross-references filters and preferences to surface the best-matching options. Mao led the entire brand identity process in addition to front-end development.

ReactSassWebpackJenkinsGit & GitHub
Ver en Behance
SGD — Tournaments & Synthetic-Field Booking
2026

Full-stack mobile development

SGD — Tournaments & Synthetic-Field Booking

A mobile app that manages sports tournaments and synthetic-field booking —today handled by most field owners via WhatsApp, notebooks and phone calls— in one platform. A Supabase backend with a 12-table schema, row-level security for five roles (superadmin, team, referee, player, public), and JWT-metadata-driven role routing. Actively in development (MVP), with Fusagasugá as the launch market.

Expo SDK 54SupabasePostgreSQLTypeScript
SGD — Tournaments & Synthetic-Field Booking
Full-stack mobile development2026

SGD — Tournaments & Synthetic-Field Booking

A mobile app that manages sports tournaments and synthetic-field booking —today handled by most field owners via WhatsApp, notebooks and phone calls— in one platform. A Supabase backend with a 12-table schema, row-level security for five roles (superadmin, team, referee, player, public), and JWT-metadata-driven role routing. Actively in development (MVP), with Fusagasugá as the launch market.

Expo SDK 54SupabasePostgreSQLTypeScript
Insolvency Platform for a Law Firm
2026

Architecture & frontend development

Insolvency Platform for a Law Firm

Eligibility-checker landing page with automated lead capture fired in parallel to WhatsApp, email and Slack. Phase 2 in progress: client portal, document management and a behavioral 'Anxiety Index' feature.

Next.js 14TypeScriptSupabaseResend
Insolvency Platform for a Law Firm
Architecture & frontend development2026

Insolvency Platform for a Law Firm

Eligibility-checker landing page with automated lead capture fired in parallel to WhatsApp, email and Slack. Phase 2 in progress: client portal, document management and a behavioral 'Anxiety Index' feature.

Next.js 14TypeScriptSupabaseResend
Nova — WhatsApp AI Sales Bot
2026

Conversational design & integration

Nova — WhatsApp AI Sales Bot

WhatsApp sales bot for an automotive LED-accessories brand: an 11-SKU catalog with a vehicle compatibility table, order-registration webhooks and serverless functions for catalog queries.

KapsoGoogle Apps ScriptWhatsApp API
Nova — WhatsApp AI Sales Bot
Conversational design & integration2026

Nova — WhatsApp AI Sales Bot

WhatsApp sales bot for an automotive LED-accessories brand: an 11-SKU catalog with a vehicle compatibility table, order-registration webhooks and serverless functions for catalog queries.

KapsoGoogle Apps ScriptWhatsApp API

More work

Other recent projects, outside the four main case studies.

Automated Gold Trading System (XAUUSD)
2026

Architecture design & development

Automated Gold Trading System (XAUUSD)

Automated MetaTrader 5 trading system with six MQL5 modules (SignalEngine, PositionSizer, StopManager, OrderHandler, Logger, EA_Main) built on SOLID architecture, with 1%-per-trade risk management.

Pine Script v6MQL5MetaTrader 5
Automated Gold Trading System (XAUUSD)
Architecture design & development2026

Automated Gold Trading System (XAUUSD)

Automated MetaTrader 5 trading system with six MQL5 modules (SignalEngine, PositionSizer, StopManager, OrderHandler, Logger, EA_Main) built on SOLID architecture, with 1%-per-trade risk management.

Pine Script v6MQL5MetaTrader 5
Website Redesign — Innovar Construction
2026

UX audit & content strategy

Website Redesign — Innovar Construction

Audited an existing WordPress site (autoplay video hurting Core Web Vitals, nested submenus, generic iconography) and delivered a consolidated 6-category information architecture with SEO and schema requirements.

Information ArchitectureSEOCore Web Vitals
Website Redesign — Innovar Construction
UX audit & content strategy2026

Website Redesign — Innovar Construction

Audited an existing WordPress site (autoplay video hurting Core Web Vitals, nested submenus, generic iconography) and delivered a consolidated 6-category information architecture with SEO and schema requirements.

Information ArchitectureSEOCore Web Vitals

INT. WORKSHOP — TOOLS

Stack & tools

Languages

  • JavaScriptAdvanced
  • HTML5Advanced
  • CSS3Advanced
  • TypeScriptIntermediate

Frameworks

  • React.jsAdvanced
  • Next.jsAdvanced
  • SassIntermediate
  • Styled-componentsIntermediate
  • TailwindBasic
  • AstroBasic

Data

  • GraphQLBasic
  • MongoDBBasic
  • SQLBasic

Tools

  • Git & GitHubAdvanced
  • FigmaAdvanced
  • JiraAdvanced
  • Adobe IllustratorAdvanced
  • Adobe PhotoshopAdvanced
  • NotionIntermediate

Languages

  • Spanish — Native
  • English — Fluent

EXT. CREDITS — FINAL

Let's build something

Available for freelance projects, product consulting, and frontend/full-stack engineering roles.

Send an emailWhatsAppLinkedInDownload CV

Fusagasugá, Colombia · GMT-5