Diseño UX/UI

Que quienes entran a tu web te escriban, te reserven o te compren.

El diseño UX/UI, o diseño de interfaces y de experiencia de usuario, hace que tu web sea fácil de usar (UX) y se vea bien (UI), para que quienes entran terminen escribiéndote, reservando o comprando. Que den ese paso es lo que se llama conversión.

Solicitar diagnóstico gratis Encuentra tu solución UX/UI

Diagnóstico + consulta de 15 minutos · Sin costo · Para empresas en Lima y todo el Perú

Lo que pasa cuando tu cliente quiere pedir una cotización en tu web: el formulario le pide nueve datos, el teclado del celular le tapa el botón de enviar y al final le piden crear una cuenta, así que se va sin enviar.

Pide tu cotización9 de 9

Nombre

Apellido

DNI

Correo

Teléfono

Negocio o empresa

Ciudad

¿Cómo nos conociste?

Mensaje

Enviar

Crea tu cuenta para enviar

Correo

Contraseña

Crear cuenta

Tu cliente dejó el formulario a medias Quería cotizar una sesión de fotos y se cansó antes de enviar.

Te decimos por qué con un diagnóstico gratis

Cómo elegir la solución adecuada

Empieza por lo que más te preocupa de tu web. Si son varias cosas a la vez, o no sabes por dónde empezar, pide primero la auditoría gratis.

Soluciones de diseño UX/UI según tu necesidad

Toca la situación que se parece a la tuya, o una solución, y te contamos en qué consiste: qué incluye, qué necesitas y qué recibes.Desliza las tarjetas y toca la situación que se parece a la tuya. Abajo ves qué solución le corresponde y en qué consiste.

Diseñar tu web
Ver dónde se traba tu cliente
Que más personas escriban o compren
Para empezar

Solución

Diseño UX/UI

El diseño UX es cómo se usa tu web y el diseño UI es cómo se ve. Hacemos que tu web esté pensada para que tu cliente encuentre lo que busca y te escriba, reserve o compre.

Qué incluye: Una web hecha para que quien entra te escriba, reserve o compre, fácil de usar desde el celular y revisada con estándares internacionales de accesibilidad, con el porqué de cada cambio
Qué necesitas: Qué quieres que haga tu cliente (escribirte, reservar o comprar), tus textos, tu marca (logo y colores) y una persona de tu lado que apruebe los cambios
Recibes: Tu web hecha para que te escriban, reserven o compren, con cada cambio y su razón

Ver cómo trabajamos

Solución

Auditoría UX

En una web que ya existe, la auditoría UX revisa cómo la usa tu cliente, encuentra dónde se traba y te dice qué arreglar primero.

Qué incluye: Revisar tus páginas más importantes en el celular y en la computadora como las usaría un cliente nuevo, encontrar dónde se traba tu cliente y ordenar cada problema, del que más pesa al que menos
Qué necesitas: La dirección de tu web, qué quieres que haga tu cliente y, si los tienes, tus números de visitas
Recibes: Una lista de lo que traba a tu cliente, cada punto con lo que lo demuestra, qué tan grave es y qué arreglar primero

Solución

Investigación de usuarios y usabilidad

Para decidir con lo que hacen personas de verdad y no con opiniones. Las vemos usar tu web y te contamos qué encontramos.

Qué incluye: Definir qué quieres aprender, ver a personas como las que te compran usar tu web (a eso se le llama pruebas de usabilidad) y resumir lo que vimos
Qué necesitas: Qué decisión quieres tomar, a quién le vendes y tu web para mostrarles
Recibes: Lo que vimos, cada cosa con lo que la demuestra, y lo que se puede y no se puede concluir con esas personas

Solución

Accesibilidad web

Para que más personas puedan usar tu web, también con teclado o con un lector de pantalla (un programa que lee en voz alta lo que hay en la pantalla). Revisamos tu web con estándares internacionales y te decimos qué corregir.

