Servicio

Diseño web y diseño UI/UX de sitios

Diseño que conduce a la conversión. Figma, sistema de diseño, adaptaciones para tres breakpoints. 10 años, más de 500 proyectos.

En cifras

10

años en el mercado

500+

proyectos en el portfolio

Figma

sistema de diseño en cada proyecto

Trabajos

Diseño que ya funciona en producción

Qué hacemos

Diseño UI, UX y rediseño — según su necesidad

Cómo trabajamos

Cinco pasos de diseño. El final es la entrega a desarrollo

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

Opiniones

Lo que dicen los clientes sobre nuestro diseño

  • «Encargamos a Apricode el desarrollo de una tienda online y el equipo lo hizo todo rápido; estamos contentos con el resultado, ya hemos empezado a vender. ¡Lo recomiendo a todos!»
    Ирина Гаркавенко

    Ирина Гаркавенко

  • «Quiero agradecer al equipo de Apricode por el trabajo realizado. Desarrollaron una tienda online y configuraron la publicidad en buscadores; son verdaderos profesionales. ¡Lo recomiendo!»
    Александр Лавров

    Александр Лавров

  • «Contactamos al equipo con una tarea: desarrollar un panel de administración para un sitio HTML estático, nuestro catálogo, para poder añadir productos, textos, etc. Llegamos a un acuerdo muy rápido, hablamos los detalles y fijamos plazos. Lo hicieron todo de maravilla, incluso antes de lo prometido. Muy satisfecho, agradecido, lo recomiendo.»
    Serhii Petrenko

    Serhii Petrenko

  • «Estuvimos mucho tiempo buscando una empresa que nos hiciera un sitio nuevo de calidad. Habíamos encargado dos sitios a otros competidores y quedamos muy decepcionados. Con Bohdan todo nos gustó. Además, nos ofreció un precio muy bueno. Bohdan llamaba personalmente y confirmaba cada detalle para que todo funcionara bien. Es más, basándose en su experiencia y en las tendencias del marketing online, propuso sus propias ideas sobre el enfoque del sitio, que aceptamos encantados. El sitio ya está en marcha; cómo se comporte se verá con el tiempo. Pero recomiendo la empresa sin dudarlo. De verdad, muchas gracias al equipo.»
    Тета Инсталл

    Тета Инсталл

  • «Los contactamos por lo siguiente: tras trasladar el sitio a otro alojamiento empezaron los problemas. El sitio está en WordPress, algo con lo que nunca había trabajado, y no sabía cómo proceder. El proveedor anterior no estaba disponible. Una hora después de escribirles, me detallaron paso a paso todos los puntos problemáticos y calcularon el coste del trabajo, y eso que nunca habíamos colaborado antes y tuvieron que investigar literalmente los errores de otra persona. En resumen, profesionales y concretos. Los recomiendo.»
    Kakvpesne Irina

    Kakvpesne Irina

Preguntas frecuentes

Qué suelen preguntar antes de empezar

Formulario de contacto

Cuéntenos su proyecto — le diremos qué diseño necesita

  • 30 minutosReunión individual
  • Formato flexibleVídeo o llamada
  • Enfoque en solucionesRespuestas prácticas
¿Dónde le contactamos?

Sus datos están protegidos y no se comparten con terceros.

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