UWEB - Sitio Web Corporativo

Sitio web profesional para UWEB, empresa de desarrollo web especializada en soluciones digitales completas.

🚀 Características

• Metodología de 4 Etapas: Estudio, Diseño, Construcción y Despliegue
• Diseño Responsive: Optimizado para todos los dispositivos
• Cambio de Moneda: Sistema automático USD/PEN con tasas en tiempo real
• Formularios Avanzados: Validación en tiempo real y feedback visual
• Proceso Visual: Timeline interactivo del flujo de trabajo
• Tecnologías Modernas: HTML5, CSS3, JavaScript vanilla

📋 Páginas Incluidas

• Inicio (index.html) - Landing page principal
• Servicios (servicios.html) - Metodología y proceso detallado
• Portafolio (portafolio.html) - Casos de éxito y proyectos
• Precios (precios.html) - Planes con cambio de moneda automático
• Contacto (contacto.html) - Formulario avanzado y ubicación

🛠️ Tecnologías Utilizadas

• Frontend: HTML5, CSS3, JavaScript ES6+
• Estilos: CSS Grid, Flexbox, Variables CSS
• APIs: ExchangeRate-API para conversión de monedas
• Iconos: SVG personalizados
• Fuentes: System fonts para mejor rendimiento

📍 Información de la Empresa

• Ubicación: Barranca, Lima, Perú
• Zona Horaria: UTC-5 (PET)
• Contacto: +51 987 654 321
• Email: info@uweb.com

🚀 Instalación y Uso

Desarrollo Local

1. Clona el repositorio:

git clone https://github.com/tu-usuario/uweb-sitio.git
cd uweb-sitio

2. Inicia un servidor local:

# Con Python
python -m http.server 8000

# Con Node.js (si tienes http-server instalado)
npx http-server

# Con PowerShell (incluido en el proyecto)
powershell -ExecutionPolicy Bypass -File simple-server.ps1

3. Abre tu navegador en http://localhost:8000

Deployment

El sitio es completamente estático y puede desplegarse en:

• GitHub Pages
• Netlify
• Vercel
• Cualquier hosting web

📁 Estructura del Proyecto

uweb-sitio/
├── assets/
│   └── data/
│       └── projects.json
├── politicas/
│   ├── privacidad.html
│   ├── terminos.html
│   └── devoluciones.html
├── index.html
├── servicios.html
├── portafolio.html
├── precios.html
├── contacto.html
├── styles.css
├── script.js
└── README.md

🎨 Características de Diseño

Sistema de Colores

• Primario: #6366f1 (Índigo)
• Secundario: #8b5cf6 (Violeta)
• Texto: #1f2937 (Gris oscuro)
• Texto claro: #6b7280 (Gris medio)

Tipografía

• Fuente: System fonts stack para mejor rendimiento
• Jerarquía: Escalas tipográficas consistentes
• Legibilidad: Contraste optimizado para accesibilidad

Componentes

• Tarjetas: Sombras sutiles y efectos hover
• Botones: Estados interactivos y feedback visual
• Formularios: Validación en tiempo real
• Timeline: Proceso visual interactivo

💰 Sistema de Precios

Cambio de Moneda Automático

• API: ExchangeRate-API para tasas USD/PEN
• Caché: 1 hora de duración para optimizar rendimiento
• Fallback: Tasa estimada si no hay conexión
• Actualización: Cada 30 minutos automáticamente

Planes Disponibles

• OnePage/Landing: S/ 999 (Proyectos simples)
• Multipage: S/ 2,699 (Sitios corporativos)
• Personalizado: S/ 9,000+ (Proyectos complejos)

📞 Formulario de Contacto

Validaciones Incluidas

• Email: Formato válido requerido
• Teléfono: Acepta formatos peruanos e internacionales
• Campos requeridos: Validación en tiempo real
• Feedback visual: Estados de éxito/error

Tipos de Servicio

• Estudio (Análisis y estrategia)
• Diseño (UI/UX y prototipado)
• Construcción (Desarrollo web)
• Despliegue (Lanzamiento y hosting)
• Proyecto completo (4 etapas)

🌐 SEO y Performance

• Meta tags: Optimizados para cada página
• Estructura semántica: HTML5 semántico
• Imágenes: Lazy loading y formatos optimizados
• CSS: Minificado y optimizado
• JavaScript: Carga asíncrona y optimizada

📱 Responsive Design

• Mobile First: Diseño optimizado para móviles
• Breakpoints: 480px, 768px, 1024px
• Touch Friendly: Elementos táctiles optimizados
• Performance: Carga rápida en dispositivos móviles

🔧 Mantenimiento

Archivos de Configuración

• .gitignore: Excluye archivos temporales y de desarrollo
• simple-server.ps1: Servidor local para desarrollo
• Scripts de testing incluidos para validación

Actualizaciones Recomendadas

• Contenido: Actualizar proyectos del portafolio
• Precios: Revisar tarifas trimestralmente
• Tecnologías: Mantener stack actualizado
• SEO: Optimizar contenido regularmente

📄 Licencia

© 2024 UWEB. Todos los derechos reservados.

🤝 Contribuciones

Para contribuir al proyecto:

1. Fork el repositorio
2. Crea una rama para tu feature
3. Commit tus cambios
4. Push a la rama
5. Abre un Pull Request

📞 Soporte

• Email: info@uweb.com
• Teléfono: +51 987 654 321
• Ubicación: Barranca, Lima, Perú
• Horario: Lunes a Viernes 9:00-18:00 (PET)

---

Desarrollado con ❤️ por el equipo de UWEB en Barranca, Lima, Perú.