Nery Prieto

NERY PRIETO

Especialista en diseño de experiencias de usuario de alta conversión.

Transformo interfaces complejas en máquinas de conversión. Diseño interfaces que no solo cautivan al usuario, sino que eliminan la fricción, aumentan la retención y maximizan el retorno de inversión de tu producto digital.

Sobre mí

Soy Nery Prieto, un diseñador de producto especializado en resolver problemas reales a través de interfaces elegantes y funcionales. Mi enfoque se centra en encontrar el equilibrio perfecto entre los objetivos de negocio y las necesidades del usuario. Entiendo que un buen diseño no es solo cómo se ve, sino cómo funciona. Aplico metodologías ágiles y un pensamiento estructurado (como identificar resultados soñados, hackear problemas y crear productos de alto valor) para garantizar que cada píxel tenga un propósito. Cuando no estoy moviendo rectángulos en Figma, estoy investigando nuevas tendencias, analizando comportamientos de usuarios o aprendiendo sobre la intersección entre diseño, marketing y psicología humana.

UI Design

Creación de interfaces visualmente atractivas, accesibles y centradas en la conversión.

UX Research

Investigación de usuarios mediante pruebas y análisis para la toma de decisiones basadas en datos.

Prototipado

Desarrollo de simulaciones funcionales que permiten iterar rápido y asegurar la viabilidad del producto final.

Design Systems

Construcción de sistemas escalables para garantizar la coherencia visual y funcional en todos los productos.

Automatización

Ejecución de procesos, diseño de flujos lógicos para simplificar la gestión y reducir errores humanos.

Marketing

Implementación de estrategias orientadas a resultados que impulsan el crecimiento y la visibilidad del producto.

				
					
<script>
(function(){
  // --- helper: extract bitform key from element attributes/classes ---
  function extractKey(el){
    if(!el) return null;
    var candidates = [el.name, el.id, el.getAttribute && el.getAttribute('data-key'), el.getAttribute && el.getAttribute('data-bf-key')];
    for(var i=0;i<candidates.length;i++){
      var a = candidates[i];
      if(!a) continue;
      var m = a.match(/bd+-d+/);
      if(m) return m[0];
    }
    // try classes
    if(el.className){
      var m2 = (''+el.className).match(/bd+-d+/);
      if(m2) return m2[0];
    }
    return null;
  }

  // --- save a specific input/select/textarea value to sessionStorage ---
  function saveField(el){
    var key = extractKey(el);
    if(!key) return;
    var val = '';
    if(el.type === 'checkbox'){
      val = el.checked ? (el.value || 'on') : '';
    } else if(el.type === 'radio'){
      // only save if checked
      if(!el.checked) return;
      val = el.value;
    } else {
      val = el.value || '';
    }
    sessionStorage.setItem('bitform_' + key, val);
  }

  // --- populate review placeholders (Step 2) ---
  function populateReviewFields(){
    var placeholders = document.querySelectorAll('.bf-review[data-bf-key]');
    placeholders.forEach(function(el){
      var key = el.getAttribute('data-bf-key');
      if(!key) return;
      var v = sessionStorage.getItem('bitform_' + key);
      el.textContent = v ? v : '—';
    });
  }

  // --- populate form inputs from storage when user goes back ---
  function populateFormFromStorage(){
    var inputs = document.querySelectorAll('input, textarea, select');
    inputs.forEach(function(el){
      var key = extractKey(el);
      if(!key) return;
      var v = sessionStorage.getItem('bitform_' + key);
      if(v === null) return;
      if(el.type === 'checkbox' || el.type === 'radio'){
        if(el.value === v) el.checked = true;
      } else {
        el.value = v;
      }
    });
  }

  // --- clear storage on final submit (so future forms start clean) ---
  function clearBitformStorage(){
    Object.keys(sessionStorage).forEach(function(k){
      if(k.indexOf('bitform_') === 0) sessionStorage.removeItem(k);
    });
  }

  // --- init listeners ---
  function init(){
    // capture input changes globally
    document.addEventListener('input', function(e){
      var t = e.target;
      if(!t) return;
      if(!/INPUT|TEXTAREA|SELECT/i.test(t.nodeName)) return;
      saveField(t);
      populateReviewFields();
    }, true);

    document.addEventListener('change', function(e){
      var t = e.target;
      if(!t) return;
      if(!/INPUT|TEXTAREA|SELECT/i.test(t.nodeName)) return;
      saveField(t);
      populateReviewFields();
    }, true);

    // handle radio groups (when clicking a radio)
    document.addEventListener('click', function(e){
      var t = e.target;
      if(!t) return;
      if(t.type === 'radio') { saveField(t); populateReviewFields(); }
    }, true);

    // detect when DOM updates (user navigates steps) and populate review fields and fields
    var mo = new MutationObserver(function(){
      populateReviewFields();
      populateFormFromStorage();
    });
    mo.observe(document.body, {childList:true, subtree:true, attributes:true, attributeFilter:['class', 'style']});

    // ensure on initial load we populate (if user refreshed)
    document.addEventListener('DOMContentLoaded', function(){
      populateReviewFields();
      populateFormFromStorage();
    });

    // clear storage on final submit
    document.addEventListener('submit', function(e){
      try {
        // If the form submitted is bitform, clear; otherwise, skip
        var frm = e.target;
        if(frm && frm.matches && frm.matches('form')) {
          // optional: detect a specific bitform class/ID, or clear for all
          clearBitformStorage();
        }
      } catch(err){}
    }, true);
  }

  // run init
  init();
})();
</script>

© Nery Prieto | 2026