Guía de las mejores plantillas Webflow

Última actualización en abril 22, 2023 por Ewen Finser

Crear un sitio web es una tarea difícil, incluso para los diseñadores y desarrolladores más expertos. Y si no tienes experiencia en la creación de sitios web, o si tienes que crear varios en poco tiempo, es aún más importante que lo hagas de forma eficiente.

Cuando he tenido que crear sitios web, aunque sea copiando el mismo diseño de otro de mis sitios, puede llevarme muchísimo tiempo hacerlo bien, sobre todo cuando se diseña desde cero.

Aquí es donde una herramienta como Webflow te permite poner en marcha tu sitio web sin tener que complicarte con la codificación. Incluso siendo una persona que domina en cierta medida la codificación CSS, siempre es agradable poder prescindir de ella a menos que busque algún tipo de personalización muy específica. Además, con plantillas fáciles de instalar y totalmente personalizables para Webflow, la mitad del trabajo de diseño.

Hoy en día, con tanta gente que trabaja por cuenta propia o a distancia, tener una presencia fuerte en Internet es más importante que nunca. Sé que si la gente no tuviera un lugar donde saber más de mí y ponerse en contacto, no habría tenido tantas oportunidades como he tenido.

Utilizar una plantilla puede ahorrarle mucho tiempo y, posiblemente, también mucho dinero. Tendrás la posibilidad de personalizarla según tu marca y, al mismo tiempo, limitarás el tiempo necesario para que tu sitio web esté listo para recibir visitas.

En este artículo, voy a empezar por compartir mi favorito Webflow de esta forma, si eso es todo lo que le interesa, obtendrá esa información inmediatamente. A continuación, voy a cubrir brevemente lo que es Webflow y sus beneficios únicos.

Después, explicaré un poco cómo elegir la plantilla adecuada para su Webflow y luego te daré una lista de mis mejores opciones para Webflow plantillas. Al final, responderé a algunas de tus preguntas más acuciantes. Pongámonos manos a la obra.

Lo esencial por adelantado

Hay muchas plantillas dirigidas a agencias o a personas que necesitan crear un portafolio. Me encanta Analógico por sus opciones de página únicas y Aurora por su colorido de moda.

Para otros nichos, siempre prefiero las plantillas que se crearon sólo para ellos - como Cardado para las empresas financieras, Dimora para bienes inmuebles, y Fitnesso para entrenadores personales y coaches. Una de las mejores plantillas de comercio electrónico es Lumay para los creadores de contenidos, aprecio el diseño "primero el texto" de Typefolio - Puede que incluso lo utilice para mí.

Aquí están las otras plantillas Webflow de esta lista:

• Faro: Plantilla elegante y moderna para agencias y pequeñas empresas.
• Creador: Sitio web delgado y personal para creadores en línea.
• Fidelidad: Lo mejor para los creadores de aplicaciones móviles.
• Kurt: Plantilla para agencias centrada en el negocio.
• Materia: Plantilla estilo revista para editores.
• Otis: Plantilla de agencia con imágenes libres de derechos de autor.
• Carteras: Plantilla para un sitio web de portafolio de varias páginas.
• Reflejo: Plantilla de portafolio de una página.
• Juguetería: Plantilla brillante y colorida para sitios web de juguetes infantiles.

¿Qué es Webflow?

Antes de entender por qué Webflow las plantillas son útiles, debería tener una buena idea de lo que es Webflow en sí. (Consulte este Revisión de Webflow) Webflow es un desarrollador de sitios web dirigido a no-desarrolladores (¡como yo y posiblemente usted!) - aunque los profesionales también pueden utilizarla, y de hecho lo hacen.

Con Webflowpuede crear un sitio web sin saber nada de programación. do código, puedes personalizar el sitio web prácticamente hasta el infinito. Aun así, sin conocimientos de programación, hay muchas formas de personalizar tu sitio para que te refleje a ti o a tu marca.

Ventajas de Webflow

Webflow ofrece muchas ventajas para crear un sitio web. Sus tres características más destacadas son:

Funcionalidad del diseño

