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).
  4. Animaciones del sitio web. Transiciones o efectos sobre texto, imágenes, banners o efectos especiales que desees agregar a tu sitio web. Aquí puedes consultar una guía.

Elementos gráficos

  1. Logotipo de la empresa, producto o servicio: En formato PNG o Webp dimensión máxima: 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: Webp o videos en Webm.

Información del sitio

  1. Información de tu producto o servicio. Responde a la pregunta ¿qué información debe saber las personas que visitan tu sitio web?
    1. Propuesta de valor.
    2. Beneficios de tus productos o servicios.
    3. Costos.
    4. Portafolio de servicios.
    5. Llamada a la acción (Call to action).
  2. Mide tu campaña de Facebook: Para poder medir la efectividad de tu campaña publicitaria en Facebook, debemos vincular tu sitio web con tu campaña publicitaria. Para obtener tu código de Faceboom sigue la 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.
  3. Análisis de navegación (Google Analytics). Para obtener la demografía de los usuarios que visitan tu sitio web, medir conversiones y optimizar tus campañas publicitarias. Para obtener tu código de Google, sigue la  Guía de obtención de ID de Google Analytics:.
  4. Formulario de obtención de datos. Define el “Call-to-action” de tu sitio web. ¿Qué deseas que hagan tus usuarios en tu sitio web?:
    1. Enviar sus datos de contacto. 
    2. Compra tu servicio o producto.
    3. Cotiza tu servicio.
    4. Suscríbete a mi boletín (Email Marketing).