🔊 El altavoz: Belén Ávila

Descubre cómo Belén entró en el mundo no-code. Conoce su trayectoria, su metodología con clientes y cómo logró vivir de hacer sitios web.

El Altavoz de NocodeHackers es una iniciativa en la que pretendemos dar visibilidad a los miembros de la comunidad de no-code en español. Personas que están activas, que comparten, crean y hacen que el ecosistema poco a poco vaya creciendo.

Es por eso que aquí podrás conocer un poco más de ellos y ellas y entender cómo el no-code les ayuda a crear.

Hoy tenemos la suerte de tener a Belén Ávila, diseñadora UX/UI y desarrolladora no-code, además de colaboradora a tiempo parcial para Solutions en NocodeHackers.

Podéis encontrar a Belén en sus redes sociales: LinkedIn (belen-avila)

Cuéntanos un poco sobre ti

Soy diseñadora UI/UX y antes de especializarme en producto digital trabajé durante varios años como diseñadora gráfica, creando identidades visuales, materiales de comunicación y experiencias digitales para diferentes tipos de clientes.

Siempre me ha gustado combinar creatividad y tecnología, pero sentía que había una barrera entre diseñar una experiencia y verla convertida en un producto real. Dependía de desarrolladores para llevar mis diseños a producción y eso hacía que muchas ideas tardaran más en materializarse o se quedaran por el camino.

Por eso empecé a interesarme por el mundo del no-code. Quería tener más autonomía, poder validar ideas más rápido y ser capaz de crear experiencias completas de principio a fin.

¿Cómo descubres el no-code?

Descubrí el no-code gracias a un amigo que me animó a asistir al No-Code Day de NocodeHackers. En aquel momento ya trabajaba como diseñadora UI/UX freelance y buscaba formas de ofrecer un servicio más completo a mis clientes, sin depender siempre de un desarrollador para llevar mis diseños a producción.

Después de asistir al evento descubrí todo un ecosistema de herramientas y posibilidades que desconocía. Me llamó especialmente la atención Framer porque conectaba perfectamente con mi forma de trabajar como diseñadora y me permitía convertir mis diseños en productos reales de una forma mucho más ágil.

Aquello despertó mi curiosidad y me llevó a apuntarme al programa de Experto en Desarrollo Web sin Código de NocodeHackers. Quería aprender a desarrollar mis propios proyectos, validar ideas más rápido y tener la capacidad de llevar una idea desde Figma hasta una web completamente funcional por mí misma.

¿Qué herramienta no-code has utilizado y para qué?

Durante el programa he trabajado con diferentes herramientas no-code según las necesidades de cada proyecto.

Por un lado, he utilizado Lovable para crear MVPs y productos digitales de forma rápida. Gracias a esta herramienta he podido desarrollar proyectos como Amatheia Psicología, una plataforma para una psicóloga que incluye diferentes funcionalidades orientadas a mejorar la experiencia de los usuarios, así como mi propio portfolio profesional.

Por otro lado, he aprendido a utilizar Framer para desarrollar sitios web profesionales a partir de diseños creados en Figma. Con Framer he trabajado aspectos como sistemas de estilos, componentes reutilizables, CMS, animaciones e interfaces responsive adaptadas a desktop, tablet y móvil.

Lo que más valoro es que estas herramientas me permiten pasar de una idea a un producto real de una forma mucho más ágil, combinando diseño, experiencia de usuario y desarrollo sin necesidad de programar.

¿Qué proyecto tienes? ¿Cómo te ayuda el no-code en su desarrollo?

Uno de los proyectos en los que estoy trabajando actualmente es Soul Raver, una plataforma y comunidad enfocada en la música electrónica.

El proyecto incluye una web desarrollada en Framer con secciones de eventos, blog, newsletter y una futura tienda online integrada con Shopify. Gracias al no-code puedo diseñar la experiencia, desarrollar la web, gestionar el contenido mediante CMS y lanzar nuevas funcionalidades mucho más rápido.

También he utilizado estas herramientas en proyectos reales para clientes y en mi propio portfolio profesional, lo que me permite mostrar mi trabajo y experimentar con nuevas ideas sin las limitaciones tradicionales del desarrollo.

¿Cuál es tu herramienta no-code favorita?

Sin duda, Framer.

Lo que más me gusta es que me permite mantener el control creativo durante todo el proceso. Puedo pasar de una idea o un diseño en Figma a una web completamente funcional sin salir de un entorno visual.

Además, la combinación de diseño, desarrollo, CMS, animaciones e integraciones lo convierte en una herramienta muy potente para diseñadores que quieren construir productos reales sin necesidad de programar.

Para mí, Framer no solo ha cambiado mi forma de trabajar, sino también la forma en la que entiendo el desarrollo de productos digitales. Me ha permitido ser más independiente, lanzar proyectos más rápido y ampliar significativamente las posibilidades que puedo ofrecer a clientes y proyectos personales.

Si tú también quieres construir tu camino como hizo Belén, da el primer paso y apúntate en nuestro curso gratuito de desarrollo web en donde aprenderás a crear tu primer sitio web sin código.

‍

¡Muchísimas gracias Belén, por pasarte por el altavoz de NocodeHackers!

Si quieres conocer a más personas como Belén, puedes apuntarte a la comunidad desde aquí.