Qué incluye: Revisar tus páginas más importantes con la guía WCAG, el estándar internacional de accesibilidad web, incluyendo el contraste entre las letras y el fondo, el tamaño de letra, que se pueda usar con teclado y la velocidad, y ordenar cada problema, del que más pesa al que menos
Qué necesitas: Las páginas que más importan, quién puede corregir tu web y una persona de tu lado que apruebe qué va primero
Recibes: Cada problema con lo que lo demuestra y la comprobación después de corregirlo

Solución

Optimización de conversiones (CRO)

La optimización de conversiones, o CRO, es mejorar paso a paso cuántos de los que entran te escriben o te compran, lo que se llama tasa de conversión. Hacemos un cambio y vemos si te escriben más.

Qué incluye: Definir qué acción cuenta (escribirte, reservar o comprar), ver cuántos la hacen hoy, ordenar qué cambios hacer primero y ver qué pasa después de cada uno
Qué necesitas: Una web que ya recibe visitas, tus números de visitas y de mensajes, si los tienes, y quién puede hacer los cambios
Recibes: Una lista de cambios en orden, con cómo vamos a ver si cada uno funcionó y qué hacer si todavía entra poca gente para comparar

Ver cómo trabajamos

Solución

Formularios y reservas

Para quienes llegan hasta el formulario o la reserva y se cansan antes de enviar. Revisamos cada paso, quitamos lo que sobra y dejamos el botón a la vista.

Qué incluye: Revisar paso por paso lo que hace tu cliente desde que toca «Cotizar» o «Reservar» hasta que envía, proponer qué datos pedir y cuáles sobran, y dejar a la vista el botón de enviar y la confirmación
Qué necesitas: El formulario o la reserva que ya tienes, qué datos necesitas de tu cliente y quién recibe los mensajes
Recibes: El camino de tu formulario o reserva revisado, con lo que se quita y lo que se cambia, y la comprobación de que cada envío te llega

Ver cómo trabajamos

Solución

Optimización de landing pages

Para optimizar una landing page que ya existe, una página hecha para una oferta o una campaña. Revisamos qué promete, qué ve primero tu cliente en el celular y qué le frena. Si hay que crearla desde cero, eso es de Landing pages, en Diseño y desarrollo web.

Qué incluye: Revisar si lo que prometes en tu anuncio o en tu publicación coincide con tu landing, qué ve primero tu cliente en el celular, el formulario y el botón, y ordenar qué cambiar primero
Qué necesitas: La dirección de tu landing, de dónde llegan las visitas (tu anuncio o tu búsqueda), qué quieres que haga tu cliente y quién publica los cambios
Recibes: La revisión de tu landing, con los cambios en orden y cómo vamos a ver si cada uno funcionó

Ver cómo trabajamos

Solución

Auditoría gratis para empezar

Revisamos por encima cómo se usa y cómo se ve tu web, entre otros puntos de tu negocio en internet. Ya te da una buena idea sin pagar.

Qué incluye: Una auditoría gratis de tu negocio en internet, con una revisión por encima de cómo se usa y cómo se ve tu web (UX/UI), y una consulta de 15 minutos para explicártela
Qué necesitas: Tu web o el nombre de tu negocio, y un WhatsApp o correo
Recibes: Una buena idea de qué le pasa a tu web y qué solución va primero, antes de contratar nada

Solicitar diagnóstico gratis

Comparar las 7 soluciones lado a lado

