i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad...

20

Transcript of i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad...

Page 1: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones
Page 2: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 1 de 18

Índice

¿Por qué usar nuestras plataformas? ………………………………………………… 2

¿Qué incluye nuestra solución? ………………………………………………… 3

¿Cuál es el costo de nuestro servicio? ………………………………………………… 4

¿Qué necesitamos para desarrollar un sitio? ………………………………………………… 5

¿Cómo desarrollamos un sitio web? ………………………………………………… 6

¿Cómo ofrecer nuestros sitios web? ………………………………………………… 7

¿Qué infraestructura ofrecen nuestras plataformas? ………………………………………………… 8

¿Cómo inicio la publicación de un sitio? ………………………………………………… 9

¿Cómo armo un sitio? ………………………………………………… 10

Configuración ………………………………………………… 11

Diseño ………………………………………………… 13

Páginas ………………………………………………… 14

¿Cómo debe funcionar un sitio web para un cliente? ………………………………………………… 18

Page 3: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 2 de 18

¿Por qué usar nuestras plataformas? Quienes diseñamos web estamos obligados a cumplir con los últimos requisitos de internet para ofrecer soluciones

funcionales. Si la tendencia online apunta hacia lo móvil, lo lógico es ofrecer sitios responsivos, amigables con buscadores y de

fácil actualización.

Contrario a lo que se pudiera suponer acerca del funcionamiento de los buscadores. Éstos NO buscan en toda la internet, sólo

dentro de sus propios directorios. Por ello, nuestras plataformas ya cuentan con la programación necesaria para indexarse a

buscadores, sin necesidad de programación o pruebas de conexión.

Un sitio web debe estar en constante renovación e incorporación de contenidos. No sólo para interesar a visitantes/usuarios,

también para conectarse asertivamente con buscadores y redes sociales que sirven como vías de tráfico para el sitio.

inStinto3.mx ofrece una solución en diseño web que permite reducir costos y tiempo para clientes con la necesidad de

presencia en internet que genere resultados a corto plazo.

Nuestras tres (3) ventajas competitivas:

Construimos sitios en menos de 6 DÍAS a partir de la información proporcionada por el cliente.

Podemos ofrecer actualizaciones ilimitadas de información e imágenes a solicitud del cliente, SIN COSTO EXTRA

durante la anualidad del servicio.

Estamos conectados directamente a los DIRECTORIOS DE GOOGLE. Lo que nos permite obtener retroalimentación de

buscadores y mejorar nuestros sitios constantemente.

Page 4: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 3 de 18

¿Qué incluye nuestra solución? Registro de un (1) dominio a nombre del cliente .COM, .NET o .ORG (Sujeto a Disponibilidad).

Diseño responsivo para cualquier dispositivo móvil.

Optimización de diseño acorde a la marca del cliente.

Interactividad de páginas ilimitadas.

Revisión y edición de los contenidos proporcionados por el cliente (copywriting).

SEO para principales buscadores (Google, Bing & Yahoo!).

Transferencia ilimitada de datos.

Buzones ilimitados en cantidad y capacidad (incluimos membrete electrónico en Webmail).

Certificado de Seguridad para Datos SSL.

Plataforma IMPACTMAIL de Email Marketing con 1000 envíos DE REGALO.

Inclusión de Redes Sociales proporcionas por el cliente.

Sistema SocialShare en cada página para compartir contenidos en las principales redes sociales.

Espejo para Facebook.

Widgets interactivos de Redes Sociales (Facebook, Twitter e Instagram).

Actualizaciones ilimitadas de información e imágenes a solicitud del cliente, durante la anualidad del servicio.

Posibilidad de expansión a e-commerce: Tienda Virtual o Catálogo de Productos (Ilimitados).

o Configuración de sistema de pagos con soporte Paypal y otros.

o Capacitación en E-Commerce y Plataforma de Ventas y Clientes.

Page 5: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 4 de 18

¿Cuál es el costo de nuestro servicio? TIPO DE SITIO Informativo E-commerce

INVERSIÓN $5,400 + IVA $7,200 + IVA

