[Caso IECEO]
Creación de plataforma confiable de certificación laboral que generó mas de 600 leads en tres meses
[Certificación / Educación continua / Capacitación profesional]
Creé una experiencia end-to-end que transformó la incertidumbre en 600 oportunidades reales de certificación laboral
Diseñé y construí la primera plataforma digital de IECEO desde la investigación hasta su implementación en WordPress, creando una experiencia confiable, clara y medible que resolvió los principales puntos de fricción en la inscripción y aumentó las conversiones de forma comprobable.
[Contexto del proyecto]
IECEO, un centro de certificaciones con validez oficial en México, carecía de presencia digital clara. Los interesados llegaban desde redes sociales con dudas sobre la autenticidad de los certificados y abandonaban el registro por formularios poco claros y procesos fragmentados.
[El desafio]
Crear una plataforma que transmitiera confianza desde el primer vistazo, eliminara la fricción en el registro y ofreciera una experiencia fluida y accesible tanto para profesionistas como para empresas.El reto implicó diseñar un sistema completo, desde la arquitectura de información hasta el diseño visual y analítico, capaz de alinear las necesidades del negocio con los objetivos de los usuarios.
[Solución]
Desarrollé una plataforma responsive autogestionable en WordPress con una estructura intuitiva, señales de confianza visibles, un formulario optimizado y un canal de contacto directo vía WhatsApp.
Se integraron Google Analytics 4 y Microsoft Clarity para medir comportamiento, clics, tiempo en página y tasa de conversión. Los resultados fueron medibles y sostenibles.
[Compañía]
IECEO
[Mi rol]
UX Research
UX/UI Design
UX Writing
Data & Analytics
Arquitectura de la información
[Herramientas utilizadas]
Figma
WordPress
GA4
Microsoft Clarity
Figjam
ChatGPT
[Plataforma]
Corporate Website
Mobile
Responsive
[Duración del proyecto]
Julio 2023 - Agosto 2023
[Proyecto en vivo]
Convierte lo que sabes hacer en oportunidades reales, validando tus habilidades con respaldo oficial.
Todos desarrollamos habilidades a lo largo de nuestra vida, en el trabajo, en proyectos propios o en experiencias informales. Sin embargo, sin una validación oficial, esas habilidades suelen pasar desapercibidas en el mercado laboral. Aquí es donde IECEO transforma la experiencia de los profesionistas.
IECEO es un centro evaluador acreditado por la Red CONOCER, organismo dependiente de la SEP y del Gobierno de México, con la autoridad para certificar competencias laborales de manera oficial. Su valor agregado está en convertir habilidades en credenciales reconocidas, generando credibilidad y oportunidades reales.
Gracias a IECEO, profesionistas y empresas pueden demostrar que están listos para asumir responsabilidades con el respaldo de una validación institucional transparente y confiable. Esto no solo impulsa trayectorias individuales, sino que también fortalece la competitividad en el mercado laboral mexicano.
🧑🏻💻 Una plataforma diseñada para inspirar confianza, simplificar procesos y convertir habilidades en oportunidades reales.
El producto final es una plataforma digital escalable y autogestionable, construida en WordPress, que responde directamente a las necesidades detectadas en la investigación: confianza, claridad y contacto inmediato.
🤝 Confianza inmediata
Desde la primera visita, los usuarios encuentran sellos oficiales, número de registro y certificados tangibles que validan la legitimidad de IECEO.
👓 Claridad en la información
Cada certificación se presenta en cards visuales y páginas de detalle simples, con requisitos y ocupaciones relacionadas, eliminando la ambigüedad detectada en los pain points iniciales.
💬 Conversión sin fricciones
Botones fijos de WhatsApp, formularios optimizados con dos campos y confirmación automática aseguran un flujo de registro ágil y confiable.
[Panorama estratégico]
🚀 IECEO buscaba pasar de la validación presencial a la confianza digital para escalar su alcance nacional en certificaciones
El instituto operaba con procesos presenciales y redes sociales, pero necesitaba un producto digital profesional que transmitiera credibilidad y simplificara el acceso a certificaciones oficiales.
🌐📊
De la validación presencial a la confianza digital
IECEO es un centro de certificaciones con validez oficial en Oaxaca que opera bajo un modelo híbrido, ofreciendo experiencias presenciales y en linea. Con respaldo de organismos como Red Conocer e ICEMéxico, el objetivo estratégico que busca IECEO es expandir su alcance a nivel nacional, garantizando confianza y accesibilidad.
Para lograrlo, se requería un producto digital que atacara tres areas de oportunidad:
• Reflejar confianza mediante señales visuales claras y contenido validado.
• Optimizar flujos de usuario con una arquitectura de información bien estructurada.
• Escalar el acceso a certificaciones con una interfaz intuitiva, responsive y accesible.
[Desafío inicial]
⚡ Desarrolle una plataforma digital confiable que transformó la desconfianza en más de 600 inscripciones verificadas
IECEO carecía de una presencia digital sólida, los usuarios no encontraban información oficial ni pruebas de validez sobre las certificaciones, lo que generaba incertidumbre y abandono.
Durante el diagnóstico se detectaron tres fricciones principales:
Falta de credibilidad: no existían elementos visuales que demostraran respaldo institucional.
Información incompleta: los canales de comunicación se limitaban a redes sociales y mensajes inconsistentes.
Fricción en el registro: los procesos eran manuales, lentos y poco confiables.
El desafío fue diseñar una experiencia digital completa desde cero, una plataforma clara, validada y alineada con los objetivos de negocio, que eliminara las barreras de confianza y optimizara el proceso de inscripción.
Esta base sentó el inicio de un ecosistema digital que, en los primeros meses, superó las 600 inscripciones y mantuvo un tiempo de permanencia promedio de 57 segundos por sesión.
[Investigación con stakeholders]
💬 Descubrí que la confianza debía hacerse visible y que el producto debía comportarse como un sistema de conversión confiable
El proceso inició con entrevistas a los stakeholders internos para entender los límites operativos, los objetivos institucionales y las expectativas del negocio.
El hallazgo más relevante fue que la plataforma debía demostrar confianza visualmente, integrando imágenes de certificaciones oficiales y un flujo que facilitara el contacto directo y la conversión.
Las conversaciones permitieron comprender que IECEO no solo necesitaba una web informativa, sino una plataforma estratégica capaz de transformar visitas en inscripciones confiables, mostrando credibilidad, validez y respaldo institucional en cada punto de la interacción.
La confianza debía sentirse y verse, ya que el producto debía comunicar validez desde su diseño y convertir esa percepción en acción medible.
🔑
Hallazgos Clave
🎯 Objetivo principal
Generar confianza, mostrar certificaciones y credenciales, captar clientes.
🧩 Valor diferencial
IECEO es la primera certificadora en Oaxaca con validez oficial del instituto CONOCER, ofreciendo modalidad presencial y online.
👥 Usuarios objetivo
Profesionistas, estudiantes y empresas que requieren validar sus habilidades.
🔐 Necesidad detectada
Dar confianza y respaldo oficial frente a la falta de certificaciones que validen habilidades.
⚙️ Acción esperada
Llenar formulario y landing page para contacto directo.
📈 KPIs iniciales
Formularios enviados, clics en WhatsApp y visitas a páginas de certificación.
[Investigación con usuarios]
👩🏻👨🏻 Identifiqué que las malas experiencias con certificadoras anteriores moldearon la necesidad de una experiencia confiable y transparente
Entreviste a usuarios interesados en certificarse los cuales fueron, profesionistas, empleados y estudiantes. La mayoría buscaba validar habilidades laborales pero tenían dudas recurrentes sobre la validez oficial de las certificaciones.
Uno de los hallazgos más relevantes fue descubrir que muchos ya habían tenido contacto con otros centros evaluadores, pero sus experiencias habían sido frustrantes:
Pagos anticipados sin recibir el certificado.
Entregar documentos y no obtener respuesta.
Recibir diplomas sin validez oficial, cuando lo esperado era una certificación respaldada por la Red Conocer.
Estos testimonios marcaron un punto crítico, el diseño de la plataforma debía priorizar señales claras de confianza y transparencia desde el primer clic. Este aprendizaje guió decisiones clave como mostrar sellos oficiales, número de registro y ejemplos reales de certificados en la página principal.
El producto debía actuar como una herramienta de validación institucional que transformara la desconfianza en acción, un flujo transparente capaz de convertir visitas en registros legítimos.
🔑
Hallazgos Clave
🧍♂️ Contexto personal
Usuarios en áreas diferentes que requieren certificarse como parte de su trabajo o por voluntad propia, algunos ya han tenido experiencias previas con certificaciones (algunas inconclusas).
🎯 Motivaciones
Buscan cumplir con requisitos laborales, ven la certificación como un valor agregado para su formación, a veces como un requerimiento para diferenciarse de otros profesionistas.
🔐 Confianza y validez
La confianza depende de testimonios, avales oficiales y registro ante una institución acreditada. La duda más frecuente es la validez oficial y normatividad.
💬 Contacto y accesibilidad
Prefieren WhatsApp como canal principal y esperan respuesta inmediata.
⚠️ Fricciones
Principales motivos de descarte son las malas reseñas, ausencia de ejemplos de certificados, no mostrar número de registro.
[Benchmark competitivo]
📊 Los competidores transmitían credibilidad pero fallaban en usabilidad, lo que abrió la oportunidad de diferenciar a IECEO con un flujo más claro y usable
El análisis competitivo reveló un mercado saturado de logos y sellos, pero con procesos dispersos y formularios complejos, una oportunidad donde IECEO podía destacar con claridad y simplicidad.
Analicé plataformas de certificación y educación con validez oficial para identificar patrones de experiencia de usuario. El benchmark reveló que los competidores destacan sellos y logos de confianza, pero cometen errores en la arquitectura de información (menús dispersos, catálogos largos sin filtros) y en la usabilidad de formularios (extensos y poco claros).
Este hallazgo permitió definir un principio clave para el diseño del producto donde la confianza no debía sobrecargar la interfaz, sino integrarse de forma natural en un flujo de registro claro, rápido y verificable.
🔑
Hallazgos Clave
🧾 Credibilidad
Los competidores destacaban sellos oficiales y logos, pero sin conectar confianza.
🗂️ Arquitectura de información
Menús dispersos, jerarquías confusas y exceso de texto en secciones críticas.
📚 Catálogo de certificaciones
Listados extensos sin filtros o criterios de búsqueda poco efectivos.
⚠️ Fricciones
Textos largos, formularios poco intuitivos y carencia de claridad en los pasos de registro.
💬 Contacto
Uso constante de WhatsApp como canal principal, aunque mal integrado dentro del flujo.
[Primer impacto en decisiones de diseño]
🎯 Traducí los hallazgos de investigación en pilares de diseño centrados en confianza, inmediatez y simplicidad
Los hallazgos de la investigación se transformaron en decisiones estratégicas de diseño que definieron la dirección del producto. Cada insight fue traducido en acciones concretas enfocadas en credibilidad, inmediatez y claridad:
Confianza primero: mostrar desde la home sellos oficiales, testimonios y ejemplos reales de certificados.
Contacto inmediato: integrar WhatsApp como canal visible y accesible en landing page.
Menos fricción: simplificar el formulario inicial reduciendo campos y reforzando la guía visual del proceso.
Estas decisiones marcaron el inicio del diseño end-to-end de IECEO, estableciendo la base de un producto que prioriza la confianza institucional y la experiencia de usuario fluida desde el primer contacto.
[Síntesis]
🧩 Transformé más de 150 hallazgos en seis pilares estratégicos que guiaron cada decisión de diseño
El análisis de entrevistas, observaciones y benchmark se consolidó en un proceso de síntesis estructurado, donde más de 150 hallazgos se agruparon en seis pilares claves para el diseño.
El diagrama de afinidad me permitió identificar patrones de comportamiento, necesidades y fricciones recurrentes que influyeron directamente en la experiencia de certificación digital.
Estos seis pilares (confianza, información esencial, motivaciones, contacto, apoyos y frenos) se transformaron en criterios estratégicos que guiaron el contenido del producto.
Sintetizar visualmente los hallazgos permitió reducir la complejidad y enfocar el diseño en resolver lo que realmente generaba impacto (credibilidad, claridad y conversión).
Insights principales de la investigación
🤝 Confianza y credibilidad
Necesidad de mostrar señales de confianza visibles como sellos oficiales, testimonios y número de registro oficial.
📓 Información esencial
Claridad en costos, requisitos y listado de certificaciones, eliminando puntos de fricción en el user flow.
🏆 Motivaciones
Certificación como requisito laboral y diferenciador profesional en un mercado competitivo.
💬 Contacto
Preferencia por WhatsApp como canal principal de accesibilidad inmediata y soporte directo.
🪪 Apoyos y materiales
Ejemplos de certificados, materiales descargables y catálogos filtrables que aportan transparencia.
💢 Frenos
Formularios largos, falta de transparencia y ausencia de evidencias de validez oficial como principales barreras de conversión.
[Personas]
👥 Dos arquetipos clave revelaron que la confianza inmediata era esencial, aunque sus necesidades diferían entre agilidad individual y procesos empresariales
A partir de los hallazgos de investigación, definí dos arquetipos principales que reflejan los patrones más representativos del público objetivo, por un lado profesionistas independientes y del otro pequeñas empresas.
Ambos compartían la necesidad de confianza inmediata y procesos transparentes, pero diferían en sus prioridades.
Laura, una profesionista en capacitación, buscaba rapidez y claridad sin perder tiempo en trámites.
Mario, dueño de una PyME, necesitaba procesos formales, facturación clara y soporte para su equipo.
Estos perfiles fueron decisivos para definir el tono de comunicación, la estructura de la información y la jerarquía visual de la plataforma, asegurando que la experiencia respondiera tanto a usuarios individuales como empresariales.
Laura Hernández
“Quiero una certificación que me respalde como profesional y que no me quite tiempo de mi trabajo.”
Edad: 34 años
Ocupación: Coordinadora de capacitación en una empresa mediana
Educación: Licenciatura en Administración
Lugar de residencia: Oaxaca de Juárez, Oaxaca
[Personalidad]
Responsable
Organizada
Práctica
[Contexto]
Profesional con experiencia en capacitación que busca certificarse en RedConocer para validar su perfil y mejorar el entrenamiento que ofrece a su equipo
[Objetivos]
Obtener certificación oficial como requisito laboral.
Validar su experiencia y mejorar su CV para crecer en su carrera.
Acceder a modalidades flexibles (prefiere online).
[Dolores]
Le preocupa el costo de la certificación.
Necesita ver el registro oficial y ejemplos de certificados para confiar.
Se frustra con procesos poco claros o trámites largos.
[Expectativas]
Ver modalidad, requisitos, duración y precio sin tantos movimientos.
WhatsApp como contacto principal y respuesta inmediata (<10 min)
Acceso a guías de trabajo y módulos de ejemplo antes de inscribirse.
Insight de diseño:
Para Laura, el formulario debía ser breve y transparente, con información clara y señales visibles de validez oficial.
Mario López
“Necesito certificar a mi equipo de forma rápida y confiable para tener un equipo calificado.”
Edad: 40 años
Ocupación: Dueño de una PyME en Oaxaca (sector servicios)
Educación: Bachillerato concluido
Lugar de residencia: Tlacolula, Oaxaca
[Personalidad]
Orientado a resultados
Emprendedor
Pragmático
[Contexto]
Quiere certificar a varios empleados para cumplir con requisitos de clientes y mejorar la imagen de su empresa.
[Objetivos]
Certificar a su equipo de forma rápida y confiable.
Acceder a procesos claros, con facturación y soporte administrativo.
Diferenciar a su empresa frente a la competencia.
[Dolores]
Precios y tiempos no claros generan desconfianza.
No quiere invertir tiempo en procesos confusos o excesivos trámites.
Malas reseñas o falta de información oficial son motivo de descarte inmediato.
[Expectativas]
Página clara y transparente con proceso en 3 pasos.
Contacto directo (WhatsApp o llamada) para resolver dudas rápido.
Ver sellos oficiales y testimonios de empresas similares que ya se certificaron.
Insight de diseño:
Para Mario, el diseño debía priorizar un flujo simple en 3 pasos y mostrar testimonios para generar confianza.
🔑
Puntos clave comunes
🤝 Confianza y credibilidad
Mostrar sellos oficiales, testimonios y ejemplos de certificados.
📋 Claridad primero
Costos, tiempos y requisitos visibles desde el inicio.
💬 Accesibilidad inmediata
WhatsApp como canal principal de soporte.
⚡ Simplicidad
Procesos cortos (máx. 3 pasos) que evitan abandono.
🔄 Flexibilidad
Modalidades online/presencial para diferentes necesidades.
[Profundizando]
🧠 Los mapas de empatía revelaron que la falta de confianza y la espera prolongada eran las principales fuentes de fricción emocional
Los mapas de empatía permitieron ir más allá de los datos funcionales y entender las emociones, expectativas y miedos reales detrás del proceso de certificación.
Estos hallazgos fueron fundamentales para priorizar credibilidad visible, simplicidad de flujo y contacto inmediato en la arquitectura de información.
Laura buscaba una certificación rápida y válida, pero se frustraba al no encontrar sellos oficiales o ejemplos verificables. Su motivación era avanzar en su carrera, y sus principales frenos estaban ligados a precios poco claros y procesos extensos.
Mario, en cambio, necesitaba un proceso formal y transparente para su equipo completo. Se desmotivaba ante la falta de opciones empresariales claras o canales directos de soporte.
[Del día a día al recorrido digital]
🗺️ Los recorridos de usuario revelaron que la velocidad y la retroalimentación inmediata eran claves para mantener la confianza y evitar el abandono
Los journey maps me permitieron identificar los puntos de abandono más críticos y los momentos en los que la confianza se volvía determinante para continuar o desistir del proceso.
Al mapear las experiencias de Laura (profesionista individual) y Mario (empresario PyME), descubrí que ambos compartían la necesidad de retroalimentación rápida, información visible y confirmación inmediata durante el flujo de certificación.
Estos recorridos sirvieron como puente entre la investigación y el diseño, orientando la arquitectura de información y las microinteracciones hacia un objetivo claro, mantener la confianza en cada clic.
Laura Henández (Profesionista individual)
🎯
Insight
Laura busca una certificación rápida y válida, pero se enfrenta a costos poco claros y testimonios poco creíbles. Su confianza aumenta al ver requisitos y reseñas, pero se frustra con procesos poco específicos y pagos limitados.
🔑
Impacto en el diseño
Mostrar sellos oficiales y número de registro en la home.
Ofrecer testimonios en video y ejemplos de certificados reales.
Incluir WhatsApp fijo como CTA principal, con respuestas rápidas y FAQs.
Diversificar métodos de pago y mostrar guías descargables antes de inscribirse.
Mario López (empresario PyME)
🎯
Insight
Mario necesita certificar a varios empleados a la vez, pero encuentra páginas genéricas y sin propuestas personalizadas. Se preocupa por la falta de claridad en precios por grupo y la ausencia de un flujo adaptado a empresas.
🔑
Impacto en el diseño
Crear un bloque “Certifica a tu empresa” con planes diferenciados.
Simplificar formularios con campos mínimos y confirmación inmediata.
Incluir propuestas personalizadas en PDF con desglose de beneficios y condiciones de facturación.
Diseñar un panel de seguimiento para monitorear el avance del equipo.
[User Stories]
💬 Traducir los pain points en historias reales me permitió orientar el diseño con el propósito de generar conversión
Creé dos user stories que representaban los extremos de mi público objetivo, Laura Hernández, una profesionista individual que busca certificarse sin complicaciones, y Mario López, un empresario que necesita validar las competencias de su equipo.
Cada historia me ayudó a conectar los pain points emocionales con requerimientos funcionales, garantizando que cada decisión de diseño respondiera a una necesidad real.
👩🏻 Laura Hernández
Como profesionista que busca certificarse, quiero ver el número de registro y los sellos oficiales en la home, para confiar en que la certificación es válida.
Como usuaria que prefiere contacto rápido, quiero enviar mis dudas por WhatsApp, para recibir una respuesta inmediata sin llenar formularios largos.
Estas historias me ayudaron a definir que la validación visual (sellos, testimonios y registro oficial) debía estar al frente del diseño y que el contacto inmediato era un detonador de confianza.
👨🏻 Mario López
Como dueño de empresa, quiero ver una sección dedicada a certificar equipos completos, para saber que IECEO atiende también a negocios y no solo a individuos.
Como cliente empresarial, quiero llenar un formulario corto y recibir confirmación automática, para estar seguro de que mis datos fueron recibidos y atendidos.
Esta historia me hizo replantear la estructura del sitio, creando una ruta exclusiva para empresas y simplificando el proceso de registro con retroalimentación instantánea.
⚙️ La etapa de definición consolidó lo aprendido en investigación y marcó el estándar para un diseño funcional y confiable
En esta etapa me enfoqué en traducir la investigación en decisiones estratégicas de diseño.
Mi objetivo era que cada insight tuviera un reflejo directo en la interfaz, en el flujo y en la experiencia general del usuario.
Fue aquí donde consolidé los principios que guiarían toda la arquitectura del producto, poniendo como prioridad una confianza visible, claridad inmediata y accesibilidad constante.
🔑
Insights de la etapa de definición
🧱 La confianza se construye con señales visibles
Sellos oficiales, número de registro y ejemplos reales de certificados.
⚙️ Los usuarios rechazan procesos largos
Prefieren flujos simples de máximo tres pasos y con confirmación inmediata.
💬 WhatsApp es el canal más confiable
Su inmediatez refuerza la percepción de cercanía y soporte real.
💸 Claridad en precios y requisitos
Los usuarios deciden avanzar solo cuando la información es transparente.
🧾 Formularios cortos y con retroalimentación automática
Eliminan fricciones y reducen el abandono.
👥 Diferencias clave por perfil
Mario necesita planes empresariales y facturación clara, Laura valora flexibilidad y rapidez.
🪪 Ambos valoran validación oficial y testimonios diferenciados
Reforzar la legitimidad del servicio.
[Priorización]
📊 Priorizé las soluciones con mayor impacto en confianza y conversión utilizando el método ICE Scoring
Sabía que cada mejora podía aportar valor, pero no todas tenían el mismo impacto.
Para mantener el enfoque, decidí priorizar de forma estratégica usando el método ICE Scoring (Impact, Confidence, Ease), una herramienta que me permitió comparar objetivamente cada iniciativa y asegurar que el diseño atacara primero los puntos más críticos del journey del usuario, orientado a la confianza, claridad y acción inmediata.
Este proceso fue esencial para alinear decisiones de diseño con objetivos de negocio, asegurando que cada recurso invertido tuviera retorno visible tanto en percepción como en conversión.
Elegí ICE Scoring por que es una metodología ágil que permite comparar iniciativas sin depender de grandes volúmenes de datos. Y fue ideal para un proyecto con tiempo limitado, donde cada decisión debía justificar su valor y urgencia.
Cada iniciativa fue evaluada y ordenada de acuerdo con su impacto en la experiencia del usuario y su viabilidad técnica.
🔑
Insights de ICE Scoring
🛡️ Confianza primero (puntaje 640)
• Mostrar sellos oficiales y número de registro en la home
• La confianza era el detonador de todo el conversion flow.
📊 Procesos simples y visuales (puntaje 448)
• Explicar el proceso en pasos visuales reduce la percepción de burocracia.
• Los usuarios quieren claridad en el camino antes de tomar una decisión.
💬 Contacto inmediato ayuda a una decisión más rápida (puntaje 336-252)
• WhatsApp CTA fijo y formulario optimizado confirmaban la expectativa de rapidez y cero fricción.
🖼️ Prueba tangible (puntaje 336)
• Ejemplos de certificados reales generan confianza.
• “Ver para creer” era la clave, si no se muestra el certificado, la decisión se frena.
🏢 Segmentación empresarial (puntaje 240-80)
• Bloque “Certifica a tu empresa” y paquetes por volumen revelan que el segmento empresarial requiere soluciones diferenciadas, aunque su implementación es más compleja.
🗣️ Refuerzos de credibilidad (puntaje 180-96)
• Testimonios diferenciados, tabla comparativa de modalidades y FAQ funcionan como apoyo, pero no son los detonadores principales de conversión.
📧 Seguridad post-contacto (puntaje 252)
• Correo de confirmación inmediata genera tranquilidad y elimina la duda de si la solicitud fue recibida.
Aplicar ICE Scoring me ayudó a ver el diseño como una estrategia de priorización, no solo de estética.
Aprendí que en un producto orientado a la confianza, cada decisión debía tener un propósito medible, si no generaba claridad, confianza o acción, podía esperar.
Esta fase fue el puente entre la investigación y la acción, donde el diseño comenzó a tomar forma con propósito y dirección.
[Diseño estructural]
📐 La arquitectura se diseñó para ser simple y transparente, guiando desde la confianza inicial hasta el registro sin fricciones, con 4 secciones claras: Inicio, Nosotros, Certificaciones y Contacto
Con los hallazgos priorizados en el ICE Scoring, diseñé una arquitectura de la información enfocada en reducir fricciones, destacar señales de confianza y guiar al usuario hacia la inscripción.
El objetivo fue simplificar la navegación, hacer visible la confianza desde el inicio y reducir fricciones en el registro.
La estructura se organizó en cuatro secciones principales que responden tanto a los dolores como a las motivaciones detectadas en los empathy maps y journey maps.
Inicio: Diseñada para generar confianza inmediata, hero con CTA visible, sellos oficiales y número de registro, proceso explicado en pasos visuales, bloque empresarial y testimonios destacados.
Nosotros: Refuerza credibilidad institucional mostrando filosofía, valor agregado y señales de confianza.
Certificaciones: Ofrece un listado claro con requisitos, duración, costos y ejemplos tangibles de certificados.
Contacto: Presenta un formulario optimizado con campos mínimos y confirmación automática, además de datos de contacto visibles.
Cada decisión estructural tenía el propósito de guiar al usuario sin distracciones y fortalecer la percepción de legitimidad.
Por eso, eliminé subniveles innecesarios y enfoqué la navegación en recorridos directos y predecibles.
La simplicidad fue una estrategia, para llevar al siguiente paso con claridad.
[User flow]
🧭 Diseñé un recorrido guiado por confianza, claridad y contacto inmediato para reducir fricciones en el registro
Con la arquitectura estructurada, necesitaba asegurarme de que la navegación realmente acompañara al usuario de principio a fin sin perder claridad ni confianza.
Diseñé el user flow como una representación visual de cómo Laura (profesionista individual) y Mario (empresario PyME) podían llegar a su meta de la forma más rápida, transparente y segura posible.
El objetivo fue eliminar cualquier punto de fricción que pudiera interrumpir la conversión.
Por eso, enfoqué el flujo en tres prioridades estratégicas que respondían directamente a los insights de investigación y priorización:
Confianza al inicio: mostrar sellos, registro oficial y testimonios antes de cualquier decisión.
Claridad en el medio: ofrecer información completa sobre requisitos, duración y costos sin ambigüedad.
Contacto inmediato al final: integrar WhatsApp como CTA principal y un formulario corto con confirmación automática.
Además, diseñé dos recorridos paralelos, uno para usuarios individuales y otro para empresas, asegurando que ambos perfiles tuvieran una experiencia diferenciada y adaptada a sus objetivos.
[Identidad de marca]
🧩 Convertí la falta de coherencia visual en una oportunidad para construir una identidad sólida, accesible y alineada con la misión de IECEO
Durante la investigación noté que la falta de coherencia visual afectaba la percepción de confianza y profesionalismo. Por eso propuse diseñar su identidad, buscando un estilo más sólido, moderno y accesible que comunicara la seriedad institucional que los usuarios necesitaban ver desde el primer contacto.
Mi objetivo fue homogeneizar todos los elementos visuales, desde el logotipo hasta la paleta de colores y la tipografía, bajo una dirección estratégica alineada con los insights de investigación.
La nueva identidad debía transmitir profesionalismo, credibilidad y cercanía, proyectando a IECEO como un instituto confiable, preparado para crecer y competir en el ámbito digital.
En conjunto, el nombre y el logotipo reflejan la esencia de IECEO como una institución moderna, accesible y comprometida con el aprendizaje y la mejora continua.
Nombre y acrónimo (IECEO)
El acrónimo IECEO proviene de Instituto Evaluador de Competencias Laborales y Consultoría Empresarial de Oaxaca. Se eligió esta denominación por su sencillez, facilidad de pronunciación y recordación, lo que refuerza la identidad institucional y proyecta profesionalismo y confianza.
Logotipo
La forma del logotipo evoca un árbol de conocimiento y una red de competencias, símbolos que representan crecimiento, solidez y conexión. Esta imagen está directamente ligada a la misión del instituto: evaluar, fortalecer y certificar las capacidades laborales, impulsando el desarrollo profesional y empresarial en Oaxaca y en el país.
[Identidad visual]
🎨 Construí la identidad visual como una señal clara para generar confianza, profesionalismo y accesibilidad
Diseñé un sistema visual basado en tres principios:
Seriedad institucional donde se busca proyectar orden y legitimidad.
Claridad visual para facilitar la lectura y comprensión inmediata.
Consistencia digital para lograr mantener la misma experiencia en cada punto de contacto.
Decisiones visuales clave
Paleta de colores:
Utilicé tonos fríos y neutros (azules y grises) para proyectar estabilidad y confianza, reforzando la percepción institucional.
Los colores secundarios aportan frescura y accesibilidad, mientras que los neutros aseguran contraste y legibilidad en cualquier dispositivo.
En conjunto, la paleta comunica profesionalismo y modernidad, evitando saturación o distracción visual.
Tipografía:
Elegí Roboto por su claridad y legibilidad en entornos digitales, funciona como columna vertebral para los títulos y textos largos.
Complementé con Montserrat en botones y CTAs, por su carácter geométrico y moderno, asegurando que las acciones clave se perciban de inmediato.
Esta combinación refuerza jerarquía, legibilidad y foco en la acción.
[Wireframes de baja fidelidad]
✏️ Validé los flujos y jerarquías desde el boceto, asegurando claridad y dirección estratégica
El objetivo fue traducir la arquitectura en pantallas funcionales, asegurando que los usuarios pudieran encontrar sin esfuerzo los elementos clave.
Señales de confianza visibles: sellos oficiales y número de registro en la home.
Claridad en certificaciones: listado accesible con requisitos, duración y formas de pago.
Proceso simplificado: pasos explicados de forma visual y progresiva.
Contacto inmediato: WhatsApp y formulario como acciones claras y rápidas.
Durante esta fase los stakeholders tomaron la decisión de no incluir aún la sección empresarial. Aunque estaba contemplada en la arquitectura inicial, el equipo decidió concentrar los esfuerzos en profesionistas individuales como primer segmento objetivo.
Esta decisión me permitió enfocar la experiencia en un flujo más claro, directo y validable, sin dispersar recursos en un público secundario.
Los wireframes a mano funcionaron como una herramienta de conversación la cual me ayudo a alinear expectativas, simplificar pantallas y obtener retroalimentación inmediata antes de pasar al siguiente nivel de fidelidad.
[Wireframes de mediana fidelidad]
🖥️ Transformé los insights en pantallas funcionales que transmiten confianza, claridad y contacto inmediato desde el primer recorrido
Después de validar la estructura base en los wireframes de baja fidelidad, pasé a traducir cada insight en soluciones visuales claras y accionables.
Mi objetivo en esta etapa fue construir una experiencia navegable que reflejara credibilidad institucional, eliminando fricciones.
Mostrar certificados tangibles y testimonios como señales de confianza.
Usar cards simples y escaneables para facilitar la comparación entre certificaciones.
Simplificar el formulario de contacto, limitándolo a dos campos visibles.
Mantener WhatsApp como CTA fijo, asegurando una respuesta rápida y un canal de apoyo accesible.
[Hero y proceso]
🤝 Un hero que genera seguridad desde los primeros segundos
1
Navbar con registro visible
El número de registro oficial se mantuvo fijo en el navbar.
Fricción: Los usuarios desconfiaban de la validez de la institución porque no encontraban señales oficiales desde el inicio.
2
Hero con CTA claro
Acción destacada que facilita contacto inmediato.
Fricción: Muchos abandonaban antes de contactar por no saber cuál era el siguiente paso.
3
Hero con sellos oficiales
Señales de validez institucional, priorizadas.
Fricción: La falta de sellos generaba dudas sobre el respaldo de la institución.
4
Proceso en 4 pasos visuales
Sinteticé el proceso completo en 4 pasos visuales con íconos.
Fricción: Los usuarios asociaban la certificación con trámites largos y confusos.
[Home page]
🪪 Se priorizo mostrar un ejemplo real y testimonios oficiales como señales para una decision de confianza
5
Certificado tangible
Imagen real de un certificado con sus elementos de autenticidad
Fricción: Los usuarios dudaban de la validez de los certificados al no ver un ejemplo real.
6
Descripción
Explicación breve y clara de los elementos que componen el certificado.
Fricción: Los usuarios no comprendían qué recibían al finalizar la certificación.
7
Puntos clave
Desglose de información oficial (institución, fecha, código QR y firma del organismo validador)
Fricción: Existía confusión sobre qué entidad otorgaba validez al documento.
8
Testimonios destacados
Historias reales que muestran resultados de profesionales certificados.
Fricción: La ausencia de evidencia social generaba desconfianza y falta de conexión.
[Certificados]
📇 Los usuarios pedían claridad en requisitos, nombres y codígo de certificación para sentirse seguros al elegir.
9
Listado visual organizado
Cada tarjeta muestra imagen, código y nombre del estándar para evitar confusión.
Fricción: Los usuarios se perdían entre textos extensos y no lograban identificar rápidamente las certificaciones disponibles.
10
Estandar de competencia
Código reconocido por el instituto que valida oficialmente cada certificación.
Fricción: Existía incertidumbre sobre qué certificaciones contaban con validez oficial.
11
Nombre del estandar
Se agregó el nombre completo y descriptivo del estándar para mayor comprensión.
Fricción: Los usuarios no entendían el propósito o aplicación del estándar solo con el código.
[Nomenclatura a detalle]
👆🏼 Reducir fricciones en la información fue clave para generar seguridad y conversión.
12
Card de certificado principal
Imagen y descripción clara como protagonista, facilitando comprensión inmediata.
Fricción: Los usuarios no entendían de qué trataba la certificación al entrar en la página de detalle.
13
Requisitos y ocupaciones relacionadas
Información práctica que contextualiza la aplicación del certificado.
Fricción: Los usuarios no sabían si la certificación aplicaba a su perfil o experiencia laboral.
14
CTA card con beneficios
Bloque con ventajas (“Certificación válida por 5 años, avalada por CONOCER y SEP”).
Fricción: Existía incertidumbre sobre el valor real del certificado y sus beneficios concretos.
15
Contacto directo por WhatsApp
Canal visible y rápido para resolver dudas y cerrar inscripciones.
Fricción: Los usuarios abandonaban el formulario por falta de respuesta inmediata o canal accesible.
16
Formulario optimizado
Solo dos campos obligatorios (correo y mensaje) para agilizar el envío.
Fricción: Formularios largos provocaban abandono antes de completar el registro.
17
Opciones de pago visibles
Bloque claro con métodos y flexibilidad de pago.
Fricción: La ausencia de información sobre precios y formas de pago generaba desconfianza y frenaba la conversión.
📐
Decisiones de diseño
🏠 Inicio enfocado en confianza inmediata
Imágenes de certificados reales, pasos claros, sellos oficiales y numero de registro generan confianza al primer vistazo.
🧾 Sección “Nosotros” sintetizada
Filosofía y valores institucionales presentados de forma breve, como señal de credibilidad y profesionalismo sin saturar al usuario.
📜 Certificaciones en formato de cards
Tarjetas escaneables con requisitos básicos y botón de detalle, lo que facilita la exploración y la comparación rápida entre certificaciones.
🖼️ Página de detalle clara
Cada certificación incluye requisitos, duración y un ejemplo visual, respondiendo al dolor detectado en entrevistas sobre falta de transparencia y ejemplos reales.
💬 Contacto optimizado
Formulario más corto y directo, acompañado de opciones adicionales (WhatsApp, teléfono, e-mail) para asegurar inmediatez y accesibilidad.
🎯 Simplificación estratégica
Se decidió pausar la sección empresarial para priorizar al público principal (profesionistas individuales), agilizando la primera versión del producto digital y reduciendo dispersión de recursos.
Con los flujos validados y las jerarquías visuales claras, el siguiente paso fue avanzar hacia los wireframes de alta fidelidad, aplicando la identidad visual final y ajustando microinteracciones para entregar una experiencia profesional y confiable.
[Wireframes de alta fidelidad]
🎨 Los wireframes de alta fidelidad unificaron la confianza y una identidad sólida con microinteracciones efectivas
En esta fase apliqué la identidad visual final y las microinteracciones clave que transformaron la credibilidad en acción.
Integré elementos de marca, certificados reales y CTAs visibles que reforzaron la confianza y guiaron al usuario hacia la conversión sin distracciones.
El objetivo fue validar cómo las decisiones de diseño, colores institucionales, jerarquías claras y flujos simplificados, podían generar una sensación inmediata de seguridad y profesionalismo.
🔑
Insights de diseño final
🔒 Generar confianza desde el primer vistazo
• Desde la investigación descubrí que la validez oficial era la principal preocupación de los usuarios.
• El diseño final coloca en la home sellos oficiales, número de registro y la imagen del certificado real para disparar confianza inmediata.
⚙️ Simplificación del proceso
• Los usuarios rechazaban trámites largos y confusos.
• La versión final muestra el camino en 4 pasos claros, lo que reduce fricción y transmite transparencia.
🔁 Iteración de flujos y arquitectura
• Con los journey maps y el user flow se detectaron puntos de abandono (formularios extensos, falta de respuesta en WhatsApp).
• El resultado fue un formulario corto con confirmación automática y un CTA de WhatsApp fijo para contacto inmediato.
📊 Priorización con ICE
• El ICE Scoring reveló que los factores de mayor impacto eran confianza, simplicidad y contacto inmediato.
• Estos elementos se integraron en la versión final como pilares del diseño con el hero con sellos, pasos visuales, cards de certificaciones y contacto accesible en todo momento.
🎨 Identidad y usabilidad
• Se aplicó la paleta de colores fríos (azules, blancos, grises) para transmitir seriedad y profesionalismo, con acentos modernos para accesibilidad.
• La tipografía Roboto asegura legibilidad en todo el contenido, mientras que Montserrat en los botones da fuerza a las acciones clave.
🚀 Impacto en la experiencia
• Un sitio que comunica credibilidad en segundos, guía al usuario en un recorrido simple y culmina en una acción clara.
• El diseño está alineado con los objetivos de negocio (más inscripciones) y con las necesidades reales de los usuarios (confianza, claridad, rapidez).
[Producto final]
🌐 Transformé el diseño en un producto real que se implementó en WordPress como una plataforma funcional, autogestionable y lista para escalar
Tras validar los wireframes de alta fidelidad, el diseño se llevó a cabo en WordPress, asegurando que la plataforma final fuera escalable, autogestionable y accesible para IECEO.
La implementación en WordPress permitió que IECEO contara con un producto digital funcional, alineado con los lineamientos de diseño y accesibilidad definidos en fases anteriores.
Arquitectura clara
Las secciones “Inicio, Nosotros, Certificaciones y Contacto” fueron desarrolladas tal como se estructuraron en la arquitectura de información.Integración de herramientas analíticas
Google Analytics 4 y Microsoft Clarity se conectaron para medir tiempo en página, clics en CTAs y fricciones.Optimización de contacto
Se añadió botón fijo de WhatsApp, formulario optimizado y opciones de pago claras.CMS accesible
WordPress permitió a IECEO autogestionar certificaciones, actualizar contenidos y crecer sin depender de desarrolladores externos.Diseño consistente:
Se integraron los colores, tipografías y señales de confianza definidos en la identidad visual.
Desktop
Mobile
El producto final en WordPress consolidó todo el proceso UX/UI en una plataforma lista para operar, generando un impacto inmediato en la confianza de los usuarios y la captación de inscripciones.
[Resultados e impacto]
📊 El diseño revelo el tiempo en página en un 52-57 seg promedio
Tras la implementación en WordPress y la integración con herramientas de marketing, IECEO comenzó a operar con un ecosistema digital completo que conecta la experiencia del sitio con campañas en Meta Ads y landing pages personalizadas.
En los primeros 3 meses después del lanzamiento, los resultados fueron los siguientes:
+600 leads generados desde una sola campaña de Meta Ads, superando las expectativas iniciales.
CTR del 0.8%, en campañas de educación y certificación laboral en Latinoamérica.
Tiempo promedio en página de 52-57 minutos, dentro del estándar promedio de 45 segundos a 1 minuto en sitios educativos similares.
+320 formularios enviados desde la plataforma, con confirmación automática con integración de mailchimp que redujo el abandono.
+210 clics en WhatsApp, validando al canal como principal vía de contacto inmediato.
[Aprendizajes]
🧩 Aprendí que una buena estrategia es el detonador de conversión, donde la confianza que se crea con el usuario ayuda a generar mayores ingresos.
Estos aprendizajes refuerzan mi capacidad para liderar proyectos end-to-end y entregar productos digitales con impacto real.
Entender malas prácticas de la competencia y dolores reales de los usuarios me permitió diseñar flujos simples y claros.
Confirmé que alinear necesidades de negocio (conversión) y de usuario (simplicidad y confianza) es la base de un buen producto.
Validar con métricas (tiempo en página, leads, formularios) mostró cómo UX/UI impacta directamente en resultados de negocio.
El trabajo con stakeholders sin experiencia digital fue enriquecedor, ya que su apertura permitió iterar y validar hallazgos con rapidez.
La campaña de Meta Ads, que generó más de 600 leads, confirmó que el diseño funcionaba como motor real de captación.
Este proyecto me demostró que el verdadero valor del diseño UX/UI está en escuchar a los usuarios, alinear sus necesidades con los objetivos del negocio y transformar esa visión en un producto real que genera confianza y resultados medibles. Más allá de las pantallas, lo que construí con IECEO fue una experiencia digital que convirtió la desconfianza en acción y me consolidó como diseñador capaz de liderar procesos end-to-end con impacto tangible.
[Casos de estudio]
