JMavarez

CRO/ UX / DEV

Let’s Talk!
Download CV

Creating meaningful digital experiences through interface design and data analysis

I transform ideas into impactful digital experiences, combining interface design (UX/UI) with conversion rate optimization (CRO) strategies and solid front-end development.
If you’re looking for solutions that unite creativity, business, and technology to drive your projects forward, you’re in the right place!

Let’s Talk!

Download CV

What can I offer you?

I specialize in boosting the presence and performance of digital projects through three key disciplines:

Conversion Rate Optimization (CRO): I enhance the efficiency of your sales funnels and contact forms by improving conversion rates and maximizing return on investment.
User Experience (UX) Design: I create visually appealing and functional interfaces based on user research and real behavior, ensuring the best possible experience.
Front-End Development: I implement designs with high precision and performance, ensuring your websites and applications are fast, responsive, and scalable.

How do I solve your problem?

Today’s brands and businesses face numerous digital challenges:

  • Websites with low conversion rates.
  • Unintuitive user interfaces that cause abandonment.
  • Lack of integration between aesthetics and functionality..
  • No focus on micro-conversions.
  • Decisions not based on data.
  • Slow loading times.

My work involves:

  • Identifying the leaks in your conversion funnel.
  • Redesigning the user experience to keep visitors engaged and convert them into customers.
  • Developing modern, optimized interfaces for every device.
  • Continuously validating hypotheses with A/B testing and analytics tools.
The result
Sustainable growth in your key metrics and a memorable digital experience for your users.

Skills

CRO Analyst

My approach to increasing conversion rates is backed by agile methodologies and data analysis tools. I handle:
  • Audits and diagnostics of sales funnels.
  • Designing A/B experiments and multivariate tests.
  • Continuous optimization based on real data insights.
  • Applying UX heuristics for better conversions.
The goal is to turn analytics into concrete actions that multiply your results.

User Experience Design

For me, design isn’t just about aesthetics—it’s about creating seamless paths so users can navigate naturally and achieve their goals without friction. Key services include:
  • Mapping the user experience to spot improvements.
  • Prototyping interfaces to validate usability.
  • User-centered design (Design Thinking) and cohesive style guides.
  • Mobile optimization to ensure a flawless experience on any device.
An impactful design reinforces the brand and guides users toward conversion.

Front-End Development

I build interfaces that merge cutting-edge design with outstanding performance. My capabilities include:
  • A solid foundation in HTML5, CSS3, and JavaScript.
  • Familiarity with frameworks like React, Vue, or Angular (depending on the project).
  • Integration of libraries and tools for speed optimization.
  • Best practices in On-Page SEO and web accessibility.
The end result is a scalable, secure final product that’s easy to maintain.

Portfolio

Frequently Asked Questions

How do you integrate CRO strategies with UX/UI design?

Integrar CRO con UX/UI implica optimizar cada punto de interacción para mejorar la tasa de conversión sin comprometer la experiencia de usuario. Normalmente, empiezo analizando el comportamiento de los usuarios a través de mapas de calor, pruebas A/B y funnels de conversión. Luego, ajusto el diseño (colores, tipografía, jerarquía de información) y los flujos de navegación para que sean claros, atractivos y orientados a la acción, siempre basándome en datos y no solo en suposiciones.

I begin by conducting preliminary research through surveys, interviews, and competitor analysis. Using that data, I develop clear hypotheses about potential improvements. Next, I create low-fidelity prototypes or wireframes to test feasibility. Finally, I perform user testing and A/B tests to validate changes and iterate continuously.

From the outset, I take care of technical details such as proper HTML semantic structure, fast page loading, and correct indexing. I also optimize texts and images with meta tags and relevant descriptions. For SEM, I develop landing pages targeting strategic keywords and direct calls to action, improving ad quality scores and ensuring offer relevance.

I typically use HTML5, CSS3, and JavaScript as my foundational technologies. As for frameworks, React or Vue let me build dynamic interfaces and maintain a modular workflow, simplifying API integration and project scalability. For styling, I rely on preprocessors like SASS and sometimes libraries like Tailwind CSS to speed up development without sacrificing customization.

I rely on clear metrics such as bounce rate, time on page, click-through rate (CTR), conversions, and customer satisfaction. I continuously track performance with tools like Google Analytics, Google Tag Manager, and other measurement platforms. This allows me to see whether established goals (lead acquisition, sales, subscriptions) are increasing and adjust the strategy in real time.

I mainly use Figma for design and rapid prototyping. For testing, I conduct remote or in-person usability sessions, and also use tools like UserTesting or Maze to gather both quantitative and qualitative feedback. When implementing CRO improvements, I rely on Google Optimize or similar solutions for controlled A/B testing.

I address accessibility with semantic markup, proper ARIA attributes, and correct heading hierarchies. I also focus on color contrast and alternative text for images. For performance, I optimize images, minify CSS and JS files, and implement lazy loading. I usually run audits with Lighthouse and PageSpeed Insights to check load times and accessibility levels.

