Sabía que Webflow era la plataforma ideal para mí, así que me lancé sin plan alguno y con un caos en el corazón.
No es la primera vez que me lanzo de cabeza a un nuevo constructor web para ir aprendiendo sobre la marcha. He creado blogs para mí y para clientes en plataformas como WordPress, Squarespace, Ghost, Blogger, Joomla y Xanga. Eso sin mencionar mi cementerio de inicios de sesión de pruebas gratuitas en Wix, Weebly y Universe, que curioseé una vez y nunca más volví a mirar.
Webflow no se parece a ninguno de estos constructores, y eso es algo bueno.
Por qué elegí Webflow
No soy desarrolladora de profesión. No me malinterpreten, puedo solucionar problemas de HTML como cualquier otro chico de la era de MySpace. Entiendo la lógica encantadora de los contenedores div y por qué una etiqueta <em> es más elegante y semántica que una <i>, al menos la última vez que lo comprobé. Aprendí sobre CSS mientras gestionaba un blog de WordPress y lo usaba como herramienta para saltarme a nuestro equipo de desarrollo, que era súper restrictivo — lo siento, amigos.
En resumen, estoy justo en el punto ideal entre ser una nativa digital experta y una aficionada al bricolaje perezosa pero terca. Esto significa que el HTML y el CSS tienen mucho más sentido para mí que entrecerrar los ojos ante un módulo WYSIWYG (lo que ves es lo que obtienes) y ajustar un control deslizante solo a ojo.
A pesar de que diseño sitios web y páginas de destino para clientes con regularidad, a menudo experimento el síndrome del impostor de "no soy desarrolladora". El desarrollo web puede parecer un jardín vallado, y constantemente siento que estoy asomándome por encima de la tapia. Me siento muy por detrás de los expertos. Si te sientes igual, te entiendo. A menudo puede parecer que no hay lugar para gente como nosotros en este ecosistema.
Por suerte, elegí el constructor web y la comunidad adecuados para diseñar y lanzar el sitio web de mi consultoría freelance: una herramienta de desarrollo web visual que pudo encontrarme en mi viaje de diseño web exactamente donde estoy, sin hacer que el proceso se sintiera innecesariamente infantil o complejo. Me alegro de haber confiado en mi instinto y de haber elegido la plataforma correcta desde el principio.
No pierdas el tiempo buscando (o te arriesgarás a parecerte a todos los demás)
Cuando comencé mi consultoría de marketing para pequeñas empresas, Tiny Megaphone, a principios de este año, supe que necesitaba algo más robusto y personalizable de lo que mis constructores web habituales podían permitirme. Además, las estrechas limitaciones de diseño que antes consideraba útiles habían empezado a aburrirme.
Francamente, los constructores WYSIWYG han hecho que la mayoría de los sitios web adaptables a móviles sean bastante cortados por el mismo patrón, hasta el punto de que ahora soy capaz de identificar sus plantillas cuando las veo por ahí. Mi marca tiene colores llamativos y un estilo inusual. No podía permitir que las plantillas sobreutilizadas borraran eso.
Ojalá no hubiera pasado tanto tiempo de mi vida profesional en el diseño web usando editores WYSIWYG. Sacrifiqué mucha flexibilidad y profesionalidad. Elige la mejor plataforma desde el principio.
Lee primero las instrucciones (créeme)
Una vez que supe que quería usar Webflow, simplemente me lancé, una estrategia que desaconsejaría. Me salté directamente las guías de inicio rápido. Esto me hizo darme cuenta de que probablemente soy la razón por la que IKEA tiene que escribir tantos avisos legales sobre muebles mal montados.
Sin embargo, los que somos de trastear no podemos evitarlo. Nos gusta saltarnos los vídeos educativos e ir directos a la herramienta. Pero mirando atrás, ojalá me hubiera tomado un tiempo en una agradable tarde de lluvia para acurrucarme con un té de manzanilla y ver todos los vídeos para principiantes de Webflow University como una buena estudiante. Así que, si puedes reunir una pizca de autocontrol, lee primero el "manual de instrucciones".
Empieza gratis
Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.
Lo que aprendí por el camino: qué hacer y qué no
Mi rápido bautismo en Webflow me enseñó algunas lecciones que me gustaría compartir contigo. Quizás puedas evitar algunos de estos escollos en los que me quedé atrapada y tener un camino más sencillo. Independientemente de lo accidentado que parezca tu viaje hacia el desarrollo web visual, ten por seguro que saldrás adelante sin problemas (yo lo hice).
Date una ventaja con las plantillas
Haz esto: Echa un vistazo a las plantillas de Webflow. Sé que acabo de decir que las plantillas eliminan tu personalidad. Pero a diferencia de la selección limitada que encontrarás en otros constructores de sitios web, Webflow tiene un ecosistema encantador de diseñadores que han creado plantillas personalizadas que puedes aprovechar. La mayoría de los precios son inferiores a 100 dólares, son extremadamente personalizables y más únicas que las plantillas genéricas que puedes encontrar en otros sitios. Además, apoyas a un diseñador genial en lugar de a una corporación. John D. Saunders es uno de mis diseñadores de plantillas de Webflow favoritos.
No te: conformes con la primera plantilla que te llame la atención. A mis clientes de diseño web sin código les digo que no elijan una plantilla basándose en una reacción emocional a los colores y las imágenes cuando les muestro maquetas sencillas, pero al parecer, ni yo misma sigo mis propios consejos. Me gusta mi plantilla, pero me aterra la idea de tener que cambiarla algún día.
Organízate con clases ordenadas
Haz: crea una jerarquía que tenga sentido para ti más adelante. "H4 genial n.º 7" es un desastre. ¿Qué nombres te resultarán lógicos cuando salgas de tu capullo de diseño a las 3 a. m. y tengas que solucionar un problema en una sección que no funciona?
No te: lances a nombrar cosas a lo loco. Reflexiona un poco sobre tu idea de diseño. Antes de grabar tus clases en piedra, piensa en cómo interactuarán los distintos elementos y colores. Hice desaparecer el texto del encabezado varias veces porque jugué con el color del texto en las clases del encabezado sin pensarlo bien. No seas como yo.
Ahorra mucho tiempo con los Símbolos
Haz: usa Símbolos. Ignoré por completo esta pestaña en el Diseñador. De nuevo, me salté todos los tutoriales y la formación guiada; no seas como yo. Cuando descubrí los Símbolos, me di cuenta de que funcionan de forma muy parecida a los bloques de construcción de secciones de otros editores de arrastrar y soltar. Básicamente, si el HTML te parece un mundo, los Símbolos te ayudan a agarrarte al borde de la piscina para sentirte a salvo.
No te: pongas nombres absurdos a tus Símbolos como hice yo, a menos que encaje con tu marca. Llamé a mi barra de navegación "Navegación Mágica" y a mi pie de página, naturalmente, "Pies de Página". Me hace sonreír cuando lo veo, pero tengo que recordar no hacer esto para mis clientes.
Aprovecha la magia del CMS de Webflow
Haz: adéntrate en el mundo del CMS. La función CMS es una de las herramientas más potentes y flexibles de Webflow. Las colecciones del CMS no se parecen a nada que encuentres en otros editores web. Una colección puede ser un catálogo de vídeos, un blog tradicional, una página de equipo, etc.; es básicamente una biblioteca de elementos agrupados que puedes hacer aparecer donde quieras y como quieras. Genial, ¿verdad?
No te: esperes que el CMS se encienda como una lámpara. Especialmente si intentas publicar una entrada de blog sobre Bob’s Burgers un viernes por la tarde antes de irte de acampada el fin de semana. Requiere trabajo construirlo desde cero. No es como entrar en MySpace para escribir sobre tu amor platónico. Tienes que asignar los campos del CMS a los elementos de diseño, y eso lleva su tiempo.
Consejos adicionales
Aquí tienes unos últimos consejos sobre qué hacer y qué no en tu viaje de diseño:
- Cuidado con los widgets aleatorios. Descargué un widget de redes sociales de un tercero que, en teoría, era un script súper sencillo que podía soltar en mi "Pies de Página" porque me daba pereza buscar los iconos y ajustar su tamaño. Ya te lo dije, no soy desarrolladora, soy experta en marketing. Así es como resuelvo los problemas. Al final falló y un cliente importante vio un mensaje de error cuando intentó seguirme. ¡Qué horror!
- Cuando busques en Google un problema que tengas, asegúrate de ver los vídeos de Webflow University junto con los de otros diseñadores de YouTube. Me ayuda a entender un concepto escucharlo explicado de varias formas y desde distintas perspectivas. Normalmente aprendo mejor viendo y replicando una tarea, no leyendo sobre ella.
Hacia dónde quiero ir ahora
Cuanto más tiempo paso en Webflow, más larga se vuelve mi lista de deseos. ¿Lo primero? Necesito un cambio de imagen del CMS al estilo Princesa por sorpresa. Quiero experimentar más para que mi blog parezca una publicación profesional y pulida. Esto llevará tiempo, pero es de baja prioridad por ahora porque no he publicado mucho. También quiero añadir nuevas páginas para mi portafolio de escritura, otros trabajos anteriores y mi red de contactos de otros freelancers que me gusta recomendar.
Y, por supuesto, ya quiero reescribir cada palabra del sitio. Pero esa es la vida de un marketero o diseñador novato. El trabajo nunca termina, igual que mi viaje en el diseño web. Seguirá evolucionando, cambiando, creciendo y viéndose mejor cada mes.
Voy a disfrutar de ese viaje, y espero que tú también disfrutes del tuyo. Empieza tu viaje en Webflow aquí mismo, ahora mismo.
Sigue leyendo: La guía definitiva para principiantes en Webflow
