Cómo presentar nuevas ideas de sitios web a los clientes

Presentar nuevas ideas a los clientes se volvió un poco más fácil en 2019 con el lanzamiento de Página de maqueta.

Esta plataforma SaaS permite a las agencias digitales explorar y presentar rápidamente nuevas ideas de sitios web a los clientes.

Imagínese este escenario: se está reuniendo con un cliente y tiene su sitio web abierto en el navegador. Juntos se desplazan hacia arriba y hacia abajo en la página explorando y discutiendo diferentes ideas. Estas ideas se documentan en una libreta para una reunión del equipo más tarde.

Ahora cambiamos un aspecto. Cuando tenga su página web abierta, abra una nueva pestaña e inicie sesión en la Página de maqueta. Ingrese la URL de la página web allí. Carga la página en la ventana del navegador, pero ahora es editable y puede cambiar el contenido.

Ahora, uno al lado del otro, tiene la página actual y una copia editable que puede modificar sobre la marcha.

explorar-mockup-página-editar

Aumente el compromiso

Este es un nuevo nivel de compromiso para el cliente. No solo pueden aportar ideas, sino incluso hacer algunos cambios en la maqueta ellos mismos. Es una forma poderosa de fortalecer la relación.

Pero estamos haciendo más que eso. También estamos reduciendo la posibilidad de que las personas se imaginen una idea de manera diferente después de discutirla, lo que puede suceder. Ver cómo una idea toma forma en la maqueta proporciona una indicación clara de cómo se verá una vez publicada.

Y parafraseando una gran línea … «Lo que sucede en la página de la maqueta permanece en la página de la maqueta». Nada de lo creado en la Página de Mockup afecta el sitio en vivo. Las maquetas se alojan en un CDN separado todos juntos.


SaaS = Fácil

En el corazon de Página de maqueta es un editor WYSIWYG basado en navegador con el poder de convertir el contenido de una URL en un archivo HTML editable y plano.

Sí, puede importar la página de inicio de Google y jugar con eso, pero es más probable que esté importando la URL de un cliente o prospectos y explorando ideas en ellos. O tal vez una página de su propio sitio.

Sin embargo, las maquetas de clientes no son lo único para lo que es útil Mockup Page.

Lo usamos para crear esta publicación y se sintió como si estuviéramos escribiendo directamente en el sitio web de DAN cuando la creamos. Cuando lo enviamos a DAN, sabíamos prácticamente cómo se vería todo.

Y para hacer eso, simplemente abrimos otra publicación de DAN en la Página de Mockup y cambiamos el contenido.


Interfaz de usuario simple = Las ideas se ponen en práctica más rápido

Página de maqueta es una aplicación de escritorio que se utiliza mejor con Chrome o Firefox.

Las maquetas se pueden almacenar en la CDN, guardar fuera de línea, cargar en otro lugar y colaborar. ¿Las mejores partes? Rapidez y facilidad de uso.

La interfaz de usuario contiene un tablero en el que configura dos parámetros para una nueva maqueta; la URL para modelar y una URL de video opcional si se introduce el video en la página. Cuatro íconos lo ayudan a configurar YouTube, Vimeo, MP4 y videos en la nube.

El siguiente es el botón Crear maqueta que reemplaza el tablero con el editor WYSIWYG. Esto se completa con el contenido de la URL en solo uno o dos segundos.

En la mayoría de los casos, lo que está viendo se ve exactamente como la página real, excepto que puede enfocar el cursor en ella y cambiar el contenido.

explore-mockup-page-simple-ui

Como editor WYSIWYG, tiene una interfaz de usuario bastante ajustada con una pequeña barra de herramientas y un botón para guardar y salir.

Cuando se va a agregar un video, aparece un reproductor de video adicional que se puede cambiar de tamaño y colocar en la página donde desea que aparezca el video.

Y hasta este punto no hay codificación involucrada. Todo es apuntar, hacer clic, arrastrar y soltar.


Copiar pegar

Para ayudar a producir ideas más rápidamente, es fácil copiar componentes de otras páginas web en la maqueta con una simple rutina de copiar y pegar.

Supongamos que desea agregar un formulario de comentarios. Puede ubicar virtualmente cualquier formulario de comentarios en la web, use el mouse para seleccionarlo todo y copiarlo y luego pegarlo en la maqueta. El formulario de comentarios aparecerá de inmediato. Lo mismo ocurre con las imágenes y otros elementos HTML.

Es útil crear una página web llena de los diversos elementos HTML que usa comúnmente. Puede copiarlos de esa página en diferentes maquetas cuando lo necesite.


¿Y si soy diseñador? Me gusta codificar …

Mockup Page ha sido diseñada deliberadamente para que sea fácil de usar gracias a su interfaz de usuario WYSIWYG, sin embargo, el acceso completo a la fuente está a solo un clic de distancia.

Se logra a través del Inspector de navegadores.

Como cualquier página web, puede hacer clic con el botón derecho del ratón en un elemento y seleccionar Inspeccionar (Cromo). La consola de desarrollo incorporada revela el código fuente y lo hace editable.

La belleza de usarlo con la página de maqueta es que cualquier cambio realizado desde el inspector se guardará cuando se guarde la maqueta.

Cada parte de la fuente se puede editar a través del inspector para que tenga el máximo control sobre el documento.


¿Colaboración en equipo? Fácil.

El uso de software para compartir pantalla como Skype o AnyMeeting permite que el control de la maqueta se pase de persona a persona. Esto funciona a la perfección para reuniones remotas con clientes, así como para equipos que pueden estar ubicados en diferentes áreas del mundo.

Las maquetas también se pueden importar a diferentes cuentas. Digamos que una empresa tiene varias cuentas. Uno para que la gerencia explore ideas, dos para que dos consultores de ventas presenten ideas a los clientes y cuatro para cuatro diseñadores que trabajan desde cuentas separadas.

Uno de los consultores de ventas ha colaborado en una maqueta con un cliente y envía la URL de la maqueta al equipo de diseño. Uno de los miembros del equipo de diseño importa la maqueta y luego puede editarla y guardarla.

El diseñador 2 puede importar la maqueta del diseñador 1 y continuar editándola.

Y así continúa hasta que se termina la maqueta. En ese momento, es fácil copiar el código en producción.


The Big Kahuna – Rápida adquisición de clientes

Posiblemente, el uso más poderoso de Mockup Page es que puede ayudarlo a adquirir nuevos clientes rápidamente.

Al importar una página web de clientes potenciales a la Página de maqueta y cambiar el contenido, crea nuevas páginas de muestra que muestran las habilidades y la visión de su empresa.

Idealmente, cada cliente potencial que recibimos es cálido, sin embargo, el correo electrónico puede ser muy efectivo con clientes potenciales fríos, ya que intriga al cliente potencial. Después de todo, es posible que esté a punto de mostrarles su futuro.

Un breve correo electrónico introductorio con un enlace a la (s) página (s) de la maqueta que creó le dice al cliente potencial que lo toma en serio y le da la oportunidad de comparar lo que tiene ahora con lo que podría tener cuando lo contrate. Es un enlace atractivo para hacer clic y no les ha costado nada.

Como su empresa ofrece los mejores servicios digitales, las maquetas sin duda se verán mucho mejor que las que tiene la empresa actualmente. Cuando experimenten eso, espere una pronta respuesta de un prospecto entusiasmado con ganas de hacer negocios.

¿Cuántos negocios puede registrar con la ayuda de Mockup Page? Haga clic aquí para realizar una prueba ahora mismo y descúbrelo.