Expediente técnico

1. Resumen ejecutivo

El presente expediente técnico detalla las especificaciones, alcances, criterios de diseño y requerimientos para el desarrollo del sitio web corporativo de INVERSIONES PERFIL'S S.A.C., empresa dedicada a la venta de productos y servicios de ferretería, con especialidad en perfiles de metal para la construcción de techos, puertas y ventanas.

El sitio busca posicionar digitalmente a la empresa, exhibir su catálogo, comunicar sus servicios y facilitar el contacto con clientes mayoristas y minoristas. El desarrollo es un sitio estático multipágina (HTML5, CSS3 y JavaScript nativo), responsivo y listo para su despliegue en XAMPP.

2. Datos generales

3. Objetivos

Objetivo general

Desarrollar un sitio web corporativo que difunda el catálogo de productos y servicios de ferretería y perfiles de metal de la empresa, facilitando la comunicación con clientes.

Objetivos específicos

1. Presentar la identidad corporativa y la ficha RUC de la empresa.
2. Exhibir de forma organizada las categorías de productos y servicios.
3. Habilitar canales de contacto directo (teléfono, WhatsApp, correo y formulario).
4. Comunicar la ubicación física y el horario de atención.
5. Ofrecer una navegación clara, rápida y adaptada a dispositivos móviles.

4. Alcance

Incluye

• Diseño de marca digital: logotipo tipográfico, paleta y componentes.
• Desarrollo de 6 páginas: Inicio, Productos, Servicios, Nosotros, Contacto y Expediente Técnico.
• Catálogo visual con imágenes de internet (perfiles, techos, puertas, ventanas, rejas, fontanería y herramientas).
• Formulario de contacto por correo y enlaces a WhatsApp y teléfono.
• Diseño responsivo y SEO básico (metadatos y datos estructurados).
• Documentación técnica del proyecto.

No incluye

• Carrito de compras ni pasarela de pagos.
• Panel administrativo o base de datos dinámica.
• Hosting, dominio y certificado SSL.
• Fotografía propia (se emplean imágenes de referencia libres).

5. Identidad de marca

Nombre comercial: Perfil's — Eslogan: "Fuerza en metal, confianza en cada obra."

Paleta de colores (azul y rojo)

Regla de uso: el azul se emplea como color dominante (estructura, encabezados y fondos) y el rojo como acento (botones, llamadas a la acción y destacados).

Tipografía

• Títulos: Barlow Condensed (carácter industrial y robusto).
• Cuerpo: Inter / Segoe UI (alta legibilidad).

6. Arquitectura de la información

web/
├── index.html              → Inicio
├── productos.html          → Catálogo de productos
├── servicios.html          → Servicios
├── nosotros.html           → Nosotros / Empresa
├── contacto.html           → Contacto
├── expediente-tecnico.html → Documento técnico (esta página)
├── assets/
│   ├── css/styles.css      → Hoja de estilos
│   ├── js/main.js          → Interacciones
│   └── img/                → 25 imágenes del sitio
└── docs/
    └── expediente-tecnico.md → Documento fuente

Navegación: Inicio · Productos · Servicios · Nosotros · Contacto.

7. Especificaciones técnicas

8. Requerimientos funcionales

9. Requerimientos no funcionales

• Usabilidad: máximo 2 clics hacia cualquier sección.
• Rendimiento: carga menor a 3 s; imágenes con carga diferida.
• Responsive: correcta visualización desde 360 px.
• Accesibilidad: contraste adecuado, textos alternativos y foco visible.
• Mantenibilidad: CSS centralizado y contenido editable.
• SEO: metadatos por página y datos estructurados LocalBusiness.
• Portabilidad: funciona en XAMPP y en hosting estático.

10. Fases y cronograma

11. Criterios de aceptación

1. Las 6 páginas cargan sin errores desde el servidor Apache local.
2. El menú y el pie de página se muestran correctamente en todas las páginas.
3. El filtro de productos opera sin recargar la página.
4. Los botones de WhatsApp, teléfono y correo abren los enlaces correctos.
5. El sitio se visualiza correctamente en móvil, tablet y escritorio.
6. Los datos de la empresa coinciden con los proporcionados.
7. Todas las imágenes se muestran correctamente (rutas locales válidas).

12. Anexo — Ficha RUC

Documento elaborado para el proyecto web de INVERSIONES PERFIL'S S.A.C. — Versión 1.0. Versión fuente en Markdown disponible en docs/expediente-tecnico.md.