Comparación de las soluciones de diseño UX/UI y conversión
Tu situación	Solución y qué incluye	Va aparte	Qué necesitas	Recibes	No te conviene si
Mi web se ve bien, pero a mis clientes les cuesta usarla	Diseño UX/UI: una web hecha para que te escriban, reserven o compren, fácil de usar desde el celular y revisada con estándares internacionales de accesibilidad, con el porqué de cada cambio	Construir una web desde cero (va con Diseño y desarrollo web)	Qué quieres que haga tu cliente, tus textos, tu marca y una persona de tu lado que apruebe	Tu web hecha para que te escriban, reserven o compren, con cada cambio y su razón	Solo necesitas una web nueva desde cero, o primero necesitas saber qué falla (empieza por la auditoría)
Entra gente a mi web y no sé dónde se traba mi cliente	Auditoría UX: revisar tus páginas como las usaría un cliente nuevo, encontrar dónde se traba tu cliente y ordenar qué arreglar primero	Rehacer tu web, ver a personas usarla (va con la investigación) y revisar cómo sales en Google (va con SEO)	La dirección de tu web, qué quieres que haga tu cliente y tus números de visitas, si los tienes	Una lista de lo que traba a tu cliente, cada punto con lo que lo demuestra y qué arreglar primero	Esperas que te entreguemos la web rediseñada o que la revisión te asegure más ventas
Quiero ver cómo usan mi web personas de verdad antes de cambiarla	Investigación de usuarios y usabilidad: definir qué aprender, ver a personas que se parecen a tus clientes usar tu web y resumir lo que vimos	Hacer los cambios y medirlos (van con Diseño UX/UI, Diseño y desarrollo web y Analítica)	Qué decisión quieres tomar, a quién le vendes y tu web para mostrarles	Lo que vimos, cada cosa con lo que la demuestra, y lo que se puede y no se puede concluir	Esperas que unas pocas personas representen a todos tus clientes, o que asegure más ventas
Algunas personas no pueden usar mi web, por ejemplo con teclado o con lector de pantalla	Accesibilidad web: revisar tus páginas más importantes con la guía WCAG (contraste entre letras y fondo, tamaño de letra, uso con teclado y velocidad) y ordenar qué corregir	Corregir el código (va con Diseño y desarrollo web), rehacer toda la web (va con Diseño UX/UI) y la opinión legal	Las páginas que más importan, quién puede corregir tu web y una persona de tu lado que apruebe qué va primero	Cada problema con lo que lo demuestra y la comprobación después de corregirlo	Esperas un certificado o la seguridad de cumplir una ley, o quieres que se corrija todo sin revisar primero
Quiero que más de los que entran me escriban o me compren, y ver qué cambios funcionan	Optimización de conversiones (CRO): definir qué acción cuenta, ver cuántos la hacen hoy, ordenar qué cambios hacer primero y ver qué pasa con cada uno	Montar la medición de toda tu web y tus reportes (va con Analítica), programar los cambios (va con Diseño y desarrollo web), manejar tus anuncios (va con Google Ads) y vender mejor desde tu tienda online (va con Marketing para ecommerce)	Una web que ya recibe visitas, tus números de visitas y de mensajes y quién puede hacer los cambios	Una lista de cambios en orden, con cómo vamos a ver si cada uno funcionó	Casi nadie visita tu web todavía (primero conviene que lleguen visitas), no hay quién haga los cambios o esperas que te aseguremos más ventas
Entran, empiezan el formulario o la reserva y no la terminan	Formularios y reservas: revisar paso por paso el camino hasta el envío, quitar lo que sobra y dejar el botón y la confirmación a la vista	Registrar cada envío en tu reporte (va con Analítica) y crear un formulario o una reserva nuevos (va con Diseño y desarrollo web)	El formulario que ya tienes, qué datos necesitas de tu cliente y quién recibe los mensajes	El camino revisado, con lo que se quita y lo que se cambia, y la comprobación de que cada envío te llega	Todavía no tienes formulario ni reserva (primero hay que crearlos) o esperas que te llegue una cantidad de consultas asegurada
Tengo una landing page que recibe visitas y casi nadie me escribe	Optimización de landing pages: revisar qué promete, qué ve primero tu cliente en el celular, el formulario y el botón, y ordenar qué cambiar	Crear una landing nueva (va con Landing pages), manejar tus anuncios (va con Google Ads) y medir (va con Analítica)	La dirección de tu landing, de dónde llegan las visitas y quién publica los cambios	La revisión de tu landing, con los cambios en orden y cómo vamos a ver si cada uno funcionó	Todavía no tienes la landing publicada (primero hay que crearla) o esperas que te aseguremos un número de consultas

