Diseño la interfaz y escribo el código.

Diez años construyendo sitios y productos digitales. Trabajo en el punto donde se cruzan desarrollo, UX y copy, que es justo donde la mayoría de los proyectos se rompe: entre quien diseña, quien programa y quien escribe.

Ver el caso de estudio Proyectos recientes Descargar CV (PDF)

Construyo

Sitios y componentes modulares que otros pueden mantener. Rendimiento, responsividad y accesibilidad no son una fase final; son la condición de entrega.

Diseño

Investigación con usuarios reales, sistemas de diseño y prototipos en Figma. Valido antes de construir y descarto lo que no funciona, aunque sea idea mía.

Escribo

Titulares, microcopy y llamados a la acción. Un botón mal nombrado cuesta más conversión que un layout feo, y se arregla más barato.

Empresas para las que he trabajado

BBVA🇲🇽🇪🇸
ELEKTRA🇲🇽
BANCOAZTECA🇲🇽
LIVERPOOL🇲🇽
THE PALACECOMPANY🇲🇽🇺🇸
NORTHSOURCEPROMOTIONS🇨🇦
OPCIONESCORPS🇲🇽
GRUPONEDEMY🇨🇴
TIENDASQUALITY🇲🇽

Stack

Con qué trabajo

Agrupado por lo que hago a diario, lo que manejo con soltura cuando el proyecto lo pide, y lo que estoy aprendiendo ahora. Prefiero decirlo así a poner una lista plana donde todo parece igual.

Frontend

  • HTML5
  • CSS3
  • JavaScript ES6+
  • React
  • Next.js
  • Vue / Vuetify 3
  • Maquetación responsiva

Backend y datos

  • PHP
  • CodeIgniter
  • MySQL
  • APIs REST
  • Git

CMS

  • WordPress
  • Temas y plantillas
  • ACF y campos personalizados
  • Strapi (headless)

Diseño

  • Figma
  • Sistemas de diseño
  • Prototipado
  • Design Thinking
  • Lean UX
  • Doble diamante

Medición

  • GA4
  • Google Tag Manager
  • UTMs
  • Datadog
  • Pendo
  • Maze

Calidad

  • Accesibilidad WCAG 2.2
  • SEO técnico
  • Core Web Vitals
  • Análisis heurístico
  • Pruebas de usabilidad

Trabajo

Proyectos

Cada caso responde a lo mismo: cuál era el problema, qué propuse, qué hice yo exactamente, con quién trabajé y qué pasó después.

+200%NPS
70/30vs. Call Center
2.8%conversión

Rediseño de Moon Vacation Getaway

Una plataforma de canje de certificados tan confusa que los huéspedes preferían llamar por teléfono. Al Call Center le tomaba el triple de tiempo y esas reservas dejaban la mitad de ingreso. Rediseñé el flujo completo con investigación, pruebas y medición.

  • Design Thinking
  • Figma
  • Datadog
  • Maze
  • The Palace Company
Pantalla principal del rediseño de Moon Vacation Getaway

Fixerr.app

De la conceptualización al lanzamiento, con múltiples iteraciones. El proyecto demuestra que escuchar a los usuarios antes de construir es lo que separa un lanzamiento de un relanzamiento.

  • Figma
  • Desarrollo
  • Liderazgo
  • Producto propio

e-Sports Experience

Prueba técnica de doce horas con metodología de doble diamante, para evaluar un desarrollo de nicho en Palace Resorts. Restricción de tiempo real, alcance acotado a propósito.

  • Doble diamante
  • UI Kit
  • Figma
  • The Palace Company

Sitios en WordPress

Más de diez años creando sitios desde cero o interviniendo los existentes: temas a la medida, migraciones, rendimiento y mantenimiento. Trabajo directo con clientes y con agencias.

  • WordPress
  • PHP
  • HTML / CSS / JS
  • Figma
  • Consultor independiente

Bajo acuerdo de confidencialidad

Estos casos no puedo publicarlos, pero sí puedo presentarlos en vivo o compartirlos con contraseña si me lo pides.

  • Plan Personal de Retiro

    Diseño de extremo a extremo de un producto nuevo, desde las definiciones iniciales hasta todos los flujos.

    BBVA México
  • Préstamo personal garantizado

    Diseño de extremo a extremo de un producto financiero nuevo, con validación de flujos y estados de error.

    BBVA México
  • Sistema de diseño

    Más de 150 componentes, lógica de variantes y más de 300 variables de tema, adoptado por varios equipos.

    The Palace Company
  • Cotizaciones para Global Sales

    Módulo de cotizaciones con metodología Lean UX, priorizando entrega dentro del trimestre.

    The Palace Company
Solicitar acceso

Muestra de código

Este sitio es el ejemplo

Un portafolio de desarrollo que se arma con un constructor visual se contradice solo. Así que este está escrito a mano: HTML semántico, CSS con variables propias y JavaScript sin librerías. Sin dependencias, sin paso de compilación, sin plugins.

  • Dependencias en tiempo de ejecución0
  • Paso de compilaciónninguno
  • HTML semántico y puntos de referenciasí
  • Navegación completa por tecladosí
  • prefers-reduced-motionrespetado
  • Contraste de textoAA
  • Peso de la página28 KB
/* Superficie de cristal */
.glass {
  background: rgba(246,243,237,.05);
  border: 1px solid rgba(194,203,211,.17);
  backdrop-filter: blur(26px) saturate(150%);
}

/* Movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; }
}

Hablemos del proyecto

Cuéntame qué quieres lograr y para quién. Si tiene sentido trabajar juntos, te lo digo; si no, también.

hello@alfredofischer.com WhatsApp LinkedIn