No es necesario tener conocimientos de programación para utilizar Webflow, lo que posiblemente sea su mayor ventaja. son opciones avanzadas si tienes conocimientos de desarrollador. Puedes personalizar tu sitio web sin límites si sabes programar (pero puedes ejercer un gran control sobre el diseño incluso sin esos conocimientos).

CMS fácil de usar

Supongamos que estás creando un sitio web para que lo utilice otra persona o todo un equipo. Si no tienen conocimientos de programación, podrán actualizar el sitio cuando lo necesiten. Si quieren modificar el diseño, añadir una página, cambiar imágenes, etc., pueden hacer fácilmente los cambios que sean necesarios.

FTR, esto es enorme. Cuando diseñaba sitios web para clientes de forma semiregular, siempre estaban contentos con el resultado final y no sabían cómo añadir imágenes, escribir una entrada de blog o hacer prácticamente nada sin mí. A menos que quieras estar de guardia todo el tiempo, es esencial crear un sitio web con el que el propietario pueda trabajar.

Sin plugins

Webflow viene con la potencia que necesita nada más sacarlo de la caja, sin necesidad de plugins. Poder diseñar un sitio web sin la molestia de configurar plugins significa que ahorrará tiempo mientras crea un sitio ligero.

Como persona que ha tenido un sinfín de problemas relacionados con plugins en varios sitios, saber que puedo tener un sitio libre de plugins es un soplo de aire fresco. Tenga en cuenta, sin embargo, que hay un montón de Integraciones Webflow que puede utilizar si desea conectar otra herramienta a Webflow para facilitar la gestión del sitio web.

Además, cuando se trata de Plantillas WebflowAdemás, son totalmente personalizables, por lo que puedes combinar elementos y personalizarlos a tu gusto.

Características que debe tener una plantilla Webflow

Las mejores plantillas de sitios web ofrecen tanto estética como funcionalidad: necesita que su sitio tenga buen aspecto y funcione bien al mismo tiempo. Esto es lo que debes tener en cuenta a la hora de elegir la plantilla adecuada para ti:

Elementos base y páginas de utilidad: La posibilidad de editar botones, páginas 404 y áreas similares significa que tienes un control total sobre todo tu sitio web y puedes personalizarlo para que se adapte a tu marca y a tu voz.

Páginas comunes: A menos que busques un sitio web delgado y de una sola página, es útil elegir una plantilla que tenga una selección de páginas estándar que puedas modificar a tu gusto. Por ejemplo, la página de inicio (por supuesto), las páginas Quiénes somos y Contacto, un blog y, dependiendo del tipo de sitio web, una página de precios, una tienda de comercio electrónico, una página para concertar citas, etc.

Formularios de contacto: Si puedes crear un formulario de contacto o suscripción sin tener que manipular código de terceros, funcionará de forma más fiable y no tendrás que preocuparte por perder ningún mensaje importante.

Capacidad de respuesta: Quieres una plantilla totalmente responsive que funcione en todas las pantallas y dispositivos móviles. Desde el contenido hasta los menús de navegación, todo debe poder usarse y verse independientemente del dispositivo en el que se encuentre el visitante.

Cambios de estilo universales: Una guía de estilo que le permita aplicar cambios a todo el sitio desde un solo lugar le ahorrará mucho tiempo y frustración. Puedes actualizar todo tu sitio web cuando cambie algo de tu marca, como un estilo de fuente o una combinación de colores.

Las 16 mejores plantillas Webflow

Puede resultar abrumador elegir una plantilla para su sitio Webflow. Por eso he buscado en Internet las mejores. Creo que merece la pena echarles un vistazo, tanto si las utilizas tal cual como si te sirven de inspiración para tu propio diseño.

Analógico

Esta moderna plantilla Webflow es ideal para agencias, estudios y sitios web de marketing; básicamente, cualquier empresa con un trabajo de diseño que mostrar. Esto incluye empresas que ofrecen servicios de estrategia de marca, diseño gráfico, ilustración, embalaje de productos y diseño web, entre otros.