TIEMPO DE ENTREGA 6 días hábiles 9 días hábiles

RENOVACIÓN ANUAL CON ADMINISTRACIÓN WEB $5,400 + IVA $7,200 + IVA

RENOVACIÓN ANUAL SÓLO INFRAESTRUCTURA WEB $2,250 + IVA $2,250 + IVA

Todos los precios pueden cambiar SIN PREVIO AVISO, con base en la paridad PESO/DÓLAR.

Cualquier sitio informativo tiene la posibilidad de crecer a e-commerce, pagando la diferencia.

Nuestros sitios se construyen 100% online para que el cliente pueda ver el desarrollo de los mismos.

El Tiempo de Entrega inicia a partir del pago y la entrega de información solicitada al cliente.

Cualquier Renovación incluye: anualidad de dominio, plataforma, buzones de correo, tickets de soporte y soporte a

buscadores.

La Renovación con Administración Web adiciona el servicio de actualizaciones ilimitadas de información e imágenes a

solicitud del cliente y soporte técnico de LUNES A DOMINGO de 09:00 a 21:00 Hrs.

Contamos con Programa de Descuentos para clientes y precio preferenciales por Alianza Estratégica.

DECUENTOS PARA Clientes Directos Aliados Estratégicos

EN INVERSIÓN 5, 10 o 15% dependiendo mes de contratación 30%

EN RENOVACIÓN ANUAL CON ADMINISTRACIÓN WEB

5, 10 o 15% dependiendo mes de contratación 30%

EN RENOVACIÓN ANUAL SÓLO INFRAESTRUCTURA WEB

No Aplica Descuento 15%

Page 6: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 5 de 18

¿Qué necesitamos para desarrollar un sitio? 1. Dominio: proporcionarnos tres (3) opciones de dominio para verificar disponibilidad. O acceso al nombre de

dominio previamente contratado. El dominio debe registrarse a nombre del cliente final.

Para Persona Física necesitamos scan de Identificación Oficial.

Para Persona Moral requerimos scan de ID del representante legal y scan de la hoja dentro de acta constitutiva

que incluya el nombre de la empresa y el nombre del representante.

2. Logotipo: requerimos el Archivo Origen en curvas (.CDR, .AI .WMF o .EPS) para poder manipular la calidad para web

y avalar que el logo efectivamente pertenece al cliente. Del logo obtenemos los códigos HEXES de los colores

institucionales y la tipografía símil de marca.

3. Slogan o Lema de la empresa: Frases comerciales que utilicen para promocionarse o alguna publicidad que hayan

realizado con anterioridad, para establecer el discurso de marca.

4. Textos: Son lo más importante de todo. Contenidos textuales como: concepto de negocio, quienes somos, acerca de,

productos, servicios, testimoniales, etc. deben ser proporcionados por el cliente. inStinto3.mx da revisión en cuestión

de redacción y estilo para web, y hacemos algunas correcciones que ayuden a la lectura de las páginas.

5. Imágenes: Éstas deberán subirse a Google Drive en la carpeta creada para cada cliente. Todas deben incluir pie de

foto o breve descripción para poderse indexar correctamente.

6. Palabras clave: 30 palabras simples, 15 combinaciones (sujeto + adjetivo) y 9 frases de búsqueda, como base para la

matriz de índice necesaria para completar el registro en buscadores.

Page 7: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 6 de 18

¿Cómo desarrollamos un sitio web?

Registro de Dominio a Nombre del Cliente

Pago y Activación de Plataforma

Conexión vía DNS’s Dominio-Plataforma

Alta Buzones de Correo

Envío de Accesos

Envío Documentación: Registro de Dominio

Carta Confidencialidad

Guía de Interactividad

Guión de Contenidos

Inclusión de Normatividad

Armando y Publicación

Registro en Buscadores

Ajustes a solicitud del Cliente

Ajustes a solicitud de Buscadores

Page 8: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 7 de 18

¿Cómo ofrecer nuestros sitios web? Hoy día los sitios en internet son herramientas de mercadotecnia y ventas que ayudan a los clientes a concretar su

