Project: FLORMIWITCH - (Mallorca | 2025)
Astro Basics – Sitio Web
Descripción General
AstroBasics es una formación en astrología para el autodescubrimiento, creada por Flormiwitch y alojada en la plataforma Hotmart. Con más de 50 alumnos en distintas partes del mundo y a punto de lanzar su cuarta edición, el proyecto necesitaba una actualización web que reflejara la evolución de la experiencia y el crecimiento de la comunidad.
El objetivo era rediseñar el sitio con una identidad visual coherente con la marca Flormiwitch, haciendo que la experiencia del usuario fuera clara, atractiva, divertida y, al mismo tiempo, confiable.
Este proyecto fue especial para mí porque implicó trabajar con Framer, una plataforma que no había utilizado antes, y que me permitió llevar adelante un desarrollo 100% a medida, en un tiempo récord. Fue también mi regreso al diseño web después de varios meses, y lo disfruté de principio a fin.
Rol y Responsabilidades
Asumí el rol completo de diseñador web:
- Diseñé la UX y la UI del sitio desde cero.
- Realicé bocetos iniciales en papel y luego los trasladé al entorno digital.
- Maqueté el sitio en Framer, integrando la navegación, jerarquías y animaciones.
- Trabajé junto a Flor (líder del proyecto) para definir los textos, pero todas las decisiones visuales y funcionales fueron de mi autoría.
Proceso Creativo
El proceso comenzó con una fase de investigación en la que analicé otras webs educativas y de cursos online, para entender tendencias actuales en UX y estructura de contenido. Ya contábamos con una versión anterior de la web, por lo que esta fue una reinterpretación visual completa, manteniendo algunas secciones clave pero con una lógica de navegación más fluida.
Etapas destacadas:
- Wireframes y bocetos hechos a mano
- Rediseño de jerarquías visuales para una lectura más clara
- Uso de colores, microinteracciones y animaciones para reflejar el universo lúdico y emocional de AstroBasics
- Integración en Framer: scrolls suaves, bloques dinámicos, y una arquitectura modular adaptable a futuras actualizaciones
Resultados y Logros
- El sitio recibió una respuesta muy positiva en los primeros testeos.
- La web se percibe como profesional, moderna y coherente con el universo de la marca.
- Refuerza la experiencia formativa incluso antes de entrar al aula virtual, generando expectativa y confianza.
- El desarrollo completo se hizo en una semana, en modo cápsula intensiva.
Tecnologías y Herramientas Utilizadas
- Canva: para algunos elementos visuales puntuales
- Framer: para diseño responsivo, animaciones y publicación web.
- Illustrator + Photoshop: para recursos gráficos.
Reflexiones Finales
Este proyecto me recordó lo mucho que disfruto diseñar webs desde un enfoque integral. Me permitió reconectar con mi capacidad para desarrollar experiencias digitales desde cero, combinando velocidad, intuición y diseño emocional.
Me sorprendió el potencial de Framer para crear entornos inmersivos, y me motivó a seguir explorando nuevas herramientas que me permitan elevar el diseño de marca al siguiente nivel.
Enlaces o Créditos Adicionales
Proyecto desarrollado 100% por mí, sin colaboradores externos.