Desarrollo de un sistema de diseño para web y app: reglas únicas desde US$2,190
Colores, tipografías, botones, formularios y pantallas tipo se reúnen en un conjunto de reglas, y las páginas nuevas se ven iguales. El sistema de diseño del producto cuesta desde US$2,190.
Branding e identidadPlazo: 2–4 semanas
Así se ve un sistema de diseño de producto
Un sistema de diseño hace falta a productos que tienen web y app, y a equipos donde trabajan varios diseñadores y desarrolladores. Es especialmente útil cuando la plataforma crece por partes y cada pantalla nueva corre el riesgo de verse distinta. Para un proyecto pequeño suele bastar una identidad visual, y se lo diremos con franqueza. Ver también: plataforma llave en mano.
- Para productos con web y app. La web y la app se ven como un solo producto, no como dos proyectos distintos.
- Para equipos en crecimiento. Las reglas están escritas y no viven en la cabeza del diseñador. A un nuevo miembro le resulta más fácil incorporarse y hay menos discusiones por detalles.
Vista de ejemplo: las imágenes y los textos están elegidos a modo de muestra. En tu proyecto, la funcionalidad, el diseño y la arquitectura serán otros, adaptados a tus objetivos.
Sistema de diseño del producto — desde US$2,190
Reglas únicas de aspecto para la web y la app: colores, tipografías, botones, formularios y pantallas tipo. Las páginas nuevas se montan con piezas ya hechas y se ven iguales.
Mostramos el precio desde el principio. Entregamos el resultado en un formato que entiende cualquier equipo, así que no queda atado a nosotros. El sistema de diseño está conectado con nuestro desarrollo, pero no lo exige: los archivos y las reglas quedan en tus manos. Las licencias de tipografías de pago y de paquetes de iconos, si los elige, se pagan directamente al titular de los derechos. Ver también: marca llave en mano.
Ideal para: Productos con web y app · Equipos con varios diseñadores y desarrolladores · Empresas que desarrollan su plataforma por partes
Qué incluye el sistema de diseño del producto por US$2,190
Un solo precio por toda la lista: sin recargos por horas ni por puntos sueltos.
El sistema de diseño del producto cuesta desde US$2,190, plazo de 2–4 semanas. Incluye una auditoría del aspecto actual, colores y tipografías, un conjunto de elementos, pantallas tipo, documentación y entrega al desarrollador. El total depende del número de pantallas y del estado del diseño actual; damos la cifra exacta tras el análisis. Ver también: panel de administración.
- Colores, tipografías y conjunto de elementos. Paleta, tipografías, tamaños y márgenes, además de botones, campos, tarjetas, tablas y mensajes de error.
- Pantallas tipo y documentación. Ejemplos de páginas principales, formularios y área de cliente, y una breve descripción de cómo usar los elementos. Versión oscura y clara, si hacen falta.
- Auditoría del aspecto actualVemos lo que ya existe y buscamos las discrepancias: botones, tonos y espaciados distintos.
- Colores, tipografías y espaciadosUna paleta única, tipografías y una escala de tamaños. Las pantallas nuevas no se desmarcan del resto.
- Conjunto de elementosBotones, campos, tarjetas, tablas, mensajes de error. El desarrollador monta las pantallas con piezas ya hechas.
- Pantallas tipoModelos de páginas principales, formularios y área de cliente. Muestran cómo funcionan los elementos juntos.
- Versiones oscura y claraDiseñamos ambos temas con las mismas reglas, y el contraste está comprobado en cada uno.
- DocumentaciónUna descripción breve de cómo usar cada elemento. Una persona nueva en el equipo se orienta sola.
- Entrega al desarrolladorArchivos e instrucciones para pasarlo al código, sin tener que rehacer nada.
Vista de ejemplo: las imágenes y los textos están elegidos a modo de muestra. En tu proyecto, la funcionalidad, el diseño y la arquitectura serán otros, adaptados a tus objetivos.
Se puede añadir al proyecto
Opcional: ahora o más adelante. El precio se fija antes de empezar el trabajo.
El sistema se puede preparar en versión clara y oscura y adaptar a interfaces en varios idiomas, incluidos textos largos y lenguas que se escriben de derecha a izquierda. Trabajamos con clientes de Europa, EE. UU., Emiratos, Kazajistán y otros países. En un producto internacional esto reduce los rehacer al añadir un idioma.
Identidad visualEl logotipo, la tarjeta de visita, la presentación y las plantillas para redes se diseñan con el mismo estilo que tu producto.US$1,490Más información
A partir del logotipo montamos un conjunto único: paleta, tipografías, tarjeta de visita, plantillas para redes sociales y normas. Hace falta cuando los materiales los hacen personas distintas y se ven diferentes.
Plazo: 2–3 semanas
Panel de administraciónMontamos un panel interno con los elementos ya hechos de tu sistema. Es un desarrollo aparte, con su arquitectura.desde US$10,890Más información
Construimos un panel de control sobre el sistema. Es útil si el producto necesita un panel para el equipo.
Plazo: desde 4 semanas
Pantallas adicionalesDibujamos más modelos de pantalla además del conjunto acordado, para que a los desarrolladores les resulte más fácil montar el producto.según cotizaciónMás información
Más modelos de pantalla además del conjunto acordado. Acordamos el alcance y el precio antes de empezar. No cobramos por horas.
Plazo: según la tarea
Iconos e ilustracionesDibujamos iconos e ilustraciones con un mismo estilo para que el producto se vea coherente y los usuarios lo recuerden.+ US$649Más información
Completamos el conjunto de iconos e ilustraciones. Es útil si los estándar no bastan.
Plazo: 1 semana
Se paga aparte, y no a nosotros: las licencias de tipografías de pago y de paquetes de iconos, si eliges alguno, directamente al titular de los derechos. Todos los complementos →
Cómo se crea un sistema de diseño
Las etapas cambian solas, o haz clic en cualquiera para leer los detalles.
Primero vemos lo que ya existe y encontramos las discrepancias: botones, tipografías y márgenes distintos en páginas distintas. Después montamos la paleta, los elementos y las pantallas tipo, los acordamos contigo y preparamos la documentación. Al final entregamos los archivos y las instrucciones al desarrollador. El paso a código lo hace tu equipo o un proyecto aparte.
- Qué necesitamos de ti. Acceso a la web o app actual, los materiales de marca si los hay y una persona que apruebe la dirección.
Si todavía no tiene identidad visual, conviene hacerla antes del sistema o junto con él. Después las pantallas se pueden montar en una aplicación web, un área de cliente o una plataforma, y para una app de móvil se prepara el diseño de la interfaz. Ver también: identidad visual, diseño de aplicación móvil, aplicación web y áreas de cliente.
1. Briefing
Un cuestionario corto de 15 minutos: qué negocio tienes, para quién, qué quieres conseguir y para cuándo. Puede ser por voz, por texto o en una llamada.
- Preguntamos solo lo que influye en el resultado y en el precio
- Los materiales (logotipo, fotos, textos) puedes enviarlos más tarde
- El mismo día laborable respondemos: qué proponemos, cuánto cuesta y cuánto tiempo lleva
2. Cotización y contrato
Fijamos el alcance del trabajo, el precio, el plazo y el calendario de pagos. El importe no aumenta sin tu consentimiento por escrito.
- Contrato de nuestra empresa con tu empresa o contigo a título personal
- Incluye: el alcance punto por punto (como en esta página), plazos, etapas de pago y correcciones en garantía
- El código, el dominio y las cuentas de los servicios son tuyos: así consta en el contrato
- Firmamos online: PDF con firma electrónica, sin papel ni mensajeros
3. Pago
Emitimos la factura a nombre de tu empresa. El pago se hace por transferencia bancaria o con tarjeta.
- Sin pagos ocultos: el dominio y las suscripciones de los servicios los pagas directamente a ellos, sin recargo por nuestra parte
- Cada pago va ligado a una etapa: pagas por lo que ya estás viendo
- Documentos de cierre: factura y acta
4. Trabajo con la vista previa
En cada etapa recibes un enlace a la vista previa: ves lo que ya está listo y dejas tus correcciones al momento.
- Primero el mapa del producto y la estructura, luego el diseño y después el desarrollo
- Reunimos las correcciones en un solo lugar: nada se pierde en la conversación
- Las preguntas para ti van en una lista, con opciones de respuesta: contestas cuando te venga bien
5. Revisión y aceptación
Antes del lanzamiento lo revisamos todo nosotros y después tú aceptas el trabajo según la lista del contrato.
- Celulares y computadoras, velocidad de carga, formularios y correos, pagos en modo de prueba
- Las páginas legales y el banner de cookies están en su sitio
- Repasas la lista del alcance y firmas el acta de aceptación
6. Lanzamiento y entrega
Publicamos en tu dominio y te entregamos todo: accesos, instrucciones y archivos fuente.
- Dominio, correo con tu dominio, analítica y Search Console
- Los accesos a todas las cuentas son tuyos; nosotros seguimos por invitación
- Instrucciones breves: cómo editar tú mismo los textos, las fotos y los precios
- Después, si quieres: soporte, promoción y módulos nuevos
Preguntas frecuentes
¿Cuánto cuesta un sistema de diseño de producto?
Desde US$2,190. El precio depende del número de pantallas y del estado del diseño actual. Damos la cifra exacta tras un breve análisis.
¿Cómo se paga el trabajo?
Si el total es menor de US$2,190, pago del 100 % al inicio. Desde US$2,190, esquema 50 % al inicio, 25 % tras el mapa del producto y el diseño y 25 % tras la aceptación.
¿Necesita un sistema de diseño un proyecto pequeño?
A menudo basta una identidad visual. Le diremos si conviene hacer el sistema más adelante.
¿En qué se diferencia un sistema de diseño de una identidad visual?
La identidad visual da reconocimiento a la marca: logotipo, colores, tipografías, soportes. El sistema de diseño describe cómo montar interfaces: botones, formularios, pantallas y estados.
¿Está ligado a tu desarrollo?
Sí, pero entregamos el resultado en un formato que entiende cualquier equipo. No está obligado a encargarnos el desarrollo.
¿Incluye el paso de las pantallas a código?
No. Entregamos los archivos y las instrucciones, y el paso a código lo hace tu equipo o un proyecto aparte.
¿Se puede hacer el sistema para una web ya terminada?
Sí. Empezamos con una auditoría del aspecto actual, reunimos las reglas de lo que ya existe y eliminamos las discrepancias.
¿Quién actualiza el sistema tras la entrega?
Usted o tu equipo, siguiendo la documentación. Si necesita pantallas o elementos nuevos, es un trabajo aparte con presupuesto.
Encaja con este servicio
Lo que suele contratarse junto con esto. Haz clic para abrir la página del servicio con un ejemplo.
Branding e identidadLogotipo3 conceptos, 2 rondas de correcciones, todos los formatos de archivo.US$6495–7 días
Branding e identidadIdentidad corporativaLogotipo, colores, tipografías, tarjeta de visita, papel con membrete, plantillas para redes sociales.US$1,4902–3 semanas
Creación de sitios webSitio web en 24 horasPara cuando un banco o unos socios necesitan ver cuanto antes una empresa real: a qué te dedicas, país y datos legales, correo con tu dominio, páginas legales. Una página de hasta 7 bloques, lista en 24 horas.US$65924 horas tras el briefing, los materiales y el acceso al dominio
Marketing y redes socialesPublicidad en Google y redes socialesUn canal a elegir: Google Ads o Meta (Instagram, Facebook). El segundo canal, aparte.desde US$539/meslanzamiento en 5–7 días, trabajo desde 2 meses
Tiendas onlineTienda online llave en manoDesarrollo propio, sin cuota mensual a una plataforma.US$2,7902–3 semanas
Sitios corporativos y portalesSitio corporativoHasta 20 páginas: servicios, casos, noticias, equipo, 2 idiomas.US$3,8902–3 semanas
Posicionamiento SEOAuditoría SEOErrores técnicos, estructura, competidores, plan de trabajo.US$5395–7 días
Plataformas y SaaSSesión de arquitecturaMapa del producto, cotización y plan de la primera versión. El importe se descuenta del proyecto.US$3,8902–3 semanas