concepto de negocio para compartirlo y vender efectivamente. El sitio es fundamental para cualquier estrategia de

marketing digital, ya que en él se deben encontrar las declaraciones oficiales de la marca. Y legalmente, todo contenido

publicado bajo el dominio es propiedad de quién lo registra. Por ello el texto es lo más importante. El cliente debe poder

escribir su idea de empresa y/o concepto de negocio. Ya que será el mismo dará respuesta a toda la comunicación que el sitio

genere y deberá ser consistente con las declaraciones y propuestas de valor publicadas.

Actualmente, toda persona/usuario de internet investiga antes de decidir sobre compras de producto o contratación de

servicios. Antes de realizar el diseño visual del sitio, debemos revisar los textos del cliente para saber que ilustrar con imágenes y

gráficos. Muchos clientes batallan con sus textos, por ello te hacemos las siguientes recomendaciones:

Preséntate a tu cliente como cliente potencial, NO como proveedor. La tecnología nos hace olvidar que el elemento

primigenio de los negocios son las personas. Así como un cliente nos contrata para desarrollar una página web, nosotros

podemos consumir lo que el ofrece.

En la entrevista de proyecto puedes plantear el siguiente escenario: Si yo fuera su cliente, ¿qué necesitaría saber para

contactarle? Este breve cuestionamiento, permite al cliente pensar más allá de sus expectativas, ya que un sitio NO esta

pensando realmente para él sino para los clientes que esta buscando conseguir. Y a ti te permite conocer mejor al cliente

para ir por los resultados que realmente necesita.

Un ejercicio útil es solicitar una breve carta de presentación o información vía correo electrónico para un interesado. Nadie

conoce mejor una empresa cómo quién la lleva acabo, y es sorprendente lo que un cliente puede tener de texto en la

respuesta a clientes vía email, presentaciones power point u otros documentos previos a su idea de tener un sitio web.

Las redes sociales, el email marketing y el posicionamiento en buscadores son vías para llevar tráfico a un sitio, por lo que se

pueden ofrecer como soluciones adicionales o de seguimiento. Miles de sitios se publican diariamente por lo que estamos

obligados a diseñar sitios optimizados que permitan: hacer su trabajo a los buscadores, compartirse en redes sociales y ser el

destino de nuestras campañas de email marketing.

Page 9: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 8 de 18

¿Qué infraestructura ofrecen nuestras plataformas?

Soportan el apuntado de múltiples dominios.

Incluyen buzones de correo ilimitados en capacidad de almacenamiento y cantidad de cuentas.

Se pueden dar de alta cuentas de correos bajo cualquiera de los dominios apuntados.

Asignando un segundo dominio, es posible activar un hospedaje adicional con acceso vía FTP para archivos como

.PDFs, descargas para clientes, bases de datos para complementos PHP, etc.

Cuentan con sistema de tienda virtual para ventas (ordenes de compra y clientes), catálogo (productos, categorías y

atributos) y métodos de pago y envío.

Publicación de sitio con optimización inmediata, permite incluir la información exactamente donde el buscador la leerá

e incluir imágenes estandarizadas para web.

Ofrecen estadísticas de tráfico para obtener reportes.

Se actualizan de acuerdo a los requerimientos de buscadores.

Mejora continúa en velocidad de descarga y respuesta responsiva.

Contenido multimedia soportado:

o Videos de Youtube y Vimeo.

o Imágenes JPG, PNG y GIF (no animados).

o Contenido de los siguientes servicios: Instragram (publicación de foto), Facebook (plugin Page), Twitter

(timeline), SoundCloud, TripAdvisor y Ustream.

o Streaming de audio (radio on-line): A contratarse por separado.

No es necesario conocer de programación HTML y/o CSS para publicar contenidos y personalizar el diseño.

Page 10: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 9 de 18

¿Cómo inicio la publicación de un sitio? Antes de empezar a publicar el sitio, debemos determinar la Guía de Interactividad y el Guión General de Contenidos.

La Guía de Interactividad es la organización de las páginas

