🚀 The Woman Lab

📋 Descripción del Proyecto

The Woman Lab es una plataforma de consultoría de carrera profesional diseñada específicamente para mujeres. Ofrece servicios de estrategia de carrera, optimización de CV/LinkedIn, preparación para entrevistas y desarrollo profesional.

🛠️ Stack Tecnológico

✨ Características Principales

Servicios Ofrecidos

• She Aligns (€120): Descubre tu identidad profesional - CV, LinkedIn, estrategia de búsqueda
• Power Session (€65): Sesiones estratégicas - negociación salarial, entrevistas, networking
• Descuento: €50/sesión después de She Aligns

Funcionalidades Técnicas

• Sistema de reservas online integrado
• Pagos seguros con Stripe
• Panel de administración para gestionar citas
• Notificaciones por email automáticas
• Multi-idioma (Español/Inglés)
• Conversión de moneda (EUR/USD)

Diseño y UX

• Hero compacto (65vh) con imágenes profesionales
• Servicios visibles inmediatamente (sin scroll)
• Paleta teal profesional (#2D9B9B, #4FC3C3)
• Tipografía Montserrat Bold del PDF original
• Gradientes de texto en títulos y precios
• Efectos hover dinámicos con scale y glow
• Página 60% más corta que versión original

📁 Estructura del Proyecto

the-woman-lab/
├── index.html              # Landing page principal
├── styles.css              # Estilos principales (Teal palette)
├── script.js               # JavaScript interactivo
├── i18n.js                 # Sistema de traducción
├── booking.js              # Sistema de reservas
├── booking-styles.css      # Estilos del booking
├── admin/
│   └── index.html          # Panel de administración
├── backend/
│   ├── server.js           # Servidor Express
│   ├── database.js         # Configuración MongoDB
│   ├── package.json        # Dependencias
│   └── README.md           # Documentación backend
└── docs/
    ├── SETUP.md            # Guía de instalación
    ├── CHECKLIST-FINAL.md  # Checklist pre-lanzamiento
    └── COMO-SUBIR-LA-WEB.md # Guía de deployment
            

🚀 Instalación y Uso

1. Frontend (Desarrollo Local)

# Abrir directamente el archivo HTML
C:\Users\isaac\Loxia\the-woman-lab\index.html

# O usar Live Server en VS Code
code the-woman-lab
# Click derecho en index.html > Open with Live Server
            

2. Backend (Servidor Node.js)

cd the-woman-lab/backend
npm install

# Configurar variables de entorno (.env)
MONGODB_URI=tu_mongodb_uri
STRIPE_SECRET_KEY=tu_stripe_key
EMAIL_USER=tu_email
EMAIL_PASS=tu_password

# Iniciar servidor
node server.js
# Servidor corriendo en http://localhost:3000
            

3. Deployment

Consultar COMO-SUBIR-LA-WEB.md para instrucciones de deployment en Hostinger, Netlify o Vercel.

🎯 Logros y Mejoras Implementadas

• Paleta Profesional: Cambio de naranja a teal (#2D9B9B) - más elegante y profesional
• Tipografía del PDF: Montserrat Bold/SemiBold (coincide con diseño original)
• Hero Optimizado: De 100vh a 65vh - menos scroll, más conversión
• Servicios Arriba: Visibles inmediatamente sin scroll - mejor UX
• Imágenes Reales: 3 fotos de mujeres profesionales con efectos 3D
• Página Compacta: 60% más corta - información directa y clara
• Efectos Visuales: Gradientes de texto, sombras glow, hover dinámicos
• CTA Optimizado: Botones más visibles y llamativos

🔗 Enlaces y Recursos

✅ CIN #8 Completada

The Woman Lab - Career Strategy Platform

Parte del proyecto CIN100 - 100 proyectos web en desarrollo