Las 7 secciones que necesita tener en su propuesta de diseño de sitio web para ganar clientes + plantilla gratuita
Escribir propuestas de diseño web es un proceso tedioso y monótono. Es mucho trabajo que, al final, puede que no resulte demasiado.
Usted, como la mayoría de los creativos, probablemente preferiría pasar tiempo trabajando en realidad que empujar a los prospectos a través de embudos de ventas. Pero si no se toma el tiempo para trabajar en sus propuestas, entonces usted y su negocio estarán en un aprieto.
Como diseñador experto, eres más que capaz de diseñar sitios web—pero ¿qué tan cómodo estás vendiéndolos? ¿Estás ganando tanto negocio como puedas?
Su propuesta de proyecto puede ser un factor decisivo en los proyectos de diseño de aterrizaje, por lo que dominar la nave es fundamental. En esta publicación, te mostraremos las ocho secciones que debe tener cada propuesta de diseño de sitio web, y te daremos una plantilla gratuita que puedes usar para comenzar a ganar más trabajo hoy.
Vamos a entrar:
- Presentar su introducción
- Presentar el problema que se está resolviendo
- Explicar su solución
- Dar una visión general del proyecto
- Describir su proceso
- Explicar los próximos pasos
- Entregar el costo
- Consejos y trucos para presentar su propuesta
Presentarse
Las propuestas de proyectos se supone que ayudan a los clientes a comprender en qué se están metiendo—no abrumarlos con detalles.
(Presenta tu propuesta usando InVision Freehand.)
Su introducción debe reflejar (ligeramente) las conversaciones que ya debería haber tenido sobre las necesidades del cliente. Las piezas de información que puede incluir son:
- Nombre del cliente
- Título del proyecto (el problema se está resolviendo)
- Nombre y título de su punto de contacto
- Su nombre y título
- Fecha de envío
Aquí hay un ejemplo de una buena sección de introducción:
Logotipo, nombre del proyecto, nombre del diseñador, fecha. Check, Check, check.
Descripción general del problema
Después de presentarte al prospecto, el primer elemento que sigue en una propuesta de diseño web exitosa es la descripción general del problema. El cliente debe leer esto y saber:
- Hay un problema u oportunidad para su negocio que no están aprovechando.
- Usted tiene una comprensión completa y profunda de sus problemas y sus necesidades.
Comprender los problemas principales a los que se enfrenta su cliente le ayudará a definir tanto sus responsabilidades como el alcance del proyecto. Hacer esto le da al cliente una razón para creer en usted y en su proceso.
Las mejores propuestas de diseño web son las que ponen las necesidades y necesidades del cliente en el centro de atención y hacen que el prospecto sienta y crea que puede resolver sus problemas. Por ejemplo:
Mostrar la perspectiva de que a usted le importa.
Descripción general de la solución
Después de pasar tiempo investigando la historia de la empresa y hablando con las partes interesadas, debe comprender su problema y comenzar a formular una solución. Es su responsabilidad explicar los beneficios comerciales de su práctica de diseño.
(Echa un vistazo al Modelo de Madurez del diseño de InVision)
Al usar el lenguaje de negocios para explicar el impacto positivo del diseño en sus problemas, te posicionarás como una figura clave para impulsar el éxito de su negocio en el futuro. Por ejemplo, puedes demostrar el valor explicando cómo el nuevo diseño puede aumentar los ingresos y mejorar su marca.
Tip: Al presentar sus ideas y soluciones potenciales, intente anticipar las conversaciones que probablemente tenga el prospecto dentro de su organización, el idioma que está utilizando, y deje que su sección de soluciones presente una inmersión profunda en su conocimiento de su problema. De vuelta a nuestro ejemplo anterior:
Esta sección demuestra la capacidad de comprender los problemas del cliente potencial al tiempo que satisface todas sus necesidades.
Entregables
aquí es donde usted necesita para delinear exactamente lo que se entrega como parte del proyecto.
Esta es una sección importante, pero más por lo que estás excluyendo que por lo que estás incluyendo. El deslizamiento del alcance es un problema común en el diseño de sitios web, particularmente si trabaja con pequeñas empresas relativamente inexpertas, y solo se puede prevenir estableciendo objetivos y expectativas claros.
Por ejemplo, puede aceptar diseñarles un sitio web, pero luego darse cuenta de que no tienen un logotipo. ¿Qué es lo que haces? Necesitas un logotipo para poner en su sitio web, ¿así que lo diseñas?
he Aquí un ejemplo:
mantenerlo limpio y estancia pagados.
La descripción general del proceso
Una vez que haya delineado claramente cuál es el problema, la solución y los entregables, la siguiente sección profundizará en la ejecución y describirá cómo creará el sitio web y resolverá el problema del cliente.
En esta sección, usted querrá:
- Esbozar los diferentes pasos del proceso
- Esbozar una línea de tiempo básica, para que el cliente sepa cuándo esperar cada entrega
- Esbozar sus expectativas del cliente para que sepa lo que necesita hacer y cuándo ayudar a que el proyecto se mantenga en el buen camino
El proceso de diseño y construcción de un sitio web se ve diferente para cada cliente y depende de muchos factores diferentes. Lo peor que puede hacer es perder un paso específico del cliente en su esquema y tener que restablecer sus expectativas a mitad del proyecto, e inevitablemente perder tiempo y dinero.
Para ayudarlo a evitar esto, aquí hay una lista de pasos típicos en el proceso de desarrollo del sitio web que debe considerar:
- Investigación (usuarios, competidores, etc.)
- Creación de marcos de alambre
- Mapas de sitio
- Diseños iniciales más cualquier revisión
- Desarrollo
- Configuración y configuración de CMS
- Pruebas y control de calidad en navegadores y dispositivos
- Formación
Este es un ejemplo de una sección de proceso completa:
No deje preguntas sin responder ni procesos sin explicación.
El costo
Esta sección final es a menudo donde una propuesta de diseño web se gana o se pierde.
Incluso antes de comenzar a trabajar en su propuesta, pregunte a su cliente cuál es su presupuesto total. Si bien esto puede ser aterrador y puede que tengas la sensación de que estás invadiendo alguna línea, no lo estás haciendo. No es raro que un prospecto se dirija a las ofertas con una figura predeterminada en su mente.
(Optimiza el trabajo de tus clientes usando InVision Craft.)
Discutir el presupuesto del cliente potencial a la vista antes de crear la propuesta es un escenario positivo para ambos. Esta conversación les ayudará a desarrollar un presupuesto para el proyecto, y también le permitirá saber si el proyecto vale la pena financieramente para usted antes de realizar el arduo trabajo de desarrollar una propuesta.
Si bien es posible que sea un adivino y adivine su presupuesto, la mayoría de las veces se excederá y saldrá de la carrera por completo. O te subestimarás tanto que dejarás un montón de dinero.
Una vez que tenga el presupuesto del cliente, su propuesta de diseño web debe presentar el desglose de los costos de una manera clara y agradable para su cliente potencial.
A menudo es útil vincularlo al proceso por el que pasará (especialmente si cobra una tarifa por hora o una tarifa de proyecto basada en horas). Esto hace que sea muy fácil para los prospectos comprender cómo los diferentes aspectos del proyecto se unen para formar el costo total.
he Aquí un ejemplo:
Obtener su dinero de derecho.
Puedes usar herramientas como InVision Studio, InDesign o incluso Photoshop para crear tablas de precios agradables como las anteriores, o puedes crear una más básica en Word o Google Docs si es ahí donde estás escribiendo tu propuesta.
Alternativamente, las herramientas de propuesta dedicadas como Qwilr facilitan la creación de hermosos diseños de precios como este. Incluso puede hacer que ciertas secciones o elementos de línea sean opcionales para que su cliente potencial pueda seleccionar si desea esa venta adicional (es decir, envío a motores de búsqueda), lo que puede ayudarlo a hacer un poco más en cada proyecto.
Llamada a la acción
Ahora que toda la información está disponible, incluidos los entregables, el proceso y los costos, es hora de pedirle al cliente potencial que dé los siguientes pasos: aceptar su propuesta y comenzar el proyecto, t.
Idealmente,querrá darles una forma de aceptar y firmar la propuesta de inmediato. Si envía su propuesta en formato PDF, Word o Google Doc, esto puede ser un poco difícil, ya que en realidad no tienen funciones integradas de aceptación o firma.
Para resolver esto, puede hacer cualquiera de las siguientes acciones:
- Pida al cliente potencial que le envíe un correo electrónico diciendo algo como» Por favor, proceda »
- Enlace al contrato (u otro acuerdo vinculante) en una herramienta como Docusign, que le da la capacidad de aceptar y firmar.
Alternativamente, si utiliza una herramienta de propuesta dedicada, le permitirá a su cliente potencial aceptar y firmar la propuesta directamente desde dentro de ella.
he Aquí un ejemplo:
Hacer los siguientes pasos clara, con una visible de la CTA.
Lo que hagas, no fuerces a tu cliente potencial a imprimir su propuesta, firmarlo, escanearlo y enviarlo de vuelta. Eso lleva mucho tiempo, especialmente si alguien no tiene acceso inmediato a una impresora, y la investigación muestra que aumenta drásticamente el tiempo que se tarda en obtener la firma de los documentos.
(Además, no es respetuoso con el medio ambiente.)
Consejos de bonificación
Envíe su propuesta como página web
Si está enviando sus propuestas en un formato de documento como PDF, es posible que lo esté haciendo mal. Después de todo, el PDF se inventó en la misma década que el Palm Pilot, y no puedo imaginar que estés usando un Palm Pilot más.
Al enviar su propuesta como una página web en lugar de como un PDF, obtiene los siguientes beneficios:
- Responsividad: Las páginas web son responsivas, lo que significa que se ven muy bien en todos los dispositivos de escritorio, tabletas y móviles. Con la mayoría de los correos electrónicos abiertos en dispositivos móviles en estos días, te estás asegurando de que tus clientes potenciales tengan una gran experiencia con tu propuesta.
- Seguridad: Las páginas web no solo pueden protegerse con contraseña, sino que también puede agregar límites de tiempo que garanticen que sus propuestas no se puedan ver después de una fecha determinada, así como límites de visualización, para que solo se puedan ver un cierto número de veces. Incluso puede requerir que los clientes potenciales inicien sesión usando su dirección de correo electrónico de trabajo antes de ver la página para asegurarse de que solo las personas adecuadas la vean.
- Interactividad: Las páginas web pueden tener contenido interactivo como video, audio, mapas, formularios, hojas de cálculo, Prototipos de InVision y más integrados en ellas. Incluso puedes agregar cosas como calculadoras de precios que permitan a los prospectos ver cómo se vería el precio cuando agreguen esa venta adicional.
- Rastreabilidad: Se puede rastrear cada interacción de tus clientes potenciales con una página web, para que puedas ver cuándo ven tu propuesta, durante cuánto tiempo, qué contenido ven, desde dónde lo ven y más.
- Accesibilidad: Debido a que las páginas web utilizan un marcado HTML claro, las herramientas de accesibilidad, como los lectores de pantalla, pueden averiguar qué contenido hay en la página, lo que significa que los 50 millones de estadounidenses que tienen una discapacidad no tendrán problemas para acceder a sus propuestas y documentos (y no entrarán en conflicto con la Oficina de Derechos Civiles).
- Editabilidad: A diferencia de un PDF, las páginas web se pueden editar en cualquier momento, incluso después de enviarlo al prospecto. Así que si descubres que has cometido un error tipográfico, puedes cambiarlo rápidamente antes de que alguien se dé cuenta.
Las herramientas como Qwilr facilitan la creación de sus propuestas y otros documentos de ventas y marketing como páginas web. Utiliza la interfaz WYSIWYG para agregar texto, fotos, videos, prototipos y más a su propuesta y, cuando haya terminado, simplemente envíe un enlace a su posible cliente en lugar de adjuntar un PDF.
Comience con una plantilla
Al igual que los kits de interfaz de usuario y los temas de CMS le dan una ventaja en el diseño y la construcción de sitios, hay algunas excelentes plantillas de propuestas de diseño de sitios web, como esta de Qwilr, que pueden ayudarlo a comenzar a crear una gran propuesta.
Vienen con contenido preescrito, como las secciones mencionadas anteriormente, hermosas imágenes, tablas de precios y más, y pueden reducir significativamente la cantidad de tiempo que le lleva crear y enviar propuestas.
(Echa un vistazo a la plantilla de propuesta aquí.)
Recicla tu mejor contenido
Es probable que escribas muchas propuestas de diseño de sitios web a lo largo de tu carrera, y no tiene sentido empezar de cero cada vez.
Así que recomiendo hacer una o más de las siguientes acciones:
- Guardar las propuestas que te gustan en un lugar dedicado: Si has creado una propuesta que crees que es particularmente buena, guárdala en un lugar dedicado en lugar de simplemente dejarla en lo profundo de tu desorganizado Google Drive o Dropbox. De esa manera, cuando necesite crear otra propuesta, puede volver fácilmente a ella, hacer algunas ediciones y enviarla.
- Guardar secciones que no cambia mucho: Hay ciertas secciones de propuestas de diseño de sitios web que no cambian mucho de una propuesta a otra. Cosas como «Acerca de nosotros» y «Nuestro equipo» son excelentes ejemplos, e incluso la sección de «Costos» a menudo puede ser bastante similar si estás haciendo tipos de proyectos similares una y otra vez. Así que haz un poco de un archivo deslizado (incluso si está solo en un documento de Google o Word) donde coloques parte de este contenido reutilizable, y luego puedes copiarlo y pegarlo fácilmente en nuevas propuestas en el futuro.
Clavar la propuesta
Escribir propuestas de diseño web ganadoras puede ser una pérdida de tiempo y recursos, no hay duda. Pero si comienza a pensar en sus propuestas como si fuera un usuario final y optimiza la experiencia de usuario real de su prospección de ventas, puede transformar sus esfuerzos en un canal de ventas sólido.
Con un poco de tiempo e ingenio, renovar sus propuestas de diseño web puede mejorar su tasa de cierre drásticamente. Actualice sus documentos hoy mismo con las secciones que discutimos anteriormente y comience a cerrar acuerdos. Para obtener una ventaja, aquí hay un enlace a una plantilla de propuesta de diseño de sitio web gratuita.