I prefer a transparent, agile communication flow, typically following Scrum or Kanban. I schedule brief alignment meetings and set weekly goals so everyone is aware of objectives and progress. I also leverage collaborative tools like Slack, Trello, or Jira to coordinate efforts and quickly resolve any blockers.

I strive to remain flexible and assess the impact of each change on scope, timelines, and resources. Then I recalculate priorities with the team and the client to avoid confusion. If the adjustment is feasible, we redefine the backlog and schedule. If not, I propose alternatives that meet business objectives without compromising final product quality.

I read current articles and studies on specialized blogs (CXL, Baymard, etc.) and attend webinars and conferences. Most of my inspirations are on LinkedIn—they’re CROs, CX managers, developers, and so on. I also work on personal projects or conduct in-house tests to try out new techniques and trends so that, when I implement something on a real project, I’ve already validated it and can do so confidently.

Let’s design experiences that captivate and convert

Boost your digital presence and achieve your conversion goals with a comprehensive, expert approach. If you want sustainable growth and a standout user experience,

I invite you to take the next step!

Let’s Talk!

Scroll to Top

¿Listo para llevar tu proyecto al siguiente nivel?

Me pondre en contacto contigo y te ayudare a impulsar tus resultados.

App Design, UX/UI - Agosto 2022

Rediseño y desarrollo web para Hirehealth

Para Hirehealth, una bolsa de trabajo especializada en el sector salud de Miami, el objetivo principal fue crear un sitio que conectara a empresas médicas con vacantes disponibles y a profesionales de la salud en busca de nuevas oportunidades. Comencé analizando a la competencia y mapeando el recorrido del usuario (customer journey map) para identificar las necesidades específicas de cada perfil: desde las compañías que reclutan personal hasta los candidatos buscando empleo.

Objetivo

Diseñé la estrategia de contenido, la arquitectura de información y la interfaz basada en UX research. Finalmente, desarrollé el sitio en WordPress utilizando Elementor Pro, ACF y Jet Engine, garantizando un entorno flexible y fácil de mantener.

Rol / Servicios

UX/UI - Desarrollo Web - WPO

Cliente

Hirehealth

Rubro / Año

Bolsa de empleo / Sector Salud

Sitio web

Wireframes para HireHealth

Antes del diseño final, desarrollé wireframes para definir la estructura, flujo de navegación y jerarquía de información. Este proceso permitió optimizar la experiencia del usuario y alinear la interfaz con las necesidades de empresas y candidatos en el sector salud.

Diseño optimizado para escritorio

La versión desktop de HireHealth fue diseñada para ofrecer una navegación clara y estructurada, optimizando la búsqueda de empleo en el sector salud. Se priorizó una interfaz profesional, accesible y alineada con la identidad de la marca, facilitando la conexión entre empresas y candidatos de manera eficiente.

Diseño responsivo Optimizado para mobile

La versión mobile de HireHealth ofrece una navegación fluida y accesible, adaptada a pantallas pequeñas. Se optimizaron los menús, botones y formularios para mejorar la interacción táctil, asegurando una experiencia intuitiva y eficiente para empresas y candidatos en el sector salud.

En resumen, el rediseño de HireHealth mejoró la experiencia del usuario con una navegación más intuitiva y accesible. Se trabajó en UX/UI, desde el análisis del usuario hasta el desarrollo en WordPress con Elementor Pro. El diseño optimizado para desktop y mobile garantiza funcionalidad, claridad y una mejor conexión entre empresas y profesionales del sector salud.

App Design, UX/UI - Agosto 2022

Rediseño y desarrollo web para GANA Business Solutions

Gana Business ofrece soluciones financieras y asesorías, necesitando una presencia digital clara y confiable. El foco estuvo en transmitir sus servicios de manera transparente y afianzar la confianza de los usuarios, basándome en hallazgos de mercado.

Objetivo

Diseñé la experiencia de usuario (UX) y la interfaz (UI) cuidando cada detalle para generar confianza y transparencia, valores fundamentales en el sector financiero. Finalmente, desarrollé el sitio en WordPress con los mejores estándares de optimización y usabilidad, garantizando que la experiencia digital de los visitantes fuera fluida y los guiara de manera efectiva hacia la conversión.

Rol / Servicios

UX/UI - Desarrollo Web - WPO

Cliente

GANA Business Solutions

Rubro / Año

Universidad de salud en Miami

Sitio web

Financial Stability for Education and Healthcare SMEs 

Financial Stability for
Education and Healthcare SMEs 

Diseño optimizado para experiencia desktop

Interfaz intuitiva y navegación eficiente Esta versión desktop de la web de GANA Business prioriza una navegación clara, estructura visual bien organizada y una estética profesional. El diseño UX/UI garantiza accesibilidad, facilidad de uso y una experiencia fluida para el usuario.