Analogue incluye algunas páginas listas para usar que no se encuentran en muchas otras plantillas, como las páginas separadas Nuestro trabajo y Lo que hacemos, una página de miembros del equipo y una página de política de privacidad. También incluye las páginas estándar que necesitan la mayoría de los sitios web, como Quiénes somos, Contacto, Noticias, etc.

Pros

• Pone el trabajo creativo y de diseño en primer plano
• Opciones de página más allá de lo normal

Contras

• El diseño de la página de inicio puede no ser lo suficientemente visual
• Tantas opciones de página hacen que sea tentador crear un sitio web desordenado.

Encuéntrelo aquí.

Aurora

La plantilla Aurora es ideal para empresas de aplicaciones móviles, SaaS y startups. Podrás presentar tu empresa, proyectos y servicios de la mejor manera posible y, además, es una plantilla divertida que sigue las tendencias de diseño: Aurora utiliza un tema oscuro con colores brillantes y degradados.

Puede elegir entre diferentes páginas de inicio para ordenador y móvil, y también hay páginas para precios, preguntas y respuestas, testimonios, etc.

Pros

• Colorido y diseño de moda
• Diferentes opciones de página de inicio para elegir, incluida la móvil
• Plantillas de página únicas, como FAQ y testimonios

Contras

• El tema puede ser demasiado oscuro para algunos
• El diseño de moda puede parecer anticuado en un futuro próximo

Encuéntrelo aquí.

Faro

Esta plantilla elegante y moderna es ideal para agencias, estudios creativos, pequeñas empresas y startups, ya que te permite crear un sitio web pulido para tu marca que promocionará tus servicios profesionales.

Las páginas ya preparadas, como Precios y Servicios de la empresa, le guiarán en la creación de un sitio web empresarial completo. Y a diferencia de otras plantillas de esta lista, Beacon tiene una sección dedicada a los casos de éxito, donde puedes mostrar historias de clientes para mejorar tu prueba social.

Además, puedes añadir Google Maps a las páginas de contacto, configurar formularios para recopilar información de contacto o permitir que los usuarios se suscriban a tu boletín y añadir funciones de búsqueda a las barras de navegación.

Pros

• Área dedicada a casos prácticos
• Google Maps puede añadirse a las páginas de contacto
• Buscar en la barra de navegación

Contras

• Los múltiples diseños de página de inicio dificultan la elección
• Toneladas de opciones de página significan que la configuración de su sitio llevará más tiempo

Encuéntrelo aquí.

Cardado

Esta plantilla está diseñada específicamente para empresas financieras, incluidos bancos, empresas de tarjetas de crédito y nuevas empresas de tecnología financiera. Es minimalista y te da espacio para mostrar lo que sea que estés promocionando, ya sea un producto digital o una nueva tarjeta de crédito.

Se incluyen más de 20 páginas específicas de finanzas entre las que puede elegir y adaptar a su marca, incluidas Apply Now, Careers, Features y Solutions.

Pros

• Ideal para empresas financieras
• Plantillas de páginas específicas de Finanzas

Contras

• Puede no funcionar bien para marcas no financieras
• Las marcas muy profesionales pueden encontrar el diseño demasiado elemental

Encuéntrelo aquí.

Creador

Para los creadores en línea que necesitan un sitio web personal delgado y de aspecto limpio, Creator es una opción fantástica. Puedes mostrar tu trabajo, establecer contactos y compartir información sobre ti mismo que intrigará a los visitantes, todo ello en un espacio en línea recortado.

Hay una página de inicio, una de portafolio y una de currículum, además de páginas de proyectos y de contacto. También hay una opción de modo oscuro, en caso de que el color blanco sea demasiado brillante para tu marca personal.

Pros

• Sitio web delgado para creadores que quieren algo básico
• Las páginas de portafolio, proyectos y currículum muestran la experiencia
• Opción de modo oscuro

Contras

• Puede no ser lo suficientemente rico para algunos propietarios de sitios web
• No tendrá suficiente repercusión si aún no tiene un historial laboral sólido.

Encuéntrelo aquí.

Dimora