dentro del sitio. Ésta es importante compartirla con el cliente para

que indique la página exacta donde solicita cambios.

EJEMPLO: inStinto3.mx

Tanto la Guía de Interactividad y el Guión General de

Contenidos son de uso exclusivo de inStinto3.mx, ya que son

nuestras herramientas de administración de información para

poder ofrecer las actualizaciones a solicitud del cliente.

El Guión de Contenidos es dónde determinamos las

secciones de una página, los textos y las imágenes

correspondientes. Generalmente se desarrolla en paralelo

al armado y publicación del sitio. Es importante tenerlo ya

que permite identificar donde se requieren ajustes o

actualizaciones.

EJEMPLO: Novedades | Sección 1 | inStinto3.mx

Sitio: inStinto3.mx Página: http://www.instinto3.mx/#!/-novedades/ Secciones: 4 Sección 1. Landing Fondo: velocidadmovil.jpg (1440 x 900 px) Tag(KeyWordSeed): telefonía móvil de alta velocidad Texto Principal: Todas las tendencias de marketing digital apuntan hacia lo móvil. Por ello introducimos una solución competitiva en precio e infraestructura para que nuestros clientes puedan reducir costos de comunicación en sus negocios. Textos Secundarios: 1) Conoce los aspectos más importantes de la telefonía que recomendamos | Enlace Interactivo: Ancla=1 2) Contrata ahora mismo un plan y recibe tu chip activado con número nuevo o portado | Enlace Interactivo: Ancla=2 3) Obtén tu servicio GRATIS refiriendo el servicio a 5 personas | Enlace Interactivo: Ancla=3 Programación: Formulario | Solicitar Información Campos Requeridos: Nombre, Email, Plan de tu interés, ¿Qué requiere? Campos Opcionales: Dudas o comentarios.

hola

novedades concepto soluciones proyectos contacto

promociones

publicaciones

cotizaciones

diseño web

marketing digital

comunicación online

legales

soporte

IMPACTMAIL

INSTANTCLIC

SOCIAL MEDIA

privacidad

alianzas

Page 11: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 10 de 18

¿Cómo armo un sitio? A continuación, enlistaremos los elementos necesarios para poder armar y configurar un sitio web dentro de las plataformas

de inStinto3.mx Sólo nos enfocaremos a las partes correspondientes a Páginas, Diseño y Configuración, incluidas en la

sección de SITIO de la plataforma. Se aportan datos de estandarización, recomendaciones de publicación y limitaciones a

considerar para su correcto funcionamiento. La parte de Estadísticas ofrece información detallada sobre el tráfico del sitio y

permite entregar reportes de funcionamiento al cliente.

inStinto3.mx con la infraestructura web de i3Plataforma brinda la posibilidad de crear en la nube un sitio web mediante un

constructor online, cuya funcionalidad está limitada a las características ofrecidas y soportadas por su programación. Para

saber más acerca de este servicio, visite: http://www.instinto3.mx/#!/-legales/?ancla=9

Page 12: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 11 de 18

Si necesitas ayuda en la utilización de nuestra i3plataforma puedes solicitar soporte por las siguientes vías:

Vía correo electrónico

[email protected] LUNES A DOMINGO | De 09:00 a 21:00 Hrs.

Vía telefónica

TEL. (442) 2340217

MÓVIL. (442) 4269537

LUNES A VIERNES | De 11:00 a 17:00 Hrs.

Vía soporte en línea

HANGOUTS. [email protected] LUNES A VIERNES | De 11:00 a 17:00 Hrs.

WEB. instinto3.mx/#!/-alianzas/

LUNES A DOMINGO | De 09:00 a 21:00 Hrs.

Configuración

Información básica

Título del Sitio: Se mostrará en el encabezado de tu sitio y se utilizará como descripción para buscadores.

Eslogan: Éste mejorará el posicionamiento de tu sitio en buscadores.

Logo: Se mostrará en el encabezado del sitio y se utilizará como ícono de página (Favicon).

Sitio habilitado / en construcción: Permite deshabilitar la navegación en el sitio.