Hacia dónde apunta el trabajo

Trabajamos para que quien entra a tu web entienda qué ofreces, la use sin trabarse, termine escribiéndote, reservando o comprando, y para que sepas qué cambio funcionó.

Mesa de trabajo sobre un tapete de corte verde junto a una ventana, con una hoja impresa con el dibujo de una pantalla de celular hecha de rectángulos y un botón verde lima, un celular de cartón con un arco verde lima trazado y un punto adhesivo, tres notas adhesivas en forma de globo de diálogo en blanco sobre una regla de acero, y dos hojas con pantallas dibujadas pegadas con cinta azul, una con un botón grande verde lima y otra con un botón chico gris

Se entiendeQuien entra entiende qué ofreces y qué hacer.
Se usa fácilTu web se maneja bien con un dedo, desde el celular.
Te escribenMás de los que entran te escriben, te reservan o te compran.
Sabes qué funcionóSabes qué cambio funcionó y cuál no.

Qué es el diseño UX/UI y qué hace por tu negocio

El diseño UX/UI, o diseño de interfaces y de experiencia de usuario, se ocupa de dos cosas de tu web. El diseño UX, cómo se usa tu web, decide qué ve primero tu cliente, en qué orden y por dónde llega al botón de WhatsApp o al formulario para escribirte. El diseño UI, cómo se ve, decide los botones, los colores y las letras. La interfaz es todo lo que tu cliente ve y toca en la pantalla.

Primero miramos cómo usa tu web quien entra, desde el celular y desde la computadora, y dónde se traba. Después ordenamos las pantallas, quitamos lo que sobra y hacemos un cambio a la vez, para ver si más personas terminan escribiéndote, reservando o comprando. Que den ese paso es lo que se llama conversión, y mejorar cuántos lo dan, paso a paso, es la optimización de conversiones (CRO). Cuando hace falta, vemos a personas de verdad usar tu web, para decidir con lo que hacen y no con opiniones.

Un buen servicio de diseño UX/UI te explica qué cambia y por qué, y ve si funcionó. Si estás comparando una agencia de diseño UX/UI, un diseñador UX/UI o una empresa de diseño de interfaces, en Lima o en cualquier ciudad del Perú, pídele eso mismo a cada uno: qué va a revisar de tu web, qué cambios va a hacer y cómo vas a saber si funcionó.

Barbería chica vacía por la mañana, con dos sillones de cuero negro de estilo antiguo frente a un mesón largo de madera con un espejo grande que refleja el salón vacío, un frasco de vidrio con peines, toallas blancas dobladas y dos tijeras, un estante de madera con botellas de vidrio transparentes, un piso de damero blanco y negro con rayones y una planta colgante junto a la ventana que da a la calle — De tu web al mensaje de tu cliente

Taller chico de reparación de bicicletas, con una bicicleta de cuadro negro mate colgada de un soporte de reparación, un panel de clavijas con llaves, alicates y destornilladores colgados, un estante metálico con llantas y aros, un banco de madera con una botella de lubricante y un cepillo, un piso de cemento con manchas de aceite y una puerta enrollable abierta a la derecha — De tu web al mensaje de tu cliente

Por qué necesitas diseño UX/UI

Te conviene si entra gente a tu web y casi nadie te escribe, te reserva o te compra. Mira si te reconoces en alguna de estas situaciones.

Frente de un negocio chico a nivel de calle con luz nublada: una persiana metálica gris, una puerta lateral verde descascarada junto a una planta grande en maceta, un timbre de pared con dos botones, un letrero de madera en forma de flecha en blanco, un portón de tablas cerrado con un candado, un cerrojo y una cadena con otro candado, y un buzón de acero abollado con telaraña y la tapa abierta, sobre una pared de yeso con la pintura descascarada

