Tanto si estás creando el primer sitio web de tu agencia como si quieres reemplazar uno anticuado por algo fresco, una plantilla es un punto de partida ideal. Aquí tienes 14 sitios web y plantillas para agencias, todos gratuitos para clonar. Mezcla y combina, toma lo que quieras de diferentes diseños y ensámblalos para dar vida a tu propia visión creativa.
1. Mahalo Media
Mahalo Media es una agencia de diseño que crea contenido multimedia de audio y video para sus clientes. Suponemos que es una página nueva, ya que no muestra ninguno de sus trabajos, pero es una buena introducción a lo que hacen.
Es un gesto muy generoso que agencias como Mahalo compartan sus diseños para clonar. Con este diseño ligeramente poco convencional, ponen los recursos en tus manos para que crees un sitio web único y totalmente tuyo.
Entonces... ¿qué tiene de especial este diseño?
El texto tiene una organización escalonada que facilita la lectura. Está muy bien estructurado, pero se mantiene dinámico gracias a varias formas que completan el diseño con una belleza geométrica. Los círculos giratorios que se activan al hacer scroll añaden un toque de movimiento que atrae todas las miradas.
¿Quizás te gustaría clonar Mahalo Media para tu propio proyecto? Nada te detiene. De hecho, te animamos a hacerlo.
2. Plantilla Creative Agency
Hay una razón por la que a la gente le encantan los sitios web de una sola página: muestran lo que tienes para ofrecer en un solo lugar. Pero nadie quiere un scroll infinito. Los diseños de una sola página tienen limitaciones que te obligan a incluir solo lo importante. Esta plantilla, acertadamente llamada Creative Agency, es un diseño de una sola página estelar que incluye solo lo esencial con un estilo impecable.
El diseño diagonal de la plantilla deja espacio para el contenido y las imágenes grandes. Además de unos elementos visuales sólidos, incluye pequeños toques de interactividad. Los botones, delineados con una fina línea blanca, se rellenan con un gris sólido. Los proyectos destacados tienen un efecto de desvanecimiento y revelan los detalles al pasar el cursor por encima. Un solo clic abre el proyecto en una ventana nueva, sin que el usuario tenga que abandonar la página.
Si buscas una plantilla que logre el equilibrio perfecto entre imágenes impactantes e interactividad, clona Creative Agency para el diseño de tu propio sitio.
3. Plantilla Krunch
Krunch es otra plantilla de una sola página muy bien pensada. Esta va un paso más allá en el aspecto visual, con una cuidada selección de proyectos destacados y un efecto al pasar el cursor que resalta cada uno de ellos.
Además de sus excelentes elementos visuales, la plantilla incluye un formulario de contacto. Recuerda que no estás atado a la arquitectura de este diseño: siempre puedes crear páginas independientes para el formulario de contacto y otros contenidos. Las plantillas son solo una sugerencia. Un punto de partida que puedes transformar, modificar, ampliar o reducir por completo para adaptarlo a tus propios objetivos de diseño.
Anímate y clona Krunch para el sitio web de tu agencia de diseño.
4. Pura
Clonar un diseño o usar una plantilla te da ventaja a la hora de lanzar un nuevo sitio web y te sirve de inspiración para un diseño original. A medida que le des estilo a los elementos, elijas una paleta de colores y añadas tu propio contenido, verás cómo tu proyecto se transforma de una estructura básica en algo único y funcional.
Pura te ofrece todo lo necesario para crear el sitio web profesional de una agencia. Los grandes bloques de contenido crean un diseño sólido, y Pura los organiza con divisiones claras entre secciones. Todo esto se presenta en un diseño de una sola página para que tu contenido sea fácilmente accesible.
Clona la plantilla Pura gratis.
5. Catalise
Nos encanta la generosa comunidad de Webflow, llena de gente que comparte sus ideas y conocimientos sin reservas. Cuando agencias como catalise ponen sus diseños web a disposición para clonarlos, nos llena de alegría (de verdad).
Con una paleta de colores minimalista basada en gris y negro, y toques de rojo, el diseño de catalise encarna una estética tecnológica. Hay mucho odio hacia los carruseles de imágenes, pero este diseño lo integra en la parte superior derecha para que sea un poco menos intrusivo. El ligero zoom al pasar el ratón añade un toque interesante. El diseño de Catalise se eleva por encima de esas plantillas cortadas con el mismo patrón que inspiran frustración en lugar de imaginación.
¿Quizás prefieres botones azules o un fondo más oscuro? Puedes clonar y ajustar el diseño de catalise como quieras.
6. Brilworx
Nos alegra mucho ver a una agencia de Irlanda sumarse a la mezcla de diseños clonables. ¡Gracias, Brilworx!
Este diseño se basa en grandes extensiones de color. Si quieres ponerte manos a la obra y personalizarlo con tu propia marca, empieza por cambiar el color de fondo y luego añade tus propias imágenes y contenido. Dicen que la imitación es la forma más sincera de halago, pero al clonar un proyecto, asegúrate de hacer suficientes cambios para que no sea una copia exacta del diseño original.
7. The Minimalists
Lo admitimos, este diseño es un ejercicio de lo poco convencional. Pero eso no significa que no haya cosas interesantes en el sitio de The Minimalists.
Sí, ese logotipo de diamante es demasiado pequeño y la única forma de volver a la página principal es a través de una flecha poco visible y un botón grande al final de cada página. Pero lo que nos llama la atención de este diseño es cómo cada página individual se desliza y gira para colocarse en su sitio.
Webflow te libera de las restricciones del código, haciendo que experimentos de diseño como el de The Minimalists sean posibles incluso para los diseñadores web más novatos. Al eliminar las barreras de aprender a programar, Webflow hace posible transformar hasta tus ideas más extravagantes en diseños funcionales.
Clona The Minimalists y trastea un poco para ver cómo se montó este diseño tan excéntrico.
Ebook gratuito: Introducción al diseño web
Domina los conceptos fundamentales del diseño web, como la tipografía, la teoría del color, el diseño visual y mucho más.
8. Dinergy
Somos fans del minimalismo. Pero seamos sinceros, los sitios web que apuestan todo a esta filosofía de diseño pueden parecer un vacío desolador. Aunque este sitio web de Dinergy está, sin duda, inspirado en el minimalismo, no se pasa de la raya.
La animación de escritura en vivo del sitio y las formas redondeadas que se unen al hacer scroll añaden un movimiento que rompe con la rigidez de la simplicidad. ¡Tiene chispa!
Otra cosa que destaca es la doble navegación: un conjunto está anclado a la barra superior y, al bajar un poco haciendo scroll, las opciones aparecen de nuevo, esta vez en una lista gigante. Un sencillo efecto al pasar el ratón sobre ambos conjuntos de navegación añade otro toque de dinamismo. Puede parecer redundante incluir estas opciones de navegación dos veces, pero también hace que sea muy rápido encontrar lo que buscas.
9. Slick
Slick es una plantilla con un nombre muy acertado; posee una elegancia inteligente que aporta el toque justo de brillo visual.
Desde la tipografía hasta las páginas de producto, este diseño tiene un aire muy contemporáneo. Hay espacio de sobra para imágenes y capturas de pantalla de proyectos, pero no depende exclusivamente de lo visual. Eso sí, tendrás que añadir tu propio contenido, pero no te preocupes: no hace falta que te vuelvas loco buscando un montón de imágenes desde el principio para rellenar el espacio.
Los elementos de navegación son bastante ligeros, con un menú tipo hamburguesa en la parte superior derecha de la página. Pero si clonas Slick para tu propio uso, siempre puedes cambiar las cosas. Esa es la magia de las plantillas: puedes quedarte con lo que quieras o deshacerte de lo que no te guste. La plantilla sirve como estructura base para que construyas tu propio diseño.
10. Foundation
Foundation coloca los proyectos destacados justo en la parte superior, facilitando que tu trabajo brille. Otra gran función integrada es su blog, gestionado con el CMS de Webflow. Si tienes una agencia, escribir sobre tus proyectos y sobre diseño demuestra tus conocimientos y habilidades en el sector, y le da a tu página un empujón de SEO orgánico.
Echa un vistazo más de cerca a Foundation: clónala y descubre si encaja con lo que buscas.
11. Huap Studio
Huap Studio, una agencia francesa, mantiene un estilo fresco y desenfadado con mucho espacio en blanco, toques azules y formas no geométricas que flotan suavemente por toda la página.
Si nunca has creado una animación activada por el desplazamiento de página, los bloques de construcción de este sitio te ayudarán a entender cómo funcionan estas formas animadas. Echar un vistazo a las entrañas de este sitio te servirá de trampolín para crear tus propios efectos.
Clona Huap Studio y profundiza en cómo se ha montado este diseño.
12. MBDC
MBDC es una agencia digital canadiense que se ha esforzado mucho en crear un diseño que se ve profesional y es fácil de navegar. Además, funciona principalmente con el CMS de Webflow.
Los proyectos destacados están vinculados al CMS, lo que significa que actualizarlos requiere un esfuerzo mínimo. También han usado el CMS de Webflow para configurar un blog. Añadir contenido dinámico nuevo a tu sitio puede ayudar con los resultados de búsqueda orgánicos; el diseño de MBDC hace que actualizar el contenido sea cuestión de unos pocos pasos sencillos.
¿Necesitas un CMS para la web de tu propia agencia? Clona MBDC y empieza a llenarlo con tu propio contenido.
13. Stone
Stone es otra plantilla gratuita que encontrarás en Webflow; tiene todo lo necesario para crear y lanzar la web de tu propia agencia.
La paleta de colores suaves y el texto superpuesto en la imagen principal le dan a este diseño un aire cálido y cercano. Las diapositivas giratorias con casos de estudio en la parte superior son un detalle fantástico: muestran tu trabajo y tu proceso creativo.
Cualquiera que busque una agencia de diseño quiere confiar en las habilidades artísticas y analíticas del equipo. Los casos de estudio son el lugar perfecto para que los clientes potenciales vean de cerca lo que puedes hacer por ellos.
14. Kaeles
¿Buscas una experiencia de usuario impecable con transiciones coloridas y llamativas, además de animaciones inteligentes al hacer scroll? Con este diseño de la agencia Kaeles, con sede en Brooklyn, obtienes todo esto y un toque de magia creativa. Esta es otra plantilla que te da espacio para incluir casos de estudio que demuestren tu destreza en marketing digital y diseño.
Conviértete en tu propio cliente y deja a todos con la boca abierta
Las webs de agencias ofrecen un vistazo a lo que es posible para los clientes que buscan impulsar sus marcas. Tu sitio debe presumir de tus habilidades de diseño en cada píxel, scroll y clic. Cuando los clientes potenciales vean lo bien que te promocionas, querrán que hagas lo mismo por ellos.
¿Has diseñado la web de una agencia con Webflow? Nos encantaría ver tu trabajo en los comentarios de abajo, ¡y no olvides compartirlo en el escaparate de Webflow. Si quieres que tu diseño se pueda clonar, ¡nos encantaría!
