Ericka Centeno . Diseño . Portafolio 2026

Experiencias que funcionan y conectan

Diseño de interfaces, sitios web y experiencias digitales responsive construidas para comunicar con claridad, facilitar acciones y responder a objetivos reales.

Diseño web responsive Algorithm Data AI
Algorithm Data AI · Website responsive
Product Design · UX/UI · Mobile + Web

Baguu

Diseñando experiencias digitales para conectar negocios y usuarios.

Participación en investigación UX, definición de flujos, diseño de interfaces, prototipado y evolución del sistema de diseño para experiencias mobile y web.

Rol UX/UI Designer
Metodología Design Thinking
Plataformas Mobile + Web
Herramienta Figma

Participación documentada en diseño UX/UI · Producto desarrollado por ASG.

Interfaces móviles del proyecto Baguu
El reto

Del proceso manual a una experiencia digital

El proyecto buscaba facilitar la gestión de citas, servicios y pagos para negocios locales, reduciendo fricciones asociadas a procesos manuales y canales fragmentados de atención.

Mi participación

Mi trabajo se concentró en traducir necesidades y escenarios de uso en recorridos, interfaces y componentes consistentes.

Research UX User Flows UI Design Prototype Design System
01
Research

Entender a los usuarios

Se analizaron necesidades y fricciones desde dos perspectivas: quienes administraban negocios locales y quienes buscaban contratar sus servicios.

02
Definir

Del insight al recorrido

El Customer Journey permitió visualizar la experiencia antes, durante y después del servicio, identificando momentos de fricción y oportunidades de mejora.

03
Prototipar

Del flujo a la interacción

Los escenarios se conectaron en prototipos para revisar navegación, jerarquía, continuidad y comprensión de acciones antes de su implementación.

Mobile flow Prototipo interactivo
Business platform Gestión y administración
04
Design System

Un lenguaje visual consistente

Se estructuró un sistema modular de estilos, componentes e iconografía para conservar coherencia y facilitar la construcción de nuevas interfaces.

Resultado visual

Una experiencia conectada entre usuarios y negocios

El trabajo UX/UI convirtió investigación, recorridos y reglas de interacción en un sistema visual coherente para distintos escenarios y tipos de usuario.

UX Research UI Design Figma Prototype Design System
Resultado visual de interfaces móviles Baguu
UI/UX · Landing Page · Responsive

Perla Machaen

Diseño y optimización de una landing page para campaña de lanzamiento, trabajando jerarquía visual, adaptación responsive y puntos de conversión.

UI Design Responsive UX Analysis Optimization
Landing responsive Perla Machaen en laptop y smartphone
01 El proyecto

Diseño pensado para guiar la atención.

Mi participación se concentró en el diseño de interfaz, adaptación desktop/mobile y análisis del comportamiento de los usuarios para identificar oportunidades de mejora.

108 Ventas registradas
28 Optin B
92 Performance score
Resultados observados dentro de la campaña. Se presentan como contexto de desempeño y no como atribución exclusiva al diseño.
02 UX Analysis

Diseñar también es observar.

Se analizaron interacción, atención y permanencia para entender cómo los usuarios recorrían la landing e identificar oportunidades de optimización en la jerarquía del contenido.

Mapa de clicks de Perla Machaen
01
Interacción

Zonas y elementos con mayor actividad.

Mapa de calor de Perla Machaen
02
Atención

Áreas con mayor concentración visual.

Mapa de interés de Perla Machaen
03
Permanencia

Profundidad e interés durante el recorrido.

Métricas de rendimiento de las páginas de campaña
03 Performance

Diseño que también funciona.

Además de la experiencia visual, se revisó el comportamiento técnico de distintas URLs de la campaña para mantener una experiencia rápida y estable.

92 Score máximo
0.86s LCP registrado
0.035 CLS registrado
Las métricas corresponden a distintas URLs evaluadas durante el proyecto.
UI/UX · Opt-in Test · Responsive

TuMakeup University

Diseño de tres variantes de landing page para opt-in test, desarrolladas para comparar enfoques visuales, jerarquías de contenido y recorridos de conversión en desktop y mobile.

UI Design Responsive Opt-in Test Conversion UX
Tres variantes responsive de landing pages TuMakeup University
01 Opt-in Test

Tres caminos. Un mismo objetivo.

Se desarrollaron tres versiones con enfoques visuales diferentes para evaluar cómo cambiaban la percepción, la claridad del mensaje y la capacidad de conducir al usuario hacia el registro.

3 variantes diseñadas
100% responsive
A/B/C comparación visual
02 Diseño comparativo

Tres lenguajes visuales.

Cada variante exploró una manera distinta de presentar la propuesta de valor sin perder consistencia funcional ni adaptación entre dispositivos.

A

Contraste

Dirección visual oscura, con mayor dramatismo y énfasis en el beneficio aspiracional.

B

Cercanía

Composición clara y cálida, orientada a transmitir confianza y transformación profesional.

C

Claridad

Versión minimalista, centrada en reducir distracciones y llevar rápidamente al registro.

Reporte de resultados del opt-in test TuMakeup
03 Resultado

Diseñar, comparar y aprender.

El test permitió comparar el comportamiento de distintas propuestas visuales y detectar qué enfoque ofrecía mejores condiciones para continuar optimizando la captación.

Testing Optimization Responsive UI Lead Generation
UI/UX · WEBSITES · RESPONSIVE DESIGN

Otros sitios que también
han tomado forma.

Una selección de experiencias digitales desarrolladas para distintos sectores, objetivos y tipos de negocio.

Scroll al inicio