Pymes 2.0 - Modulo 1 Diseño Web 2.0
36
DISEÑO WEB 2.0 Ideas Creativas que Ayudan a Vender PRESENTACIÓN PARA EL PROGRAMA DE CAPACITACIÓN
description
El programa está dirigido a PyMEs, que estén interesadas en acceder a servicios de capacitación y asistencia técnica destinados a generar y/o fortalecer sus estrategias de promoción, marketing, comunicación y ventas a través de internet, y que cumplan con los requisitos de poseer número de cuit y estar facturando. Mejorando mi sitio web y comunicando mi empresa. Diseño: ideas creativas que ayudan a vender ¿Cómo debo pensar la estructura de mi sitio web para atraer a más clientes?
Transcript of Pymes 2.0 - Modulo 1 Diseño Web 2.0
DISEÑO WEB 2.0Ideas Creativas que Ayudan a Vender
PRESENTACIÓN PARA EL PROGRAMA DE CAPACITACIÓN
WEB 2.0Por donde empezar?
• Dominio
• Hosting
• Identidad
2 de
36
IDENTIDADDiseño Web 2.0
IDENTIDADIdeas Creativas que Ayudan a Vender
• Cómo veo a mi empresa?
• Cómo quiero que los demás vean a mi empresa?
• A quien quiero llegar?
4 de
36
ELEMENTOS DE COMUNICACIÓNELCOLOR
5 de
36
Ideas Creativas que Ayudan a Vender
ELEMENTOS DE COMUNICACIÓNLAFORMA
6 de
36
Ideas Creativas que Ayudan a Vender
ELEMENTOS DE COMUNICACIÓNLATIPOGRAFÍA
7 de
36
Ideas Creativas que Ayudan a Vender
ELEMENTOS DE COMUNICACIÓNLASIMÁGENES
8 de
36
Ideas Creativas que Ayudan a Vender
ELEMENTOS DE COMUNICACIÓNEJEMPLO
9 de
36
Ideas Creativas que Ayudan a Vender
WEB 2.0Ideas Creativas que Ayudan a
Vender
INTRODUCCIÓN
11de
36
WEB 2.0
El termino web 2.0 hace referencia a una serie de aplicaciones s y páginas web que utilizan la inteligencia colectiva para proporcionar servicios interactivos en red.
Permite a los usuarios, interactuar y colaborar entre sí como creadores de contenido generados por si mismos en una comunidad virtual, a diferencia de sitios web donde los usuarios se limitan a la observación pasiva de los contenidos que se ha creado para ellos.
WEB 1.0 vs WEB 2.0
12de
36
Un Gran Cambio
WEB 1.0• En su mayoría sólo de lectura• En 1996, 250.000 sitios
WEB 2.0• Dinámicas de lectura y escritura• En 2010 + de 95.000.000 sitios
INTRODUCCIÓN
13de
36
WEB 2.0
Ejemplos de Web 2.0 son las comunidades web, los servicios web, las aplicaciones, los servicios de red social, los servicios de alojamiento de videos, las wikis, blogs, mashups y falcsonomías.
ESTILOS GRÁFICOS
DISEÑOSIMPLEEl diseño es más sencillo y la navegación más dinámica.
14de
36
WEB 2.0
ESTILOS GRÁFICOS
CONTENIDOEN MÓDULOSDiseño con estructura de cabecera, columnas, barras laterales y píe de página.
15de
36
WEB 2.0
logomenú de navegación
identificación de secciones
menú > de > rastrosTÍTULO DE SECCIÓN
menúde
secciones
área de contenido
área de interacción
píe de página
ESTILOS GRÁFICOS
CABECERADESTACADAEn la cabecera generalmente aparece el logotipo y el menú de navegación.
16de
36
WEB 2.0
ESTILOS GRÁFICOS
TEXTOSGRANDESCon textos más cortos nos permite aumentar el tamaño del mismo. Facilita la asimilación del contenido. Transmitir ideas.
17de
36
WEB 2.0
ESTILOS GRÁFICOS
COLORESFUERTESLa utilización de colores fuertes logrará secciones claras y bien definidas. Facilitando la navegación al usuario.
18de
36
WEB 2.0
ESTILOS GRÁFICOS
19de
36
WEB 2.0
EFECTOS DEIMAGENLa utilización de sombras, degrades, colores brillantes, bordes redondeados, reflejos, volumen y sombras, destacan contenido.
ESTILOS GRÁFICOS
ICONOSGRANDESLa utilización de un correcto sistema iconográfico facilita la navegación del sitio web. Agregándole mayor dinamismo.
20de
36
WEB 2.0
DISEÑO A MEDIDAvs CMS
DISEÑO WEB A MEDIDA
22de
36
CARACTERÍSTICAS
• Requieren un diseño y desarrollo personalizado
• Demandan mayor tiempo de trabajo para el diseño, maquetado e implementación.
• Tiene un costo elevado de desarrollo.
• Las actualizaciones y modificaciones de diseño deben gestionarse por un diseñador web.
DISEÑO WEB A MEDIDA
23de
36
EJEMPLO
DISEÑO WEB A MEDIDA
24de
36
EJEMPLO
DISEÑO WEB A MEDIDA
25de
36
EJEMPLO
DISEÑO WEB CON CMS
26de
36
CARACTERÍSTICAS
• Se trabaja el diseño sobre la estructura de un template o plantilla. • Lleva menos tiempo de trabajo para el diseño, maquetado e implementación.• El costo de desarrollo es menor.• Requieren constantemente actualizaciones de nuevas versiones.• Son más flexibles a los cambios.• Constantemente se desarrollan nuevos módulos que permiten actualizar nuestra web de forma más rápida.
Ejemplos de CMS: Wordpress, Joomla, Drupal, Magento, Opencart, etc.
DISEÑO WEB CON CMS
27de
36
Sitio Web Desarrollado en Joomla: Web Organización de Eventos Nac. E Internac.
DISEÑO WEB CON CMS
28de
36
Sitio Web Desarrollado en Wordpress: Web de Consultora
DISEÑO WEB CON CMS
29de
36
Sitio Web Desarrollado en Wordpress: Blog de Noticias
DISEÑO WEB CON CMS
30de
36
Sitio Web Desarrollado en Wordpress, Eliminando la Estructura de Template
DISEÑO WEB CON CMS
31de
36
Sitio e-commerce Desarrollado en Joomla
DISEÑO WEB CON CMS
32de
36
Sitio e-commerce Desarrollado en MercadoShops
DISEÑO WEB CON CMS
33de
Sitio e-commerce Desarrollado en Magento
36
TIPS QUE MARCAN LA DIFERENCIA
34de
36
Pequeñas Acciones Grandes Cambios
• Ideas Creativas
• Tener en cuenta la percepción del cliente
• Estrategia y difusión
• Opciones para la interacción con los usuarios
• Diseño simple “Menos es Más”
• Correcta utilización de los recursos disponibles
CONSULTAS??
DISEÑO WEB 2.0Ideas Creativas que Ayudan a Vender
PRESENTACIÓN PARA EL PROGRAMA DE CAPACITACIÓN
MUCHAS GRACIAS!!
