Todos los empleados de Webflow tienen algo en común: cuando no estamos creando Webflow, estamos creando en Webflow. Desde guías de contenido hasta sistemas solares, estamos superando los límites de lo que se puede construir en Webflow, y apenas estamos empezando.
Los empleados de Webflow se embarcan en proyectos paralelos que ejemplifican el amplio mundo de Webflow y sus múltiples aplicaciones. En esta publicación, he reunido algunos de los proyectos más geniales que nuestro equipo ha construido en Webflow. Te dejarán boquiabierto, te harán reír y te enseñarán algo; a veces, las tres cosas.
1. Spaced: Viajes al espacio... y de regreso
“Hola, mi nombre es Waldo y soy adicto a Webflow”.
–Waldo Broodryk, sobre sí mismo.
No busques más allá del proyecto Spaced de Waldo, creado para el desafío SPACED de Dann Petty, para encontrar pruebas de la experiencia de Waldo en Webflow, y de su obsesión.
¿Qué te inspiró a crear Spaced?
“Tuiteé que estaría dispuesto a convertir un diseño estático en una página web dinámica y adaptable, y me asocié con Mike Delsing para construir el sitio en Webflow con un video en cámara rápida del proceso. Quería colaborar con alguien de la comunidad de diseño; prometí darle el premio al diseñador si ganábamos”.
¿De qué parte de este proyecto te sientes más orgulloso?
“Spaced tiene algunas funciones divertidas y ocultas. Si exploras un poco, puede que las encuentres”.
¿Puedes encontrar los huevos de pascua en el sitio Spaced de Waldo?
2. Mom’s notes: Recetas familiares y consejos de cocina
Elegir solo uno de los muchos e impresionantes proyectos de Webflow de Anna para mostrar fue una verdadera hazaña. Después de mucho deliberar, elegí Mom's Notes: una hermosa colección de recetas familiares y consejos de cocina.
¿Qué te inspiró a crear Mom’s Notes?
“Siempre quise recopilar las recetas y consejos de cocina de mi madre en un libro. Cuando empecé a diseñar sitios web, decidí crear un lugar en línea donde ella pudiera compartir sus recetas y donde nosotros, sus hijos, pudiéramos compartir nuestros diarios de cocina. Después de años de investigación y recopilación de recetas (y tras un par de diseños de sitios web), mi hermana y yo usamos nuestras habilidades de diseño para crear Mom's Notes”.
¿De qué te sientes más orgullosa?
“¡De las imágenes animadas en la página de Autores! Y del proyecto en general. ¡Buen provecho a todos!”
3. Manhattan, Kansas Live Weather: Un rastreador meteorológico en vivo
Chris Snell —o "Snelly", como le decimos por aquí— es un tipo de lo más normal que se ducha con agua fría (es verdad) y, ya sabes, construye estaciones meteorológicas en su patio. Todo muy tranquilo. Chris escribió el software del servidor backend para recopilar datos en vivo de su estación y creó un frontend que muestra la información en tiempo real.
Ni siquiera vivo en Manhattan, Kansas, y consulto esta actualización del tiempo más que la de mi propia ciudad; ¡puedes ver cómo se actualiza cada 3 segundos!
¿Qué te inspiró a crear Manhattan, Kansas Live Weather?
“Me encanta el clima y quería escribir mi propio software para medirlo. Cuando empecé en Webflow, aprendí a usarlo creando la siguiente versión de la interfaz de usuario”.
¿Qué es lo que más te gusta de este proyecto?
“Que es un sitio responsivo. Se ve genial tanto en móvil como en escritorio y muestra la cantidad justa de información para cada plataforma”.
¿Qué sigue?
“Mi sueño es construir una red de estaciones que intercambien datos meteorológicos de esta manera”.
4. Pixel Geek: Un sitio personal con precisión de píxel
Si el nombre de Nelson Abalos Jr. no te suena, su cara seguro que sí. Nelson presenta los Webflow Workshops semanales y se pasa el día asegurándose de que cada cliente tenga el mayor éxito posible.
Pixel Geek es el sitio personal de Nelson, donde publica vídeos, reflexiones al azar y otros proyectos que ha construido en Webflow.
¿Qué te inspiró a crear Pixel Geek?
“Me gusta tener mi propio espacio personalizado en la web”.
¿Qué es lo mejor de tu sitio?
“Mis vídeos y mis divagaciones”.
Diseña interacciones y animaciones sin escribir código
Crea interacciones y animaciones complejas sin tener que tocar ni una línea de código.
5. Un componente de Webflow para vídeos de fondo de YouTube
Forrest Oliphant creó un componente de Webflow para vídeos de fondo de YouTube que describe como “estructura, estilos mínimos y JavaScript básico en un solo componente que se puede copiar”. La funcionalidad de este componente se solapa con la carga de vídeos de fondo de Webflow, pero permite situaciones en las que puede ser preferible usar un vídeo alojado en YouTube.
¿Qué te inspiró a crear un componente de Webflow?
“Espero con ansias que la gente comparta y colabore en componentes interactivos, incluyendo scripts. Esta es una prueba de cómo puede funcionar ese flujo: clonar el sitio y copiar el elemento. Creo que podemos hacer que compartir componentes sea más fluido y tener un lugar donde compartir y calificar componentes individuales y bibliotecas de componentes”.
¿Qué es lo más genial de este proyecto?
“La transición al fondo predeterminado cuando el vídeo se está cargando, pausado o en bucle”.
¿Qué sigue, Forrest?
“Quiero experimentar con formas sencillas para que varios componentes se comuniquen en la misma página”.
¡Echa un vistazo al escaparate donde puedes clonarlo!
6. 50 Estados de Macarrones con Queso: Un mapa… de los macarrones
Ray y su esposa, Nikki, sueñan con viajar a los 50 estados para comer macarrones con queso. Su blog, 50 States of Cheese, documenta su progreso. Ray quería que les dijera que no han avanzado mucho, todavía…
¿Qué te inspiró a crear 50 States of Cheese?
“Pensé que sería divertido documentar nuestras aventuras con los macarrones con queso. Webflow nos ayudó a pasar de una idea graciosa a tener un dominio registrado y una reseña publicada en unos 30 minutos. O sea, ¿no es eso una pasada?”
(Una pasada total).
¿Qué es lo más delicioso de tu proyecto?
“Todos esos sabrosos, sabrosos macarrones con queso”.
Una auténtica delicia.
7. Guías de voz, tono y estilo
Muchos de ustedes reconocerán el nombre de John Moore Williams, por su perfil de AngelList, por supuesto. Es broma; John es el jefe de contenido de Webflow y, por lo tanto, el “jefe de todo lo que lees en Webflow en cualquier lugar y en cualquier momento”. También es el hombre responsable de los más de 10 chistes de padre que eliminan de mis publicaciones del blog. ¿La ironía? Es padre. Sin bromas.
John es uno de los escritores con más talento con los que he tenido el placer de trabajar. La prueba de su talento indiscutible está en... bueno... todo lo que escribe.
John, ¿qué te inspiró a crear las guías de voz, tono y estilo?
“Cuando empecé a crear la guía de voz y tono de Webflow, me di cuenta de que me estaba apoyando totalmente en guías con las que había trabajado antes, concretamente las de LinkedIn y Esurance. Así que empecé a buscar otras guías de marca y pensé que a otros les gustaría tener más ejemplos en los que basarse. De ahí este sitio.”
¿De qué te sientes más orgullosa?
“El contenido increíble que aparece en el sitio. Algunas personas también han dicho cosas buenas sobre la tipografía. Lo cual es gratificante para alguien que no es diseñador como yo.”
8. Sistemas solares animados
El sistema solar animado de Anna es otro sitio espacial. Mientras su hijo aprendía sobre el sistema solar, Anna subió el nivel de los diagramas del sistema solar con este sitio construido completamente en Webflow, y sin una sola línea de código personalizado.
¿Qué te inspiró a construir el sistema solar en 3D?
“Mi hijo de 6 años me hacía muchas preguntas sobre los planetas y quería encontrar algo interactivo para enseñarle. Encontré este ejemplo genial en CodePen y decidí desafiarme a mí misma para construir algo similar en Webflow.”
¿Cuál fue la parte más difícil del proyecto?
“Construí estas animaciones en la primera versión de Webflow Interactions. Esto hizo que fuera complicado crear planetas en 3D en lugar de simples círculos en 2D. Estoy segura de que esto sería pan comido con las nuevas interacciones.”
9. Discotyme: Un blog de música fresco
Barrett se ha ganado el título no oficial de DJ de la oficina gracias a su buen gusto musical, apto para el trabajo, y a su dedicación a secuestrar el Alexa de la oficina antes de que nadie más tenga oportunidad.
Esto es lo que DJ BrJ tuvo que decir sobre este proyecto personal lleno de alma:
¿Qué te inspiró a crear tu blog de música?
“Empecé una versión anterior en WordPress justo al salir de la universidad como un proyecto paralelo divertido; también fue mi primer sitio web. Después de unos años, fue hackeado y perdí todo el contenido. Para entonces, yo ya trabajaba en Webflow y mis compañeros llevaban meses avergonzándome* para que migrara el sitio. Finalmente, empecé de cero con Webflow.”
¿Qué es lo que más te gusta de este proyecto?
“Como proyecto paralelo, disfruto de lo poco ambicioso que es; es literalmente solo: aquí están mis canciones favoritas del momento y enlaces para encontrar más. Construirlo en Webflow me permitió mantener el diseño muy sencillo.”
*No es un respaldo oficial a avergonzar a quienes construyen con WordPress.
¡Mantente al tanto de las novedades del equipo de Webflow!
Además de nuestra pasión por la comida y, al parecer, por el espacio, nuestro equipo comparte cierta timidez ante los proyectos que no son... bueno... perfectos. Tenemos un montón de proyectos emocionantes en Webflow que se están cocinando y de los que me muero por presumir.
¿Estos proyectos te han emocionado (hasta la luna, claro), te han abierto el apetito, te han hecho reír o te han inspirado para empezar algo nuevo? Cuéntanoslo en los comentarios.
.png)
