Documento de trabajo interno · CREA · Prototipos visuales para revisión del cliente
Soluciones y consultoría empresarial
CREA.

Cuatro propuestas de diseño
para el sitio institucional

Cada propuesta mantiene la misma identidad corporativa con una distribución visual diferente. Explora las alternativas y selecciona la dirección que mejor comunique a CREA.

Paleta institucional
Negro · #111111
Blanco · #ffffff
Dorado · #b79a5b
Gris claro · #f5f4f1
Bootstrap 5.3 · HTML5 · CSS3
Listo para migrar a Laravel + Blade
Prototipos visuales para revisión. El contenido pendiente de validación está marcado con [CONTENIDO PENDIENTE]. Logotipo, datos de contacto, fotografías propias y textos definitivos deben ser validados por CREA antes del desarrollo final.
Propuestas de diseño
Preview propuesta 1 — Corporativa Editorial
01
Corporativa
Propuesta 1
Editorial Corporativa

Diseño elegante y sobrio inspirado en firmas de consultoría de alto nivel. Composición editorial con espacio blanco generoso y líneas doradas como acento.

  • Hero dos columnas editorial
  • Servicios como lista numerada
  • Secciones blanco / gris alternadas
  • Líneas doradas de identidad
  • Footer oscuro y elegante
Ver propuesta 1
Preview propuesta 2 — Moderna y Dinámica
02
Moderna
Propuesta 2
Moderna y Dinámica

Propuesta contemporánea con mayor ritmo visual, hero de gran impacto y bloques organizados por pestañas según el perfil de empresa.

  • Hero pantalla completa con overlay
  • Tarjetas de servicios con etiquetas
  • Pestañas por perfil empresarial
  • Metodología en pasos numerados
  • Footer multi-columna estructurado
Ver propuesta 2
Preview propuesta 3 — Cercana y Consultiva
03
Cercana
Propuesta 3
Cercana y Consultiva

Propuesta más humana y accesible, orientada al acompañamiento personalizado. Tono cálido con énfasis en claridad, confianza y narrativa editorial.

  • Hero dividido con imagen lateral
  • Servicios editoriales sin tarjetas
  • Ruta de acompañamiento visual
  • FAQ con Accordion Bootstrap
  • Formulario de contacto expandido
Ver propuesta 3
Nueva propuesta
Preview propuesta 4 — Directa y Estructurada
Nueva
04
Propuesta adicional
Propuesta 4
Directa y Estructurada

Inspirada en el estilo de consultoras mexicanas de alto volumen. Layout limpio con secciones bien delimitadas, servicios con foto y texto lado a lado, CTA de asesoría gratuita y presencia de datos de contacto en todo momento.

  • Hero con foto edificio y texto centrado
  • Servicios foto + descripción intercalados
  • Bloque de problemas frecuentes del cliente
  • Formulario de asesoría gratuita visible
  • Sección "Sobre nosotros" editorial
  • CTA con fondo oscuro y botón blanco
  • Footer multi-columna institucional
  • WhatsApp flotante y datos en header
Ver propuesta 4
Contenido pendiente

Logotipo, datos de contacto, teléfono, correo, WhatsApp, redes sociales y fotografías propias deben ser validados y proporcionados por CREA.

Tecnología utilizada

HTML5 semántico · CSS3 · Bootstrap 5.3 · Bootstrap Icons · Google Fonts · JavaScript vanilla. Listo para migrar a Laravel + Blade.

Siguiente paso

El cliente selecciona la propuesta aprobada. Se migra a Laravel + Blade y se integran los contenidos definitivos, logotipo y datos reales.