Servicio
Diseño web y diseño UI/UX de sitios
La gente llega al formulario y no lo rellena. En el móvil la mitad de los botones responde al segundo toque. Junto a la página de un competidor, la suya se ve varios años más vieja, y usted mismo lo nota.
En cifras
años en el mercado
proyectos en el portfolio
sistema de diseño en cada proyecto
Trabajos
Diseño que ya funciona en producción
Sitio de estudioapricode.agency
Sitio 3D inolvidable desde la primera visita
Ver proyecto
Showroom 3DTesla
Showroom 3D para vender el coche antes de la prueba de conducción
Ver proyecto
Sitio promocionalCoca-Cola
Sitio promocional festivo para llevar la marca de chat en chat
Ver proyecto
Plataforma SaaSPeleus
Plataforma SaaS de marketing con motor de IA propio
Ver proyecto
Sitio de criptocambioMW Exchange
Sitio de criptocambio con la solicitud en la primera pantalla
Ver proyecto
Sitio financieroVela Group
Sitio financiero para inspirar confianza desde la primera pantalla
Ver proyecto
Qué hacemos
Diseño UI, UX y rediseño — según su necesidad
- Diseño UI de sitios y landing pages
Interfaces para sitios corporativos, tiendas online, landing pages y productos SaaS. Tipografía trabajada, biblioteca de componentes en Figma, sistema de diseño para el desarrollador.
Adecuado si tiene un proyecto nuevo o necesita un sitio desde cero.
- UX e investigación
Análisis del comportamiento de los usuarios, wireframes antes de la parte visual, comprobación de la lógica antes del código. Auditoría de usabilidad del sitio existente: identificamos dónde se pierden las conversiones y qué corregir primero.
Adecuado si ya tiene un sitio pero no convierte lo que le gustaría.
- Rediseño del sitio
Un camino aparte: auditoría de lo actual → qué se mantiene → qué se cambia → nuevas maquetas. No «lo dibujamos todo de nuevo»: buscamos el mínimo cambio con el máximo efecto.
Adecuado si el sitio ha envejecido o ya iba por detrás de la competencia desde el inicio.
Cómo trabajamos
Cinco pasos de diseño. El final es la entrega a desarrollo
Investigación
Auditoría de la competencia, análisis del comportamiento en el sitio actual (si existe), y desglose de la tarea y el público objetivo. Resultado: brief de investigación + mapa de audiencias + lista de escenarios clave.
Prototipo
Wireframes en Figma: estructura de páginas y lógica de navegación. Comprobamos que el sitio «piensa bien» antes de empezar a dibujar. Resultado: prototipo aprobado + mapa del sitio.
Maquetas UI
Diseño para escritorio (1440px), tablet (768px) y móvil (375px). Dos direcciones al inicio: el cliente elige una. Resultado: maquetas finales de tres breakpoints + tres rondas de correcciones incluidas en el presupuesto.
Sistema de diseño
Biblioteca de componentes en Figma: tipografía, colores, espaciados, botones, formularios, tarjetas, iconos. Resultado: sistema de diseño en Figma + guía para el editor de contenidos.
Entrega
Entregamos los archivos de Figma, assets y especificaciones al desarrollador, suyo o nuestro. Resultado: archivos de Figma (suyos para siempre), assets en SVG/PNG, especificación de componentes.
Qué recibe
Los archivos de Figma son suyos. Sistema de diseño incluido. Tres rondas de correcciones en las etapas clave
En cada proyecto
- Archivo de Figma suyo. Sin «alquiler» de maquetas, sin dependencia de nuestra cuenta.
- Sistema de diseño: colores, tipografías, componentes documentados para el desarrollador y el gestor de contenidos.
- Maquetas adaptativas: escritorio / tablet / móvil, tres breakpoints como mínimo.
- Tres rondas de correcciones en cada etapa clave (prototipo, UI). Lo que exceda se factura por horas.
- Dos direcciones de concepto UI al inicio: elige una, la detallamos.
- Especificaciones y assets para el desarrollador, en un formato con el que puede empezar a programar de inmediato.
Preguntas frecuentes
Qué suelen preguntar antes de empezar
Formulario de contacto
Cuéntenos su proyecto — le diremos qué diseño necesita

En detalle
Diseño web y diseño UI/UX de sitios que llevan al usuario a actuar
El diseño web no es estética por estética. Detrás de cada decisión sobre el color de un botón, el ancho de un espaciado o el orden de los elementos hay una pregunta: «¿esto lleva al usuario hacia la acción?». En 10 años y más de 500 proyectos hemos comprobado que un buen diseño web es el que convierte, no el que acumula «me gusta» en Behance. La diferencia entre un diseño «bonito» y uno «que funciona» es la diferencia entre un sitio escaparate y un sitio herramienta de negocio. Ver casos de éxito →
El diseño UI/UX empieza por entender quién llega al sitio y para qué. La investigación UX, el mapa de audiencias y el análisis de la competencia no son un paso «de más», sino un seguro contra un error de estructura que después sale más caro de corregir que de hacer bien desde el principio. Los wireframes en Figma fijan la lógica antes de que aparezca la parte visual, y es en ese momento cuando cambiar la estructura sale más barato. Si «no era lo que había pensado» aparece ya en las maquetas UI, es porque no hubo prototipo o se saltó ese paso.
El diseño de una tienda online se diferencia del de un sitio corporativo igual que una sala de ventas se diferencia de una oficina. La ficha de producto, los filtros del catálogo, el carrito y el proceso de compra tienen cada uno su propia lógica de conversión. Para tiendas de ropa importan las tablas de tallas y la comparación de variantes de color; para tiendas de cosmética, la composición y los certificados en la ficha; para tiendas de muebles, la llamada del medidor y el pago a plazos. Estos detalles se incorporan al sistema de diseño desde el inicio, no se añaden después como «una mejora». Diseño para e-commerce →
Un sistema de diseño es el idioma común entre diseñador, desarrollador y gestor de contenidos. Componentes, tokens de color, escala tipográfica y estados de formularios y botones: todo descrito una vez, sin necesidad de volver a explicarlo por correo. Cuando el cliente añade una página nueva seis meses después del lanzamiento, no «pide una tipografía al diseñador»: abre la biblioteca y toma un componente listo. Entregamos el sistema de diseño en cada proyecto: el archivo de Figma es suyo para siempre, sin suscripción y sin «alquiler» de maquetas.
El rediseño es una tarea aparte con otra lógica. No «dibujarlo todo de nuevo», sino encontrar el mínimo cambio con el máximo efecto. Empezamos con una auditoría del diseño actual: dónde se pierde la conversión, qué está desactualizado, qué sigue funcionando. Tras la auditoría fijamos qué se mantiene sin cambios, lo cual reduce tanto el presupuesto como el plazo. El rediseño de un sitio que ya genera tráfico orgánico requiere especial cuidado: los cambios técnicos no deben romper lo que ya posiciona. Ver precios →
Donde tenemos un resultado medido, lo mostramos: el aumento de conversión en los casos de éxito es real y está registrado en la analítica, no inventado para el portfolio. Donde no hay cifras, escribimos «no medido», y eso pesa más que una cifra bonita que después no se puede verificar. Si su diseño web tiene el objetivo de aumentar la conversión, recibir más solicitudes o vender más con el mismo tráfico, en 30 minutos le diremos qué enfoque funcionará en su caso y cuánto cuesta aproximadamente: hablemos