Diapositivas de Designmodo – Un nuevo y fantástico generador de sitios estáticos (Revisado)

Cada vez que Designmodo saca algo nuevo, me emociono bastante. ¿Por qué, se preguntará? Porque personalmente creo que Designmodo hace algunos de los elementos más bonitos -y a menudo más innovadores- para construir páginas web. Así que cuando me enteré de su último lanzamiento, Slides, estaba más ansioso que nunca por aprender más, averiguar cómo funcionaba y, quizás lo más importante, ver si cumplía o no con las expectativas.

Echemos un vistazo.

¿Qué son las diapositivas?

En resumen, Slides es un medio para que cualquiera que entienda cómo usar un cliente FTP, un editor de texto y un poco de HTML y CSS* pueda crear fácilmente impresionantes sitios web de una página que usen transiciones similares a las diapositivas para mostrar su contenido. Echa un vistazo a la demostración oficial de diapositivas y verás lo que quiero decir.

Hay dos cosas que hacen que Slides sea especial: a) el uso de Slides te da acceso a más de 60 elementos web (diapositivas) bellamente hechos, lo que significa que puedes crear diseños personalizados virtualmente ilimitados, y b) crear un sitio web con él es muy, muy simple (siempre que tengas algunas habilidades básicas de desarrollo web).

Para una introducción más profunda sobre qué son las diapositivas y de qué se trata, echa un vistazo al vídeo de introducción oficial.

Espera, espera… ¿No se supone que WinningWP tiene que ser todo sobre WordPress?

Bueno, aunque WordPress es un software fantástico, seré el primero en admitir que no es adecuado para absolutamente todos los proyectos (de hecho, ningún software web lo es). Si el sitio que estás construyendo no requiere de un blog y no requerirá de una actualización a corto plazo, entonces es a menudo un movimiento astuto para optar por algo más simple. Después de todo, los sitios de WordPress a menudo pueden resultar confusos para los clientes, ser una molestia para mantenerse al día (algo que es absolutamente clave para mantenerlos seguros), ser lentos y engorrosos sin una adecuada (y a veces costosa) optimización del sitio y, en comparación con sus contrapartes estáticas, requieren planes de alojamiento web considerablemente más complejos.

Leer
Más de 40 ejemplos sorprendentes de sitios web de la vida real que usan Wix (2020)

Creando sitios con diapositivas

Una vez que haya comprado una licencia, se le concederá acceso a una interfaz en línea extremadamente fácil de usar (que Designmodo llama el “Generador” – capturas de pantalla más abajo) que le permite ensamblar el aspecto de su sitio web haciendo clic en las miniaturas de las diapositivas que le gustaría incluir. Luego puede combinarlas con varios elementos de encabezado y pie de página, y un montón de diferentes efectos de transición, para darle la apariencia exacta que busca – todo completamente sensible y listo para la retina, por supuesto.

La interfaz del generador de diapositivas:

(clic para expandir)

(clic para expandir)

(clic para expandir)

(click para ampliar)

(click para ampliar)

Una vez montado, todo lo que tienes que hacer es descargar el archivo zip que se te presentará, editar el texto y las imágenes que contiene con un editor de texto (por eso tendrás que estar familiarizado con el HTML), y luego subirlo todo a tu servidor (de ahí la necesidad de entender cómo usar un cliente FTP).

Para más información sobre el funcionamiento de las diapositivas, echa un vistazo al video tutorial oficial.

Mi demostración de diapositivas

Una vez que hayas editado un poco y subido tus archivos, tendrás un sitio muy parecido a este (que resulta que he creado con Diapositivas hoy mismo**).

Vale la pena recordar que lo que se sube inicialmente no tiene por qué ser el sitio terminado: siempre se puede hacer un número de bits y bobs para ordenar las cosas (como reorganizar las diapositivas) y afinar la velocidad del sitio (optimizando las imágenes, minizando los archivos, habilitando la compresión gzip, etc.). Sin embargo, no haré nada de eso en este sitio de demostración, ya que es más informativo mostrarte exactamente lo que obtienes directamente del Generador de diapositivas.

Leer
35+ Ejemplos sorprendentes del tema de Júpiter WordPress en acción

Nota: si te interesa ver todas las diferentes plantillas de diapositivas y diseños de ejemplo preconstruidos que vienen con las diapositivas, echa un vistazo a estos dos vídeos: Todas las diapositivas y plantillas de diapositivas.

Desventajas

Slides es un producto muy enfocado: sólo se puede usar para producir sitios web de una página con transiciones tipo diapositiva (deslizamiento, desvanecimiento o algunos otros tipos de animaciones) – si buscas algo más, ¡simplemente no es para ti!

Con un precio de 249 dólares, las diapositivas no son baratas. Sin embargo, según el sitio web oficial, el precio es para “sitios ilimitados” (para más información sobre esto – y otras cosas, como el soporte del navegador – ver la FAQ oficial de Diapositivas), lo que significa que no es un precio que pagarás por cada sitio que crees con él! Dicho esto, si sólo vas a usarlo para crear un solo sitio, se podría decir que es un poco excesivo.

Y, por supuesto, las diapositivas pueden, por su propia naturaleza – siendo simplemente construidas de HTML, una porción de CSS, una pizca de JavaScript y unos pocos archivos de medios – sólo ser usadas para crear páginas web individuales. Esto significa que es bastante limitante (aunque no necesariamente de mala manera) cuando se utiliza por sí sola.

Resumiendo

Siempre que se busque una herramienta para montar precisamente el tipo de sitios web para los que se crearon las diapositivas (principalmente páginas de aterrizaje y sitios de tipo promocional), diría que este es un marco que vale la pena considerar.

Leer
Más de 45 ejemplos sorprendentes de sitios web que usan Weebly (2020)

Si eres una agencia que busca diseñar varios sitios de este tipo para sus clientes, hacer la inversión inicial es probablemente una tarea fácil.

*También necesitarás saber un poco de PHP si deseas usar la diapositiva del formulario de contacto prehecha – según este práctico video tutorial sobre el tema.

**Corriendo en un VPS DreamHost completamente estándar de pantano.

Si no lo has hecho ya, ¡ve a comprobarlo!

Nota: Los lectores entusiastas seguramente lo sabrán, pero para aquellos que no lo son, como hemos escrito anteriormente sobre varios de sus productos, Designmodo nos ha proporcionado amablemente un código de cupón de descuento que da derecho a los lectores de WinningWP a un 15% de descuento en todos los productos de Designmodo (incluyendo, por supuesto, el nuevo marco de diapositivas antes mencionado) – ver cupón.

Deja una respuesta