No encuentran el botónTu cliente no encuentra el botón para escribirte.
No se entiende qué hacerTu cliente no entiende qué hacer en tu web.
Piden demasiadoTu cliente tiene que dar demasiados pasos antes de escribirte.
Nadie te escribeHay visitas en tu web y ningún mensaje.

Cómo trabajamos

Así trabajamos el diseño UX/UI, en cinco pasos, del diagnóstico a la entrega. En cada uno sabes qué hacemos y qué recibes.

Diagnóstico
Vemos qué quieres que haga tu cliente, cómo se ve hoy tu web en el celular y cuántos de los que entran te escriben, reservan o compran, si lo sabes.
Recibes lo que pasa hoy con tu web y qué va primero.
Revisión de cómo la usa tu cliente
Recorremos tu web como lo haría tu cliente, desde el celular y desde la computadora, y anotamos dónde se traba.
Recibes cada problema con lo que lo demuestra, qué tan grave es y qué arreglar primero.
Diseño de los cambios
Armamos tu web para que te escriban, reserven o compren y te mostramos cada cambio con su razón. Nada se cambia sin tu aprobación.
Recibes tu web hecha para que te escriban, reserven o compren, con cada cambio y su razón.
Cambios y resultados
Hacemos un cambio a la vez y vemos si más personas te escriben, reservan o compran. Si todavía entra poca gente para comparar, te explicamos cómo lo comprobamos.
Recibes qué cambiamos, qué funcionó y qué no.
Entrega y revisión
Te entregamos todo en orden y repasamos contigo los números. Si algo no responde como esperábamos, cambiamos el rumbo antes de seguir invirtiendo.
Recibes tu web lista, el porqué de cada cambio y qué mirar en tus números.

Lo que medimosDesde que entran hasta que compran. En cada paso quedan menos personas, como en un embudo.

Entran a tu web
Encuentran lo que buscan
Empiezan a escribir o a reservar
Lo envían
Ventascuando tu medición lo conecta

Un ejemplo para verlo en la práctica

Estudio de fotografía vacío por la mañana, con un fondo de papel gris claro que baja hasta un piso de madera gastado, dos flashes negros con difusores blancos en pie alto, un reflector redondo blanco, un banco alto de madera en el centro, un trípode sin cámara, un estante bajo de madera con rollos de tela beige y gris oscuro, cables con cinta en el piso y una ventana alta con cortina clara

La situación: Imagina un estudio de fotografía con una web muy bonita, a la que entra gente todos los días. Para pedir una cotización hay que llenar nueve datos, el teclado del celular tapa el botón de enviar y al final piden crear una cuenta.
Qué le preocupa: Entra mucha gente y casi nadie pide una cotización. El dueño siente que su web se ve bien y no le sirve.
Solución principal: Formularios y reservas
Si hace falta después: Optimización de conversiones (CRO), para hacer cambios y ver cuál funciona.

De hoy a la primera revisión

¿Cuántos datos piden para cotizar?~~Nueve~~Solo los que hacen falta
¿Se ve el botón de enviar con el teclado abierto?~~Queda tapado~~Se ve siempre
¿Hay que crear una cuenta para enviar?SíNo

Lo primero que se trabaja es el formulario de cotización: solo los datos que hacen falta, el botón de enviar siempre a la vista en el celular y sin pedir una cuenta.

Cotización nueva desde tu webHola, pedí una cotización desde su web para una sesión de fotos de mi marca. ¿Qué día pueden hablar?

Diagnóstico + consulta gratis · 15 minutos

Descubre por qué tus clientes eligen a otro.

Pasamos tu negocio por nuestro diagnóstico y, en una llamada de 15 minutos, te mostramos dónde se te escapan los clientes y qué haríamos primero.

