José Carlos González

Emilio CalvoCDO Sngular

Diseño de producto digital para convertir usuarios en clientes a través de la mejor experiencia en cualquier canal

Proponemos un diseño de producto y de experiencia integral centrado en el cliente final.


Ofrecemos un servicio de experiencia de usuario orientado al consumidor, aplicando la inmersión y conceptualización, el diseño de interacción, el prototipado, y el diseño visual junto con otras disciplinas como el análisis de la experiencia del cliente (customer journey), la arquitectura de información, la usabilidad o la redacción persuasiva.

Orientamos el diseño no solo a que los usuarios se sientan mejor ante nuestra web o aplicación, sino a lograr metas de negocio, es decir, el diseño como herramienta para demostrar valores e impulsar la generación de leads, el incremento de tráfico, de ventas, etc, mediante la creatividad y la persuasión.

En Sngular Xperience, entendemos que en la experiencia de usuario (UX) hay que:

  • Explicar menos. Despertar el interés del usuario, no resolver todas y cada una de sus dudas.
  • Explicar mejor: ser más visuales, con imágenes o vídeos reales que fomenten la empatía y la identificación del cliente con la experiencia de disfrutar del producto o servicio.
  • Tener poca información anidada: es más divertido surfear que bucear en un mar de contenido.
  • Preparar y formatear el texto para un vistazo rápido, con las ideas clave ya sintetizadas y resaltadas.
  • Priorizar esfuerzos de comunicación, captación, y fidelización.
  • Permitir diferentes puntos de acceso al contenido en función del modelo mental del usuario.
  • Diseñar llamadas a la acción (call to actions) trabajadas y estratégicamente situadas en las pantallas o lugares clave, como si se tratasen de landing pages que inician un funnel de conversión.
  • Diferenciar entre públicos, identificando roles de usuarios o clientes distintos, a los que adaptar la oferta, y la estrategia de conversión.
  • Fomentar el contenido único (blogs, artículos, comentarios), que faciliten el posicionamiento en los resultados de búsqueda.
  • Pensar en omnicanal, pues suele haber relación entre procesos de captación on-line y off-line, y hay que buscar coherencia en la comunicación, pensar en los canales como vasos comunicantes en lugar de compartimentos estancos.
  • Diseñar en responsive, pues la diversidad de dispositivos y resoluciones de pantalla no para de crecer.

En Sngular eXperience aplicamos un modelo de trabajo ágil, basado en unas fases claramente definidas.

  1. Inmersión

    Esta primera fase pone el foco en entender los objetivos del proyecto, las necesidades del usuario y los objetivos de negocio. Esto lo logramos a través de las siguientes tareas:

    • Kick off y definición de retos con el equipo del cliente.
    • Estudio de la documentación proporcionada.
    • Identificación de motivaciones y necesidades de los diferentes usuarios.
    • Identificación de objetivos de negocio para el nuevo producto digital.

    Se establece un primer periodo para trabajar estos puntos con los interlocutores definidos, con el fin de capturar necesidades operativas o de negocio y problemáticas actuales.

    Tras una primera fase de conocimiento, comenzamos a modelar el producto digital:

    • Análisis actual: fortalezas, debilidades y primeras recomendaciones.
    • Benchmark.
      • Mismo sector.
      • Multisector B2B, B2C, B2B2C.
    • Priorización del esfuerzo y orientación del producto (pesos entre branding, contenido informativo, captación de leads, fidelización, posicionamiento en Google, etc.).

  2. Prototipado

    En esta fase trabajamos la arquitectura de información del nuevo site y la interacción necesaria en las principales pantallas, en base a buenas prácticas de usabilidad y estableciendo patrones reutilizables:

    • Jerarquía de contenidos.
    • Prototipado de bajo nivel de detalle, en base a wireframes en prototipo clicable.

    El prototipo nos servirá para tener una idea bastante aproximada de cómo estructuramos los contenidos en el nuevo site, cómo se articulará la navegación, etc., con el fin de garantizar una buena experiencia de usuario así como con los objetivos operativos y de negocio definidos anteriormente.

    Esto lo conseguimos con el foco en las siguientes tareas:

    Arquitectura de Información y usabilidad
    • Definición de la arquitectura de contenidos o de procesos.
    • Diseño de la navegación general.
    • Jerarquización de funcionalidad, contenidos y elementos de interfaz (botones, links, rótulos, etc.).
    • Garantizar:
      • la simplicidad y usabilidad de la aplicación.
      • un buen grado de "findability", es decir, facilidad para encontrar cualquier contenido o proceso con muy pocos clics.
      • el diseño de una interfaz que resulte persuasiva e impulse la conversión (llamadas a la acción, uso de lenguaje coloquial, facilitar toma de decisiones al usuario, etc.).
      • dar respuesta a las necesidades y problemáticas identificadas en la fase anterior.

    Diseño de Interacción
    • Definición de patrones de interacción en elementos de interfaz, pantallas y flujos.
    • Garantía por parte del equipo de desarrollo de que la implementación del prototipo es factible.
    • Seguimiento del equipo de diseño visual y desarrollo de interfaz, con el fin de resolver dudas y resolver incidencias.

    En este caso, esta labor nos ayuda además a definir las tareas siguientes necesarias para el avance del equipo de desarrollo que construirá el producto más adelante, y con el que se comprueba la viabilidad técnica.

  3. Diseño Visual

    Acordada la funcionalidad y patrones de interacción, recubrimos la capa visual de la interfaz mediante mockups de alta fidelidad y guidelines por componentes.

    En esta fase diseñamos las principales páginas del sitio, o páginas maestras, atendiendo a su aspecto final. Se trata de continuar con la labor de prototipado generando diseños de alta fidelidad (que representan el aspecto final con exactitud).

    Se seleccionan aquellas cuya estructura (layout) supone un patrón común para otras (por ejemplo, basta diseñar cómo es un post para aplicar idéntica estructura a todos ellos).

    Estos diseños de pantallas clave, habilitan el desarrollo de la interfaz, componiendo un tema (theme) con diversas plantillas según el tipo de contenido.

    Las tareas que hay que realizar son:

    • Diseño de mockups de pantallas clave:
      • Definir el aspecto final de las pantallas principales de la aplicación (key screens) como la máxima fidelidad para su aprobación por parte del equipo de negocio.
      • Alinearnos con guías de marca e identidad corporativa del cliente.
    • Diseño de componentes de interfaz:
      • Diseño de los elementos de interfaz (ejemplo: botones), desde los más simples a piezas complejas, con el fin de no necesitar del diseño de todas las pantallas.
    • Soporte al equipo de desarrollo front end en la implementación, resolver dudas, incidencias y comprobar que el interfaz desarrollado se ajusta a los guidelines aprobados.

  4. Modelo de trabajo

    Aplicamos una metodología ágil, con iteraciones por sprints, donde la conceptualización avanza por delante del diseño visual, pero con un solapamiento que permite cierto paralelismo en la ejecución del proceso:

    Por último, el modelo de trabajo se cierra con un enfoque iterativo de mejora continua. Aplicamos test y métricas para comprobar la función del diseño, experimentos A/B, para probar alternativas que pueden ser mejor recibidas por los clientes. En definitiva, evolucionar el diseño para mejorar los resultados de nuestros clientes.