alga_espirulina_responsive

Como hacer un sitio web

¿Alguna vez te has preguntado como empezar a diseñar tu sitio web? ¿Conoces la diferencia entre un sitio web y una página web? ¿Cuántas secciones debe tener mi sitio web?

Be Original México siempre cuida mucho los aspectos que debe tener un sitio web. Por eso nos basamos en 3 puntos principales para el desarrollo web de cualquier sitio o página web.

  1. Estructura
  2. Navegación
  3. Diseño

Estructura

Lo primero que se debe conocer es la diferencia entre una página web y un sitio web. Muchas veces se usa de manera incorrecta el término de página web para referirse a un sitio web. Un sitio web es el contenedor de varias páginas web que se enlazan y tienen relación entre si.

El siguiente punto a tomar es la estructura del sitio web (contenidos). Pocas veces nos encontramos con el cliente que ya tiene el material exacto que requerimos para trabajar sin interrupciones y entregar un excelente proyecto. Aquí debemos tomar en cuenta que LA GRAN MAYORÍA de clientes no tienen la información completa para poder trabajar de esta manera.

Preguntas para el cliente (ejemplo):

¿Qué hace la empresa

¿Cuál es mi mercado?

¿Busco darme a conocer con más clientes?

¿Busco vender u ofrecer servicios o productos en internet?

¿Quiero promocionar mis servicios en la web para atraer más clientes?

¿Quiero que la gente conozca mi marca?

¿Quiero que mi sitio web interactúe con los clientes?

¿Busco que haya contenido relevante y actualizado para ellos?

 

Nota: Ayuda mucho tener un cuestionario con todos los puntos que se necesitan y que el cliente lo llene con el contenido que requiere.

Navegación 

Teniendo toda la información que el cliente quiere dar a conocer y conociendo características especiales que se desean, procedemos a realizar o trazar la navegación del diseño y definir secciones.

Un sitio web con una navegación clara e intuitiva se convierte en un gran atractivo para el posible cliente. Estadísticas han comprobado que a un cliente le toma de 5 a 10 segundos saber si el sitio web que están visitando contiene el servicio, producto o información que se encuentra buscando.

Be Original México recomienda para personas que van iniciando en el diseño web que antes de maquetar hagan un diagrama de cómo funcionaria su sitio web y delimitar el tipo de navegación que se llegue a implementar.

Los objetivos de un buen sistema de navegación constan de lo siguiente:

  • Facilidad para ir de un sitio a otro dentro la web.
  • Navegación clara, concisa y consistente.
  • Reflejar la arquitectura del sitio web dentro del sistema de navegación.
  • Facilitar el volver a la página web rápidamente.

Sistemas de navegación

  • Menús (Verticales y horizontales): Es considerada como el corazón de la página web. Gracias a estos elementos el usuario puede navegar de manera interna por todo el sitio web.
  • Buscadores internos: Bastante útiles si el sitio web es extenso y contiene un sistema de blog o noticias.
  • Site Maps (Mapas de sitio): Es una página interna que contiene un listado con todas las páginas que llega a contener un sitio web. Su orden es jerárquico y se puede visualizar en un árbol sinóptico.

Nota: Un buen Site Map pueden ayudar al SEO (Optimización en motores de búsqueda) de un sitio web.

 

“En Be Original México nos especializamos en el posicionamiento web por SEO (Optimización en motores de búsqueda) y SEM (Mercadotecnia en motores de búsqueda). Si te interesa que desarrollemos una campaña de marketing digital ingresa a la sección de contacto o te esperamos en Centro Sur #98, Querétaro, México Teléfono 01800 821 2980. 

Servicios de: Producción Diseño gráfico, multimedia, desarrollo Web, social media, producción de eventos, marketing convencional y digital, Relaciones públicas y comunicaciones.”

 

Sugerencias para secciones dentro de un sitio web:

  • Página de inicio
  • Página de servicios o productos
  • Contacto
  • Paquetes y promociones
  • Testimonios y recomendaciones de clientes
  • F.A.Q. (Preguntas frecuentes)
  • Artículos o noticias
  • Newsletters
  • Garantías o sección de soporte
  • Encuestas
  • Mapa del sitio
  • Información de Copyright
  • Tienda online
  • Aviso de privacidad
  • Portfolio
  • Mapas

Diseño

Teniendo ya bien definido los dos primeros puntos (Estructura y navegación), procedemos con el punto visual. Tenemos la libertad de desarrollar varios bocetos e incluso ver páginas del mismo giro comercial para inspirarse (Ojo no copies contenido, solo toma la base y has algo de tu propio intelecto).

Para el diseño debes tomar en cuenta:

  • Imágenes que se utilizarán en el sitio web (gráficos, banner, fotografías, logos, etc.)
  • Tipografías (Ojo verifica que la tipografía sea websafe o utiliza un sistema de importación de tipografías web Fontace o Google Fonts)
  • ¿Qué dimensiones o medidas son las ideales para hacer un sitio web?  Esta es una pregunta muy común al inicio de nuestra carrera. Sin embargo no existe una respuesta precisa. En los últimos años han venido surgiendo diferentes medidas de monitor, teléfonos y preferencias visuales de exploradores. Lo más recomendado es implementar responsive design (diseño resonsivo), sino tienes conocimiento de esta tecnología puedes manera una medida estándar de 960px de ancho y de alto puede ser entre 500px en adelante.

 

“En Be Original México somos apasionados del desarrollo web. Trabajamos con la mejor tecnología utilizando html5 y css3. Si te interesa que proyectemos tu marca por todo internet ingresa a la sección de contacto o te esperamos en Centro Sur #98, Querétaro, México Teléfono 01800 821 2980. 

Servicios de: Producción Diseño gráfico, multimedia, desarrollo Web, social media, producción de eventos, marketing convencional y digital, Relaciones públicas y comunicaciones.”