Guía para desarrollo de sitio web

Diseño

  1. Boceto general (versión móvil): Archivo en formato de imagen .jpg, .png o .PDF que despliegue por completo el sitio web y sus alcances gráficos. Se sugiere que el diseño de sitio web se proyecte de 568px de ancho por el proporcional de altura, de acuerdo a las secciones que desean incluirse. (Ejemplo: archivo adjunto mobile.pdf). 
  2. Boceto general (versión web): Archivo en formato .jpg, .png o .PDF que despliegue por completo el sitio web y sus alcances gráficos página por página (en caso de haber más de una). Se sugiere que el diseño de sitio web se proyecte de 1200px de ancho por el proporcional de altura, de acuerdo a las secciones que desean incluirse. (Ejemplo: archivo adjunto desktop.pdf).
  3. Descripción de funcionalidades dentro del sitio: Documento en .PDF que a manera gráfica y con indicaciones en texto describe para cada una de las páginas del sitio: efectos, funcionamiento del menú, enlace a otra parte del sitio, animación por carrusel de imágenes, otras animaciones, código hexadecimal de color correspondiente a la sección, tipografías y sus pesos y tamaños, formulario de registro o contacto con dirección a cuenta de e-mail, fórmulas matemáticas, etc. (Ejemplo: archivo adjunto indicaciones.pdf).

Elementos gráficos

  1. Logotipo de la empresa, producto o servicio: En formato .png. dimesiones máximo: 450px. y peso entre 500 y 700 Kb.
  2. Favicon: En formato .png o .ico. en tamaño (16×16 o 32×32)
  3. Paleta de colores institucionales de la marca, producto o empresa en formato hexadecimal. 
  4. Tipografía y fuentes: Enviar archivos de tipografía para títulos, subtítulos, menús, cuerpo de página, etc. (formato .ttf .otf o URL de fuente). Referencia: Google Fonts.
  5. Iconografía utilizada en diferentes secciones del sitio: En formato .png en tamaño de 32×32 px. Referencia a galerías de íconos como Flaticon o Fontawesome
  6. Archivos multimedia: imágenes, fotografías y/o videos, en formato imagen: .JPG, JPEG, .PNG, .GIF o enlaces de Youtube.

Documentos

  1. Información de cada sección, página o entrada del sitio en texto: En un documento .docx. En caso de haber mandado el diseño en .PDF este punto puede omitirse.
  2. Scripts: Pixel de seguimiento de Facebook y/o ID de Google Analytics (Opcional): Código que proporciona cada plataforma para incluir en tu sitio web. Desde la cuenta de Google o Facebook Business del cliente en un documento .docx o .pdf
    1. Guía de obtención de Facebook Pixel: Seguir hasta el paso 2 con la opción Otra persona hace cambios en mi sitio web  y copiar código en el documento a enviar.
    2. Guía de obtención de ID de Google Analytics: Seguir paso 1 y copiar código en el documento a enviar.
  3. En caso de contar con formulario. Definir:
    1. Campos a capturar. Nombre, correo electrónico y mensaje. 
    2. Cuenta de correo electrónico que recibirá los mensajes.