Descripción

📑 Reporte General — Proyecto Wittan.cl

2. Verificación General

Se realizó una revisión completa del panel de Shopify para confirmar el estado general de la tienda y todos sus servicios.

• Se revisaron las alertas, notificaciones y correos oficiales vinculados a la cuenta.

• Se analizó el correo con asunto “Decisión final: cierre de la cuenta debido a indicadores bajos”, confirmando que la tienda se encuentra activa, operativa y sin notificaciones de cierre.

• Se verificaron los datos comerciales, políticas internas y correos de contacto, asegurando que toda la información sea coherente, funcional y actualizada.

• También se revisaron los canales de soporte, dominio y métodos de pago, asegurando un flujo estable para clientes y cotizaciones.

Resultado general:

Todo el sistema se encuentra validado, en orden y con acceso correcto a las funcionalidades principales de Shopify.

3. Optimización General

 3.1 Imágenes

• Todas las imágenes utilizadas se optimizaron en formato WebP.

• Beneficios aplicados:
  • Reducción de peso en promedio 40% – 60% frente a JPG/PNG.

  • Mejor tiempo de carga.

  • Optimización del rendimiento en métricas de PageSpeed.

3.2 Herramientas de terceros en Shopify

• Tiny SEO:
  • Minificación de CSS y JS.

• PageFly:
  • Implementado como constructor de páginas.

  • Permite mayor flexibilidad de diseño y personalización frente a las limitaciones del editor nativo de Shopify.

4. Métricas de Rendimiento (PageSpeed Insights)

Se realizaron pruebas en móvil y desktop, mostrando una mejora significativa tras las optimizaciones implementadas.

 

Resultados:

• Versión móvil:
  • Antes: 25 → Después: 47.

  • Factores que aún afectan: slides del hero.

• Versión desktop:
  • Antes: 42 → Después: 74.

5. Beneficios Obtenidos

• Mayor rendimiento:
  • Mejor tiempo de carga y puntuación más alta en PageSpeed.

• Optimización visual y técnica:
  • Imágenes en WebP y código minificado.

• Escalabilidad:
  • El diseño modular facilita añadir nuevas colecciones y secciones.

• Mejor experiencia móvil:
  • Sitio más ligero y usable en dispositivos.

• Refuerzo de imagen de marca:
  • Diseño alineado con los valores de confianza, creatividad y dinamismo.

 

6. Verificación de Formalidad de la Empresa

Se revisó y actualizó toda la información visible y legal asociada a la empresa:

• Datos de contacto (correo, teléfono y dirección).

• Políticas visibles en la web (Privacidad, Reembolso, Términos y Condiciones).

• Dominio y autenticación correctos para correo corporativo.

• Información comercial y de soporte clara para el usuario.

Todo quedó validado y correctamente presentado en el sitio, reforzando la credibilidad y la confianza hacia los clientes.

 

7. Estructura y Wireframe (Complementario)

Se diseñó un wireframe base que guió la creación de la web. Este planteamiento buscó un balance entre simplicidad, dinamismo y escalabilidad.

Secciones principales:

• Hero principal:
  • Mensaje clave sobre la propuesta de valor.

  • Botones de acción hacia WhatsApp (“Soluciones para empresas”).

• Servicios destacados:
  • Impresión DTG.

  • Stickers.

  • Regalos corporativos (ejemplo: mouse pad).

• Menú de acceso rápido:
  • Poleras personalizadas (solicitado por el cliente).

• Catálogo destacado:
  • Gráficas, mouse pad, promociones, full print.

  • Todos con opción de solicitar presupuesto directo por WhatsApp.

• Sección Empresas:
  • Llamado a la acción enfocado en cotizaciones.

8. Lineamientos de Diseño (Complementario)

Paleta de colores (extraída del logo):

• Azul (#0077B6) → confianza y solidez.

• Magenta (#D6287D) → creatividad y diseño.

• Amarillo (#FFD60A) → energía y dinamismo.

• Negro y gris → neutralidad y elegancia.

• Blanco → limpieza visual (fondo principal).

Tipografía y jerarquías:

• Títulos principales (H1/H2): 32px – 40px.

• Subtítulos (H3): 22px – 24px.

• Párrafos: 16px – 18px.

• Botones CTA: 16px bold, con paddings amplios (12-16px).

Espaciado y secciones:

• Padding vertical estándar: 100px arriba y abajo en cada sección.

• Margen interno de contenedores: 20px – 30px.

• Sistema modular, que permite escalabilidad sin perder consistencia.