Inflinds
Diseño

Diseño de producto y experiencia

Que quien llega entienda qué vendes y pueda decidir sin preguntarte.

Diseñamos la experiencia antes de dibujar pantallas: qué necesita saber el cliente, en qué orden y qué lo hace dudar. Después queda una interfaz y un sistema de componentes que tu equipo puede reutilizar sin volver a empezar en cada página.

01 · Diseño
Señales

Lo notas cuando…

Si te reconoces en dos o más, esta línea es por donde entrar.

  • Tus clientes preguntan por WhatsApp cosas que ya están escritas en el sitio.

  • Cada página nueva se diseña desde cero porque no hay componentes ni reglas de estilo.

  • El producto funciona, pero explicarlo toma más de una reunión.

  • La marca se ve distinta en cada canal y nadie tiene la versión vigente.

Entregables

Qué queda en tus manos

Cada punto es algo que se entrega y se puede revisar; no una lista aspiracional.

  • Entrevistas y pruebas con usuarios, con hallazgos priorizados por impacto.
  • Arquitectura de información: sitemap, flujos y modelo de contenido.
  • Wireframes y prototipo navegable para validar antes de construir.
  • Interfaz final responsive, con estados vacíos, de error y de carga resueltos.
  • Design system: tokens, tipografía, componentes y reglas de uso.
  • Plantillas de página y de ficha que se llenan sin diseñador.
  • Revisión de accesibilidad: contraste, foco, teclado y textos alternativos.
  • Documento de traspaso a desarrollo con especificaciones y criterios de aceptación.
Proceso

Cómo avanza

Cinco pasos. Cada uno deja algo concreto, no una reunión más.

  1. 01

    Descubrimiento

    Queda escrito el problema, el objetivo y cómo se va a medir.

  2. 02

    Investigación

    Sabes qué pregunta tu cliente y qué le impide decidir hoy.

  3. 03

    Arquitectura

    Mapa de páginas, contenidos y flujos aprobado antes de diseñar.

  4. 04

    Prototipo

    La experiencia se prueba con usuarios y se corrige sin costo de desarrollo.

  5. 05

    Sistema

    Interfaz y componentes documentados para que el equipo los use solo.

Stack

Con qué se construye

Herramientas y estándares reales, no una lista de deseos.

  • Figma
  • Open Design (Claude)
  • Tailwind CSS
  • WCAG 2.2
  • Git
Prueba

Dónde ya está en producción

Un caso real de esta línea: qué se hizo y sobre qué se construyó.

Distribución industrial B2B

Fusion Pipe Tools

Rediseño del sitio y del catálogo de un distribuidor de tuberías de termofusión y electrofusión, para que el comprador técnico encuentre la referencia sin llamar.

  • Rediseño UX/UI del sitio público, con arquitectura de información nueva.
  • Catálogo de 41 fichas con sistema de atributos y variantes.
  • Fichas técnicas interactivas dentro del catálogo.
Límites

Cuándo no aplica

Decirlo también es parte del trabajo. Si te reconoces aquí, esta no es la entrada.

No aplica

Ya tienes un design system vivo y solo falta una pantalla

Si el sistema existe, está documentado y el equipo lo usa, lo que necesitas es ejecución dentro de esas reglas, no un rediseño. Hacer la pantalla se puede; venderte un sistema nuevo, no.

No aplica

El problema es la oferta, no la interfaz

Si el producto no resuelve lo que el cliente necesita, una interfaz más clara solo hace que se note antes. Primero se arregla la oferta.

Preguntas

Preguntas que llegan

Si tu duda no está, se responde en la primera conversación.

¿Puedo contratar solo el diseño y desarrollar con mi equipo?

Sí. Entregamos Figma, componentes y especificaciones para que tu equipo construya. Si después necesitas acompañamiento en la implementación, se suma por separado.

¿Trabajan con la marca que ya tengo?

Sí. Partimos de tu logo, colores y tipografía y los convertimos en reglas usables: qué combinación va en cada caso y qué no se toca. Si la marca no está definida, se ordena primero.

¿Cuántas rondas de ajuste incluye?

Las que estén escritas en la propuesta, con el alcance definido. Cada ronda se revisa sobre el prototipo o la pantalla concreta, no sobre opiniones sueltas.

¿Qué necesitas de mi parte para empezar?

Acceso a tus analíticas si existen, ejemplos de clientes reales y una persona con autoridad para aprobar. Sin eso, el diseño se decide por gusto.

Siguiente paso

¿Tu sitio explica lo que vendes?

Cuéntanos a quién le vendes y qué te preguntan antes de comprar. Con eso sabemos si hace falta rediseñar o solo ordenar.