Creada para empresas y profesionales inmobiliarios, la plantilla Dimora le permite mostrar las propiedades que tiene a la venta y atraer a los clientes para que pregunten por ellas. Dispone de espacios dedicados para añadir listados e información detallada, presentar a sus agentes y promocionar ofertas exclusivas.

Pros

• Ideal para particulares y empresas del sector inmobiliario
• Bonitos expositores para fotos de propiedades

Contras

• No funcionará bien para marcas no inmobiliarias
• Los cuadros de texto pueden no gustar a algunas personas

Encuéntrelo aquí.

Fidelidad

Aunque la fidelidad es lo mejor para los creadores de aplicaciones móviles, también puede ser utilizada eficazmente por consultores, agencias de diseño y autónomos. Es totalmente responsive, lo que es especialmente importante si estás promocionando una aplicación móvil. Los elementos de la plantilla incluyen formularios de contacto y de boletín de noticias, una sección de preguntas frecuentes, un blog y botones: todo lo que necesitas para mostrar tu aplicación y ayudar a la gente a decidir si es para ellos.

Pros

• Lo mejor para los creadores de aplicaciones móviles
• Muchos botones de llamada a la acción

Contras

• La página de inicio puede parecer un poco recargada
• El diseño inicial no es muy atractivo

Encuéntrelo aquí.

Fitnesso

A los entrenadores de fitness que quieran llegar a sus clientes para proporcionarles recursos y ofrecerles servicios les encantará la plantilla Fitnesso. En lugar de una plantilla de comercio electrónico centrada en la venta de productos, el objetivo de esta es vender tus servicios, entrenamientos personalizados y planes de comidas. Además, puedes crear una sección en la que los visitantes puedan programar llamadas y consultas contigo.

Pros

• Ideal para profesionales del fitness
• Posibilidad de vender servicios a través del sitio web

Contras

• Necesitas muchas fotos para que el sitio web sea impactante
• Hacer que los visitantes reserven una llamada a través del sitio web puede resultar impersonal.

Encuéntrelo aquí.

Kurt

Esta plantilla de agencia, que tiene un diseño centrado en los negocios que es igualmente adaptable para sitios corporativos y proyectos singulares, tiene una paleta de colores blanco y negro con clase. Esta plantilla Webflow se centra mucho en las fuentes y la tipografía, y los bloques y las páginas ya creados hacen que la construcción de su sitio sea un juego de niños. En particular, hay tres estilos de página de inicio para elegir, además de páginas para una sección Acerca de, información de contacto, entradas de blog y más.

Pros

• Múltiples estilos de página de inicio para elegir
• Moderna y elegante combinación de colores en blanco y negro

Contras

• El tema puede ser demasiado minimalista y austero para algunas marcas.
• Espacio limitado para texto en algunas zonas

Encuéntrelo aquí.

Luma

Luma es una plantilla sólida, preparada para el comercio electrónico, para sitios web de tiendas minoristas. Es moderna y minimalista para que puedas centrarte en tus productos.

Las páginas prediseñadas te ayudan a poner en marcha tu sitio rápidamente para que puedas empezar a vender, y es adaptable a todos los dispositivos, lo que es especialmente importante para un sitio de venta al por menor, ya que los visitantes van a querer navegar bastante a través del móvil. Hay dos opciones de diseño para la página de inicio, además de opciones de página de contacto y acerca de, así como un blog, un feed de productos, una página de pago y una página de confirmación de pedido.

Pros

• Listo para sitios Webflow de comercio electrónico
• Dos diseños de página de inicio para elegir

Contras

• Demasiado oneroso para sitios web no comerciales
• Tiempo adicional necesario para configurar las páginas de pago, pedido y otras páginas comerciales.

Encuéntrelo aquí.

Materia

Esta plantilla de estilo revista es la mejor opción para revistas y editoriales. Puedes crear una cabecera llamativa y atrevida, mostrar productos y mercancías y fijar tus precios. Hay 15 diseños de página prediseñados, y toda la plantilla se centra en el contenido y las historias que cuentas.