Dónde no apareces cuando te buscan.
Quién sale en tu lugar y qué hace distinto.
Qué dice la IA cuando preguntan por lo que vendes.
De dónde vienen tus clientes y qué no estás midiendo.

Diagnóstico de tunegocio.pe

Quién se queda con tus clientes

Buscan lo que vendes Tu competencia Tú

Por cada cliente que te encuentra, 7 encuentran a tu competencia.
Qué dice la IA

0 de 5respuestas de la IA te recomiendan
Quién sale antes

6negocios salen antes que tú

¿Por dónde empezar?En ClickaCierre usamos una herramienta de diagnóstico que revisa tu negocio en Google, en Maps y en la IA, y te da un punto de partida claro.

Preguntas frecuentes

Las dudas que suele tener un dueño antes de empezar.

¿Cuánto cuesta el diseño UX/UI?

La auditoría gratis ya revisa por encima cómo se usa y cómo se ve tu web (UX/UI).

Eso te da una buena idea sin pagar nada.

Si después quieres el diseño a fondo, el precio depende de cuántas páginas hay que trabajar.

Y te lo decimos antes de empezar. Pide tu auditoría gratis

¿Y una auditoría UX?

La revisión por encima es gratis.

Si quieres una revisión a fondo de todas tus páginas, el precio depende de cuántas son.

¿Y optimizar una landing page?

Una landing page es una página hecha para una oferta o una campaña.

El precio depende de cuántos cambios necesita.

Si todavía no la tienes, crearla es otro trabajo, el de Landing pages en Diseño y desarrollo web.

¿Por qué mi página web no vende?

Casi nunca es una sola cosa.

A veces tu cliente no encuentra el botón para escribirte.

O el formulario le pide tantos datos que se cansa.

O tu web se ve mal desde el celular.

Para saber cuál es tu caso, miramos tu web como la vería un cliente.

¿Y si casi nadie entra a mi web?

Entonces el problema es otro, casi nadie te encuentra.

Eso se arregla con SEO, que es aparecer en Google, o con anuncios. Ver SEO

¿Cómo hago que mi web venda?

Primero, que se entienda qué ofreces y qué hacer.

Después, que escribirte, reservar o comprar sea fácil y rápido.

Y mirar si cada cambio funcionó.

¿Qué incluye una auditoría UX?

Es una revisión de las páginas más importantes de tu web.

La miramos en el celular y en la computadora, como la vería un cliente nuevo.

Te decimos qué cosas le cuestan trabajo a tu cliente.

Cada una con lo que lo demuestra y qué arreglar primero.

Separamos lo que vimos de lo que solo suponemos. Ver la Auditoría UX

¿Me rediseñan la web?

No. La auditoría te dice qué conviene cambiar y qué va primero.

Si quieres que cambiemos tu web, eso es el Diseño UX/UI y se acuerda aparte.

¿Qué hace una agencia de diseño UX/UI por mi negocio?

Mira cómo usa tu web quien entra y dónde se confunde.

Cambia lo que haga falta para que sea fácil usarla desde el celular.

Cuida que se vea bien y que todos puedan usarla.

Te explica cada cambio y por qué lo hizo.

¿Cómo sé si funcionó?

Miramos si te escriben, reservan o compran más que antes.

Y te mostramos los números en palabras simples.

¿Me garantizan que más personas me escriban o me compren?

Ninguna empresa seria te lo puede prometer.

Depende también de cuánta gente entra a tu web, de lo que ofreces y de tu precio.

Lo que sí hacemos es revisar tu web, hacer los cambios que hagan falta y ver si funcionaron.

Así sabes qué cambio ayudó y cuál no.

¿Y si todavía entra poca gente?

Entonces primero conviene que más gente te encuentre.

Eso se trabaja con SEO o con anuncios. Ver Google Ads

¿Pasamos del clic al cierre?