Datos de Contacto

Email: Dirección dónde llegarán los mensajes vía formularios de contacto. Tiene la opción de ocultarse en la sección Pie de Página del sitio.

Teléfono: Un (1) sólo campo para número fijo.

Whatsapp: Un (1) sólo campo para número móvil y/o de contacto vía whatsapp.

Skype: Un (1) sólo campo para número o correo de skype.

Ubicación: Ingresando una dirección podemos generar un enlace a Google Maps.

Redes Sociales: Permite incluir enlaces a redes oficiales como Facebook, Twitter, Google+, Instagram y Pinterest.

CódigoQR: Podemos incluir un QRcode para compartir más fácilmente la URL del sitio.

Cómo acceder a tu sitio

Incluye los dominios apuntados y enlace de construcción.

Puedes descargar el código QR para utilizarlo en impresos. Éste puede ser escaneado por dispositivos móviles para visitar más fácilmente el sitio.

Encabezado y pie de página

Acceso de usuarios registrados: Las plataformas se enfocan a conversiones, es decir, que están pensadas para promover el registro de los clientes. Podemos crear páginas de acceso restringido, a las cuales sólo podrá accesar los visitantes/usuarios que se hayan registrado.

Contador de visitas: Muestra un contador de visitar en la sección de Pie de Página que se puede configurar con el número inicial que necesitemos. Así mismo, ofrece tres (3) diseños de visualización.

Botones de acceso a Redes Sociales: sistema SocialShare que permite determinar dónde compartir cada página del sitio. Ofrece las opciones de: Facebook, Twitter, Google+, Pinterest, LinkedIn y

Page 13: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 12 de 18

WhatsApp que sólo aparece en la versión responsiva para móviles.

Mapa de sitio: determina el sitemap para Google y podemos elegir mostrarlo en la sección de Pie de Página.

Nota al pie: permite adicional información con diseño personalizado al Pie de Página.

Tu Sitio en Facebook

Aquí podemos crear el espejo del sitio en la página oficial de Facebook correspondiente. Esto ayuda a un visitante/usuario a navegar por el sitio sin necesidad de salir de Facebook.

Configuración Regional

Localización: Podemos elegir el país y la cantidad de decimales para mostrar el idioma y los precios de acuerdo a dónde en encuentre posicionado el cliente.

Política de Cookies: Activando esta opción podemos adecuarnos al correcto uso de Cookies en el país que hayamos determinado en la Localización.

Información Avanzada

Contamos con los siguientes recursos: Código Google Analytics, Google Webmaster Tools, Bing Webmaster Tools, Código Google Remarketing (beta), ChatOnline (contratación adicional), Formulario - Data fiscal (solo Argentina) y Código del pixel de Facebook. Los únicos que se configuran por default en cada plataforma son: Código Google Analytics y Google Webmaster Tools.

Alta en buscadores: Enlaces directos con el Alta en Buscadores para registrar el sitio en los directorios correspondientes, se incluye: GOOGLE, BING y YAHOO!

Page 14: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 13 de 18

Diseño

Edición Básica

FONDO: Permite cambio de color de fondo, color de texto general para todas las páginas del sitio y tener una imagen de fondo.

LOGO Y MARCA: Permite mostrar u ocular el logo, nombre y slogan del sitio, configurados previamente. La opción del logo no se incluye en todas las plantillas.

MENÚ: Permite alto de sección, imagen o color de fondo, color de texto general y del botón activo.

CABECERA: Permite alto de sección e imagen o color de fondo.

CUERPO: Sirve para reforzar el estilo determinado en FONDO.

TÍTULO: Permite alto de sección e imagen o color de fondo.

CONTENIDO: Refuerza CUERPO y FONDO.

PIE: Permite alto de sección, imagen o color de fondo, color de texto general y del botón activo. Así como configurar los botones del sistema SocialShare en conjunto.

Edición Avanzada

NO se incluye programación personalizada, ya que el código puede variar con la incorporación de futuras mejoras o actualizaciones, y volver inestable la plataforma en su visualización y vinculación con buscadores.

