Flujos de diseño prácticos
Creador de listas de precios: una tarifa de servicios clara
Una lista de precios debe explicar qué recibe el cliente, cuánto tarda y qué condiciones se aplican. La tipografía decorativa no corrige un “desde” ausente ni un extra que parece reservable por separado.
El brief ficticio de Cedar Salon explora una tarifa en Ciyo. Usamos una tabla literal, una modificación controlada y revisiones separadas para impresión y móvil, distinguiendo texto editable de imagen aplanada.
Respuesta rápida: aprueba primero la tabla de servicios
Anota nombre, duración, moneda, precio fijo o inicial y condiciones en una tabla. Agrupa servicios, alinea importes y coloca cada matiz junto al precio afectado. Revisa el diseño guardado al tamaño de impresión y al ancho del teléfono.
Conserva un original donde cambiar un precio sin regenerar todas las letras. Si Ciyo produce una imagen aplanada, termina los datos en un editor de maquetación.
1. Convierte la lista del propietario en datos aprobados
Los cuatro servicios de Cedar Salon son ficticios. Sirven para mostrar los campos difíciles: un precio desde y un extra condicionado a una reserva. Un negocio real debe aprobar moneda, alcance y condiciones antes del diseño.
No pidas al modelo que invente un paquete popular, recomiende un descuento o complete una duración ausente. Resuélvelo con el responsable del servicio.
| Servicio | Duración | Precio | Condición |
|---|---|---|---|
| Corte de autor | 45 minutos | $45 | Precio fijo de ejemplo |
| Consulta de color | 20 minutos | $20 | Precio fijo de ejemplo |
| Secado y peinado | 30 minutos | Desde $35 | Precio inicial |
| Extra de acondicionamiento | 10 minutos | $12 | Requiere un servicio reservado |
2. Diseña la jerarquía antes que la decoración
Usa una fila clara por servicio, primero el nombre, cerca la duración y el precio en una posición constante. Separa los extras para que el cliente distinga una cita principal de un complemento opcional.
En el ejemplo predominan marfil cálido y carbón, con un acento verde discreto. Puede diferenciar los extras, pero el color no debe ser la única señal que explique la condición de reserva.
Diseña una tarifa para [negocio] a partir de esta tabla aprobada: [servicios, duraciones, precios y condiciones]. Agrupa citas principales y extras. Mantén “desde” junto a los precios iniciales y muestra claramente las condiciones de reserva. Usa [colores de marca]. Compara un diseño vertical impreso y una vista móvil. Conserva todos los datos e indica qué original permanece editable.3. Explora en Ciyo y comprueba los controles de texto reales
Introdujimos la tabla en un proyecto independiente del Design agent, pero se detuvo antes de entregar la tarjeta. Una petición directa a Image Generator con GPT Image 2.5 Flare produjo después el concepto de 1024 × 1536. Conserva la jerarquía de servicios como imagen aplanada.
El ejemplo HTML de Cedar Salon se compuso por separado con la tabla aprobada. Mantiene nombres, duraciones, precios y condiciones como texto editable para revisar el paso externo de modificación. La imagen generada y el original editable cumplen funciones distintas.
4. Haz un cambio controlado y relee todas las filas
Una prueba útil consiste en cambiar el Corte de autor ficticio de $45 a $48 manteniendo los 45 minutos. Registra que es un ejercicio de revisión: la tabla original sigue siendo la referencia hasta que el propietario apruebe un cambio real.
Después, comprueba Consulta de color $20, Secado y peinado desde $35 y Extra de acondicionamiento $12. Verifica también que el extra siga exigiendo un servicio reservado. Un cambio acotado puede alterar texto generado vecino: no revises solo la cifra corregida.
5. Revisa impresión y móvil por separado
Para imprimir, abre el archivo exportado al tamaño físico previsto y confirma que la condición más pequeña se lee. Consulta a la imprenta los formatos y márgenes. En móvil, mira la tarjeta completa al ancho habitual sin ampliar.
Si el texto queda pequeño, simplifica o crea otra composición móvil. Reducir una página impresa entera no siempre produce una adaptación útil. Mantén los mismos datos en ambas.
| Destino | Problema más probable | Corrección útil |
|---|---|---|
| Tarjeta impresa de mostrador | Condiciones diminutas o texto cortado en los bordes | Aumenta el texto o muévelo dentro de la zona segura. |
| Imagen móvil | Demasiada información en un espacio estrecho | Apila las filas y reduce la decoración. |
| Ambos | Precios distintos entre versiones | Contrasta ambas con la tabla aprobada. |
6. Conserva versiones y asigna un responsable
Guarda juntos fecha aprobada, original editable y exportaciones para clientes. Cuando cambie un precio, actualiza primero la tabla y genera después las versiones de distribución desde el texto aprobado. Sustituye las versiones antiguas donde el negocio las comparta realmente.
Un profesional independiente puede necesitar una sola tarjeta concisa. Un negocio con varios locales debe definir responsables de tarifas y condiciones antes de automatizar. Esta guía demuestra diseño de tarifas, no sincronización de reservas.
Preguntas frecuentes
¿Puedo esconder condiciones en una nota al pie?
Mantén “desde” junto al precio correspondiente. Las condiciones largas pueden estar cerca, pero el diseño no debe sugerir un precio fijo no aprobado.
¿Cuántos servicios caben en una página?
El límite es la legibilidad en el destino previsto. Agrupa o divide una lista larga en lugar de reducir todo el texto hasta hacerlo difícil de leer.
¿Una imagen generada sigue siendo editable?
Las letras pueden estar aplanadas. Conserva la tabla original y usa texto editable en la composición para actualizaciones fiables.
¿Debo añadir enlaces de reserva?
Usa solo un destino verificado y aprobado por el negocio. Un QR decorativo o una URL inventada no crean un canal de reserva.
Trae cinco servicios aprobados
Empieza por nombres, duraciones, precios y condiciones reales. Compara dos composiciones y elige la que el cliente comprenda rápidamente.