Diseño responsivo para GANA Business

El diseño garantiza una experiencia fluida en dispositivos móviles. Se priorizó una navegación intuitiva, tipografía legible y llamadas a la acción accesibles, optimizando la conversión y la usabilidad en pantallas pequeñas.
Cada elemento se ajusta dinámicamente para mantener la coherencia visual y funcionalidad, asegurando una interacción eficiente en cualquier tamaño de pantalla.

App Design, UX/UI - Agosto 2022

Rediseño y desarrollo web para Compumed

Compumed (CMVC) es una universidad del sector salud con sedes en Miami (Kendall y Hialeah). Su meta era crear una plataforma que mostrara su oferta académica de forma clara y favoreciera el registro de nuevos estudiantes, partiendo de insights de usuarios y competidores.

Objetivo

Desarrollé una arquitectura de la información que facilitara el acceso a la oferta educativa y la inscripción de nuevos alumnos, así como un diseño de interfaz intuitivo y centrado en la usabilidad. La implementación se realizó igualmente en WordPress, maximizando la eficiencia y escalabilidad del sitio, y asegurando la mejor experiencia para estudiantes y personal administrativo.

Rol / Servicios

UX/UI - Desarrollo Web - WPO

Cliente

CMVCss

Rubro / Año

Universidad de salud en Miami

Vitio web

Experiencia optimizada para escritorio

El diseño desktop de CompuMed Health prioriza una navegación clara, accesibilidad y una estética profesional alineada con el sector educativo en salud. Se utilizaron Figma, WordPress y Elementor para garantizar una interfaz funcional, adaptable y eficiente.

Experiencia adaptable a cualquier dispositivo

La versión mobile ofrece una navegación fluida con menús simplificados y elementos táctiles optimizados. Se mantiene la coherencia visual y la accesibilidad en cualquier tamaño de pantalla, asegurando una experiencia intuitiva en movimiento.

El diseño y desarrollo de la plataforma CompuMed Health se enfocó en ofrecer una experiencia intuitiva y accesible para usuarios del sector educativo en salud. Se implementó una interfaz moderna y estructurada en desktop, optimizada con herramientas como Figma, WordPress y Elementor, asegurando funcionalidad y coherencia visual.Además, la versión mobile garantiza una navegación fluida con elementos adaptados a dispositivos táctiles, priorizando la accesibilidad y la interacción eficiente. Este proyecto combina diseño y tecnología para mejorar la experiencia digital de los usuarios.

App Design, UX/UI - Agosto 2022

Rediseño y desarrollo web para Aquinas Network

Aquinas Network brinda servicios de desarrollo de software, marketing y contenido. El objetivo se enfocó en reflejar su versatilidad en un sitio web respaldado por investigación de usuarios para abarcar diferentes segmentos.

Objetivo

El diseño del sitio web se llevó a cabo bajo una filosofía centrada en la experiencia del usuario y la coherencia visual, destacando el carácter innovador y versátil de la marca. Al igual que en los otros proyectos, trabajé en WordPress para asegurar una plataforma ágil, personalizable y capaz de crecer junto con las necesidades de la empresa.

Rol / Servicios

UX/UI - Desarrollo Web - WPO

Cliente

Aquinas Network

Rubro / Año

Software Factory

Sitio web

Para garantizar una navegación intuitiva y una arquitectura de información eficiente, se desarrollaron wireframes que definieron la estructura del sitio. Este proceso permitió alinear el diseño con las necesidades de los usuarios, asegurando una interfaz clara, versátil y adaptable a distintos segmentos de mercado.

Experiencia optimizada para escritorio

La versión desktop de Aquinas Network fue diseñada para ofrecer una experiencia inmersiva y moderna. Se priorizó una interfaz visualmente impactante con animaciones sutiles, navegación clara y una estructura optimizada para mejorar la interacción del usuario.

Diseño responsivo para Aquinas Network

La versión mobile de Aquinas Network fue optimizada para garantizar una navegación fluida y accesible en pantallas pequeñas. Se implementaron menús simplificados, interacciones táctiles intuitivas y un diseño adaptable que mantiene la coherencia visual con la versión desktop. Gracias a herramientas como Figma, WordPress y JavaScript, se logró una experiencia ágil y eficiente en cualquier dispositivo.

En resumen, el rediseño de Aquinas Network se centró en mejorar la experiencia del usuario con un diseño moderno, intuitivo y adaptable. Se trabajó en UX/UI, optimizando la navegación tanto en desktop como en mobile, asegurando accesibilidad y fluidez en cualquier dispositivo.Se utilizaron herramientas como Figma, WordPress, JavaScript y After Effects para crear una interfaz atractiva, dinámica y alineada con la identidad tecnológica de la marca. El resultado es un sitio funcional, escalable y orientado a la conversión.