Miniatura de Tech Beach Mama

Tech Beach Mama.

Construyendo una marca personal, un embudo de newsletter y un negocio de productos digitales desde cero

Tech Beach Mama no es solo una web — es una plataforma en crecimiento y una misión personal. Lanzada tras dejar mi empleo para independizarme, está diseñada para inspirar a las mujeres a entrar en el desarrollo frontend y construir carreras que se adapten a sus vidas. El sitio actúa como el hogar digital de una marca creada en Instagram, un embudo de email y una creciente colección de productos digitales — todo creado y gestionado por mí, y en constante evolución.
Volver al portfolio

Año

2025

Tipo

Aplicación web

Tecnologías

Next.js, HTML, Tailwind CSS, Shadcn UI, Lemon Squeezy, ConvertKit, Figma

Rol

Diseñador y desarrollador

Una plataforma nacida de una decisión profesional

-- LA VISIÓN

Tech Beach Mama comenzó después de dejar mi trabajo para ser completamente independiente. La motivación era clara: había pasado años desarrollando habilidades en frontend y diseño de producto, y quería ayudar a otras mujeres — especialmente madres — a hacer lo mismo sin tener que empezar desde cero.
La plataforma se basa en un embudo simple: atraer mujeres desde Instagram interesadas en carreras tech, llevarlas a la web para ofrecer valor real mediante recursos gratuitos y de pago, y crear una comunidad de mujeres que construyen independencia financiera a través del desarrollo web, diseño UI/UX y gestión de proyectos.
Es un proyecto a largo plazo. A diferencia del trabajo con clientes, que tiene un final definido, Tech Beach Mama está diseñado para crecer durante años.
Crear una plataforma de marca personal desde cero implica ciertos retos.
  • Diseñada, desarrollada y mantenida en solitario junto con trabajo freelance
  • Debe funcionar como un embudo real de conversión, no solo como portfolio
  • La arquitectura debe escalar con el crecimiento del negocio
  • La identidad visual debía ser personal y diferenciada

Limpio, moderno y orientado a la conversión

-- CONCEPTO DE DISEÑO

El diseño se creó en Figma priorizando la conversión junto con la estética. El lenguaje visual debía ser cálido, aspiracional y creíble. Cada sección guía al usuario hacia la suscripción o los productos digitales.
Concepto de diseño Tech Beach Mama — Figma

Concepto de diseño — Figma

Diseñado para rendimiento, flexibilidad y crecimiento

-- STACK Y ARQUITECTURA

La tecnología se eligió pensando en el largo plazo: rendimiento rápido, facilidad de actualización y flexibilidad para crecer sin reconstruir todo.
Next.js gestiona SSR y routing, Tailwind permite control total del diseño y Shadcn UI aporta componentes accesibles y reutilizables.
El stack técnico apoya un negocio digital en crecimiento.
  • Next.js para rendimiento y SEO
  • Tailwind CSS para control y velocidad
  • Shadcn UI para arquitectura de componentes
  • Diseño en Figma antes de desarrollo
  • Integración de embudo de newsletter
  • Arquitectura preparada para crecer

De Instagram a la lista de correo a los productos digitales

-- EL EMBUDO

La plataforma está construida en torno a un recorrido de conversión cuidadosamente diseñado. Los visitantes llegan principalmente desde Instagram, donde la marca publica contenido sobre carreras en frontend, freelancing y el estilo de vida que lo acompaña. El sitio web captura ese interés con un recurso gratuito — un eBook sobre cómo empezar en frontend — que alimenta una secuencia automatizada de emails.
La oferta actual incluye el eBook gratuito como lead magnet y un eBook de pago sobre freelancing. La hoja de ruta contempla nuevos productos digitales, cursos y recursos a medida que crece la audiencia. Cada página del sitio está diseñada teniendo en cuenta este embudo — no como algo secundario, sino como la lógica estructural sobre la que se construye toda la plataforma.
Sitio en vivo de Tech Beach Mama — página principal y embudo de newsletter

La plataforma en vivo — diseño orientado a la conversión, embudo de newsletter y productos digitales

Recursos reales para mujeres que entran en tecnología

-- CONTENIDO Y PRODUCTOS

El contenido se basa en mi experiencia real: aprender diseño antes que código, reconstruir mi carrera y crecer profesionalmente. Esta narrativa está presente en todo.
Oferta actual: un eBook gratuito y uno de pago sobre freelancing. La plataforma está diseñada para expandirse.

Lo que ofrece actualmente:

  • eBook gratuito — roadmap frontend para madres modernas
  • eBook de pago sobre freelancing
  • Secuencia automatizada de emails
  • Canal activo de Instagram
  • Planes para cursos y comunidad
Sección de productos digitales de Tech Beach Mama con eBook de frontend y guía de freelancing

Ecosistema de productos digitales — recursos gratuitos y de pago para entrar en tecnología

Diseñado para ser encontrado y cargar rápido

-- RENDIMIENTO Y SEO

El rendimiento y el SEO se integraron desde el inicio, no se añadieron posteriormente. El renderizado del lado del servidor con Next.js garantiza que las páginas sean indexables y rápidas, Tailwind mantiene un CSS ligero, y la arquitectura basada en componentes evita la acumulación de código innecesario que suele ralentizar los sitios con mucho contenido con el tiempo.
Para una plataforma que depende del descubrimiento orgánico y de convertir el tráfico de redes sociales en suscriptores de newsletter, la velocidad de carga y los Core Web Vitals afectan directamente a las tasas de conversión — no solo al posicionamiento en buscadores. Esta conexión entre la calidad técnica y los resultados de negocio influyó en cada decisión de implementación.
Resultados de rendimiento Lighthouse de Tech Beach Mama

Rendimiento · puntuaciones Lighthouse

Una plataforma en vivo, una audiencia en crecimiento y un proyecto a largo plazo

-- EL RESULTADO

Tech Beach Mama es el proyecto en el que estoy más personalmente involucrada. Es al mismo tiempo una demostración de lo que puedo construir técnicamente, un negocio real con productos reales y una audiencia en crecimiento, y una salida creativa que existe más allá del trabajo con clientes.
También es el proyecto que llevó a un entrevistador a describirlo como un gran proyecto personal — algo que, siendo desarrollado en solitario junto con todo lo demás, se sintió como el tipo de validación adecuado.
Lo que demuestra este proyecto:
  • Responsabilidad total de principio a fin — diseño, desarrollo, contenido y estrategia de negocio
  • Diseño orientado a la conversión aplicado a un embudo real con productos reales
  • Arquitectura Next.js de nivel producción diseñada para escalar a largo plazo
  • Construcción activa de audiencia a través de Instagram y un embudo automatizado de email
  • Una plataforma que sigue creciendo — este caso de estudio continuará evolucionando

¿Quieres una web que trabaje tan duro como tú?
Volver al portfolio