Plantillas Cada Plantilla, tiene un diseño que puede ser personalizado. Sin embargo, las secciones estructurales de MENÚ y PIE, NO pueden personalizarse del todo, ya que en ellas se encuentra la programación que hace responsivos a los sitios en nuestras plataformas. En MENÚ no podemos cambiar la distribución de los botones o la tipografía, ya que además están los códigos para ACCESO A CLIENTE y el CARRITO DE COMPRAS de ser activados. En PIE NO podemos cambiar ni color ni tipo de tipografía en la cual aparecen los datos de contacto. Pero a los íconos y botones les podemos asignar los colores que necesitemos. El Sistema SocialShare ya viene estandarizamos por ello solo podemos hacer cambio de color para todo el set de botones.

Page 15: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 14 de 18

Páginas Cada parte del armado de un sitio en esencial para que éste funcione. Sin embargo, la información sobre Páginas es la de

mayor interés para quienes desarrollamos web, puesto que en ellas es donde se sube la información que será propiamente

vista desde el explorador del visitante/usuario que entre al sitio. A continuación enlistamos las partes constituyentes de la

construcción de Páginas con algunas observaciones:

Información para Buscadores

Son los elementos de las Páginas que nos permiten incluir información para buscadores.

Título: Es el nombre de cada página, aparece como botón en el menú interactivo del sitio y constituye el descriptor final para la URL de cada página EJEMPLO: http://www.instinto3.mx/#!/-soporte/

Subtítulo: Éste mejorará el posicionamiento de tu sitio en buscadores, ya que ofrece las principales palabras claves de cada página en formato de frase.

Meta descripción: Aquí podemos ingresar la serie de palabras claves con las cuales queremos que se relacione en contenido de cada página. RECOMENDACIÓN: Para página generales de recomienda incluir de 3 a 9 términos separados por coma, mientras que para las página de aterrizajes dedicadas a conversiones se recomienda incluir de 15 a 30 palabras claves combinadas separando con comas cada combinación.

Elementos Arrastrables

Caja: Agrupa elementos, pero además puedes asignar color, imagen de fondo y otros atributos como animación.

Columnas: Divide un espacio en columnas y coloca elementos en cada una de ellas. Esencial para diseñar el orden de lectura y presentación de los contenidos.

Divisor Horizontal: Línea divisoria que separa contenidos como texto, imágenes y más. Ideal para indicar secciones dentro de una misma caja.

Separador Horizontal: Espacio transparente que separa contenidos, y permite espaciar elementos para mejorar la lectura de contenidos.

Slider: Crea banners y sliders de imágenes, videos y otros elementos, dentro de un mismo espacio.

Tarjeta: Permite crear dos contenidos que se revelan al pasar el mouse por encima estilo transición. Útil para identificar elementos interactivos.

Ancla: Permite puntos de fijación interactiva en el cuerpo de cualquier página. Permite hacer menús de funcionamiento vertical y generar interactividad entre secciones de una misma página o entre si.

Page 16: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 15 de 18

Título: Agrega un caja de texto de tipo título. Incluye programación para que los buscadores ya identifiquen como tal.

Subtítulo: Agrega una caja de texto de tipo subtítulo y permite a los buscadores identificarla como información relevante.

Párrafo: Agrega una caja de tipo párrafo con la posibilidad de modificar color, tipografía, tamaño e interlineado. Además de la tradicional justificación y estilos: negrita, cursiva, subrayado y tachado.

Texto Enriquecido: Agrega una cada de texto y personaliza el color, tamaño de tipografía y más desde el código HTML.

Botón: Agrega un link de tipo botón con efecto en el tamaño y estilo que requieras dentro de las opciones del mismo.

Imagen: Agrega una imagen y personaliza sus propiedades.

Video: Agrega videos desde YouTube y Vimeo a tu página, utilizando en enlace para compartir. Permite modificar caracteristicas básicas de presentación del video.

Video de fondo: Una caha con video de fondo para que incorpores texto y otros elementos teniendo el movimiento del video de fondo.