Es la mejor opción si lo que busca es ganar tanto lectores como un base de clientes - puede vender ejemplares de su publicación o crear otro tipo de fuente de ingresos, como productos curados o su propia mercancía. Los visitantes también pueden suscribirse fácilmente a tu boletín o enviar consultas a través de formularios.

Pros

• Diseño audaz para publicaciones
• Múltiples diseños de página prediseñados
• Capacidad para vender mercancías

Contras

• El diseño es demasiado atrevido para las grandes marcas
• Puede ser abrumador y estar abarrotado

Encuéntrelo aquí.

Otis

Si quieres el estilo moderno de Aurora combinado con la sencillez de Beacon, Otis es un excelente compromiso. Esta plantilla, pensada principalmente para agencias, tiene varias opciones de cabecera, como pegatina, estándar u ocultar/mostrar al desplazarse. También dispone de formularios de contacto, páginas dedicadas a proyectos y, además, imágenes libres de derechos de autor que puedes utilizar.

Pros

• Múltiples opciones de encabezado y desplazamiento
• Páginas específicas para proyectos
• Imágenes libres de derechos de autor

Contras

• La combinación de colores oscuros no es adecuada para todas las marcas
• Otros sitios pueden utilizar las mismas imágenes libres de derechos de autor

Encuéntrelo aquí.

Carteras

Como su nombre indica, se trata de una plantilla de portafolio. Pero a diferencia de otros portafolios en línea simplificados que solo utilizan una o dos páginas, esta plantilla es la mejor para cuando necesitas un sitio a mayor escala para presentar tu trabajo.

Puedes elegir entre seis diseños de página de inicio, y también hay múltiples opciones de diseño para las páginas de escaparate de trabajo, secciones acerca de, páginas de servicios, tu blog, y páginas de contacto - además, hay una sección de comercio electrónico. Además, puedes optar por una navegación fija o de comercio electrónico, la que creas que servirá mejor a tus visitantes.

Pros

• Crear un sitio de portafolio a gran escala
• Seis diseños de página de inicio
• Capacidad de comercio electrónico

Contras

• No es ideal para carteras no visuales
• El diseño puede parecer inconexo

Encuéntrelo aquí.

Reflejo

Esta plantilla de portafolio de una página es ideal para agencias y autónomos que desean una forma sencilla de mostrar su trabajo creativo. El menú de hamburguesa facilita el acceso a las diferentes áreas de tu sitio sin saturar la parte superior de la página de destino con un menú de navegación horizontal. Los controles deslizantes y la galería ponen su trabajo visual en primer plano, y también tiene los elementos básicos que necesita cualquier sitio web, como un formulario de contacto y una sección Acerca de.

Pros

• Sitio de portafolio extra sencillo de una página
• El menú de hamburguesas reduce el desorden

Contras

• No tendrá espacio suficiente para distribuir carteras más grandes
• Puede que algunos visitantes no sepan dónde está la navegación

Encuéntrelo aquí.

Juguetería

Esta plantilla de comercio electrónico es especialmente adecuada para tiendas de juguetes infantiles, ya que es brillante, colorida y llamativa. Configurar suscripciones de correo electrónico (para que los compradores puedan estar al tanto de sus últimas novedades), junto con páginas de destino y páginas de productos.

Pros

• Adorable para una juguetería infantil
• Diseño elegante, incluso teniendo en cuenta que es para productos infantiles

Contras

• Demasiado infantil para empresas no orientadas a los niños
• La combinación de colores verde no es muy atractiva.

Encuéntrelo aquí.

Typefolio

A veces se desea causar impacto con texto en lugar de imágenes. Typefolio te permite poner tus palabras en primer plano para incitar a los visitantes a explorar tu portafolio o a ponerse en contacto contigo. Se trata de una plantilla de portafolio muy sencilla que te ofrece espacio suficiente para explicar quién eres (y por qué alguien debería trabajar contigo), mostrar tus mejores muestras y proporcionar información de contacto.

Pros

• Atractivas opciones tipográficas
• Mostrar una cartera centrada en la copia

Contras

• No es ideal para marcas muy visuales
• Demasiado texto puede desanimar a algunos.

Encuéntrelo aquí.

Preguntas frecuentes