Mapa: Agrega un mapa a tu página con la unicación que desees mostrar con conexión a Google Maps.

Icono: Agrega iconos con la figura que más te guste y paersonaliza tu tamaño, color y más.

Emoji: Agrega iconos emotivos para hacer más amistosa algunas secciones de tus páginas. Incluye versiones estandar y de tipo twitter.

Galería de Imágenes: Crea una galería con diferentes efectos visuales, se puede elegir entra presentación tipo slider o grid.

Soundcloud: Inserta música de SoundCloud en tus páginas web con un simple URL o insertando código EMBED.

Ustream/TVonline: Agrega una transmisión de audio o video USTREAM. Es necesario tener cuenta de USTREAM. Incluye enlace a ejemplos.

Radio: El servicio de Streaming de Audio para contar con un Radio Online se ofrece adicional a nuestras plataformas, puedes solicitar costos en [email protected]

Facebok - Me Gusta: Herramienta de Facebook que tus visitantes compartan y den ME GUSTA a tu página.

Facebook - Comentarios: Herramienta de Facebook para agregar comentarios de tus visitantes en tu página y se enlaces con sus perfiles de Facebook.

Facebook - Page: Widget interactivo para agregar el stream de publicaciones de tu página (NO PERFIL) oficial de Facebook. Sirve de enlace directo entre el sitio y la red social.

Twitter - Línea de Tiempo: Herramienta de Twitter para agregar una línea de tiempo en tu página.

Instagram: Agrega imágenes y videos de Instagram en tus páginas para crear interconectividad fácil de seguir para el usuario/visitante.

Compartir Social: Sistema SocialShare que puedes incluir un cualquier parte de sus páginas para que el usuario/visitante pueda compartirlas en las redes sociales más

Page 17: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 16 de 18

populares: Facebook, Twitter, Google+, Instagram, Pinterest y WhatsApp (esta última solo se visualiza en las versión responsiva para dispositivos móviles del sitio).

Tripadvisor: PlugIn para conectar el sitio con TripAdvisor. Es necesario contar con una cuenta en TripAdvisor.com

QR: Inserta el QRcode en cualquier parte de tu sitio para compartirlo sin necesidad de teclear el dominio.

Formulario de Contacto: Sistema prediseñado listo para utilizar. La información capturada en este formulario, llegará a la cuenta de correo principal que se haya registrado para el sitio.

Form. Email Marketing: Inserta un formulario de Suscripción a una lista de Email Marketing que puedes personalizar desde una plataforma IMPACTMAIL.

Formulario: Formulario vacío, diseñado para agregar los campos que se deseen.

Campo de Texto: Para arrastrar un sumar a los campos de cualquier formulario.

Campo de Texto Largo: Campo de texto con más espacio para mensajes, comentarios o preguntas que el usuario/visitante desee incluir.

Campo de Selección: Campo de opciones precargadas, estilo menú de opciones, para arrastrar dentro de un formulario.

Galería de Productos: Agregar productos/servicios ofertados en tu catálogo, siempre y cuando en sistema e-commerce de la Tienda Virtual este activado.

Iframe: Permite agregar programación especifica dentro del cualquier sección del cuerpo de una página.

Google Adsense: Inserta anuncios de Google Adsense con el objetivo de monetizar el sitio. Es necesario contar con una cuenta de Google Adsense y pasar las evaluaciones de Google.

Page 18: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 17 de 18

Lo indispensable en el diseño web de un sitio es la organización de contenidos para crear una experiencia satisfactoria y útil al usuario/visitante. Nuestra plataforma incluye diseños prearmados para el acomodo de contenidos, que se puede elegir de acuerdo al discurso y mensajes del concepto de negocio para cada cliente.

Portada: Una sección de portada ocupando toda la pantalla, con imagen de fondos, texto y botón.

Portada con Imagen: Una sección de portada ocupando toda la pantalla, con imagen de fondo, imagen secundaria, texto y botón.

Columnas sobre caja: Una caja con imagen de fondo, y bajo tres columnas levemente superpuestas a la caja.

Caja con frase: Una caja de ancho de la pantalla con una frase que se autotypea.

Slider Bienvenida: Un slider de Bienvenida con título, descripción y botón sobre una imagen de fondo.

Slider Bienvenida Ancho: Un slider de Bienvenida ocupando el ancho de la pantalla con título, descripción y botón sobre una imagen de fondo.

Columnas con Imágenes: 3 columnas imágenes y textos.

Listado con Imágenes: Una lista de elementos con imágenes y textos.

Formulario de Contacto: Un formulario de contacto con una imagen de fondo.

Formulario con mapa: Un formulario de contacto con datos adicionales y mapa.

Formulario con mapa y redes sociales: Un formulario de contacto con datos adicionales, mapa y social.

El Portapapeles permite almacenar elementos arrastables o grupo de éstos para utilizarlos en otras páginas del sitio. No es necesario arma todo de nuevo en cada página que constituta el sitio.

Elementos Invisibles

Permite elegir elementos o grupos de los mismos para mostrarse de acuerdo al dispositivo donde se este visualizando el sitio. Podemos tener programación no apta para dispositivos móviles, pero podemos elegir sólo mostrarla en ordenadores de escritorio.

Page 19: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones

i3Plataformas

Características del Servicio e Información sobre Diseño Web

.i3Plataformas

inStinto3.mx © 2017 Página 18 de 18

¿Cómo debe funcionar un sitio web para un cliente? Un sitio NO es una publicidad/anuncio en internet como muchos clientes llegan a creer. La idea de internet como una gran

sección amarilla es obsoleta desde hace más de una década. Los sitios son herramientas de mercadotecnia que ayudan al

cliente a llegar a su mercado meta y atraerlo para entablar interacciones que lleven a una venta.

Acorde a nuestra experiencia y constante actualización en desarrollo web, para que un sitio pueda funcionar como una

inversión para el cliente deben cumplir obligatoriamente con los siguientes 3 aspectos:

1. Normatividad: Si un sitio NO incluye la información legal que debe llevar, NO puede considerarse profesional. Además

que es un aspecto evaluado por buscadores e instancias reguladoras.

2. Optimización: Piensa en humanos, diseña para robots. La realidad es que los buscadores hacen la mitad del trabajo para

llevar tráfico a un sitio en internet, por ello contamos con sistemas amigables que pueden conectarse en un par de clic

con los principales buscadores. Sin embargo, para que esto funcione es necesario enfocarnos en los textos del sitio y

basar el diseño visual en éstos. El texto de un sitio contiene la propuesta de valor que ofrece el cliente y/o el discurso de

su marca, aún cuando los humanos hemos dejado de leer por “volvernos más visuales”, los robots o webcrawlers de los

buscadores SI LEEN y si nuestros textos son lo suficientemente trascendentes y valiosos para el lector, harán la diferencia

para que las páginas del sitio sean sugeridas como resultados de búsqueda.

3. Usabilidad: El usuario/visitante valorará un sitio cómodo de usar y visitar cuando éste facilite la lectura de textos,

descargue rápidamente y presente funciones sencillas. No recomendamos ofrecer diseños muy personalizados para el

cliente, ya que puede generar resultados sin necesidad de encarecer el servicio. El cliente debe utilizar el sitio como su

principal referencia de contacto y destino de todas las "llamadas a las acción" que realice en las diferentes vía de tráfico

como email marketing, redes sociales, etc.

Si el cliente de un sitio web desea el ROI | Retorno de Inversión de su sitio en internet, tiene que tener claro que debe usarlo,

actualizarlo y aceptar las optimizaciones sugeridas por buscadores. Recuerda que aún cuando el cliente tenga un expectativa

o idea sobre su sitio, TU ERES EL EXPERTO QUE HA CONTRATADO PARA ASESORARLE EN EL PROCESO.

Page 20: i3Plataformasis3server.net/i3plataforma.pdf · Guión de Contenidos Inclusión de Normatividad Armando y Publicación Registro en Buscadores ... poder ofrecer las actualizaciones