Internet y el desarrollo del canal online, ha supuesto una auténtica revolución para cualquier negocio. Los nuevos hábitos de consumo han disparado las oportunidades de venta, dando lugar a la aparición cientos de miles de ecommerce destinados a la venta de productos y servicios a través de este canal. En este sentido, contar con los conocimientos necesarios para el creación y gestión de una tienda online será fundamental para posicionarse en el medio online y optimizar las conversiones. Pero lograr aumentar las ventas online requerirá, no solo del diseño y la programación de la plataforma, sino también de implementar una estrategia de marketing online la cual centre al consumidor potencial en el centro de toda la estrategia. Diseño web y marketing digital claves para tener éxito en el mercado online.
Esta formación está diseñada para aquellos profesionales del marketing online que desean adquirir los conocimientos necesarios para desarrollar un proyecto web orientado a la venta de productos y servicios en Internet, desde el diseño y creación del ecommerce pasando por su gestión y optimización para la venta.
Objetivos
Diseñar interfaces con una alta usabilidad.
Aprender el tratamiento y retoque digital de imágenes con Photoshop.
Realizar prototipados utilizando Adobe XD.
Diseñar páginas web utilizando los lenguajes HTML5 y CSS3.
Aplicar dinamismo al sitio web mediante Javascript y JQuery.
Establecer una estrategia de SEO para optimizar el posicionamiento del sitio web.
Aprender a gestionar un ecommerce.
Diseñar y gestionar la estrategia de social media.
Implementar la analítica web en el proyecto.
Salidas Profesionales
Con el Máster en Diseño Web y Marketing Online podrás posicionarte en el mercado laboral como Consultor de Marketing Online, Experto en Comercio Electrónico, Especialista en SEO y Analítica Web, Experto en Social Media, Experto en HTML5 y CSS3 o Especialista en Javascript y jQuery. Además te formará en la capacidad para el liderazgo, desarrollo y promoción de la venta online o mejora de la experiencia de usuario.
Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario
Atributos
Complejidad e importancia de la usabilidad
Pirámide de prioridades de la usabilidad
Mejoras de la usabilidad al producto final
Procesos y herramientas
Definición de Experiencia de Usuario
Principios de la Experiencia de Usuario
El papel del diseñador UX en el proceso de creación
Etapas del diseño UX
Técnicas para el diseño UX
Herramientas UX
¿Qué es el Diseño Centrado en el Usuario?
¿Para que sirve el Diseño Centrado en el Usuario?
Las metodologías del Diseño Centrado en el Usuario
El marketing centrado en el usuario
Aplicación del Diseño Centrado en el Usuario
Ejemplos del Diseño Centrado en el Usuario
Introducción
Un proceso multidisciplinar
La usabilidad aplicada
El ciclo diseño-investigación
Definición de Interfaz de Usuario - UI
Elementos de la interfaz de Usuario
Optimización de las interfaces de Usuario
Herramientas para el diseño UI
Diseño basado en las percepciones
Fundamentos del diseño de interacción
Moodboards
Qué es el IxD
Presentación
Novedades del programa
Tipos de imágenes
Resolución de imagen
Formato PSD
Formatos de imagen
Abrir y guardar una imagen
Crear un documento nuevo
Área de trabajo
Gestión de ventanas y paneles
Guardar un espacio de trabajo
Modos de pantalla
Prácticas
Barra menú
Barra de herramientas
Opciones de Herramientas y barra de estado
Ventanas de Photoshop I
Ventanas de Photoshop II
Zoom y mano y ventana navegador
Prácticas
Herramientas de selección
Herramienta marco
Opciones de marco
Herramienta lazo
Herramienta Varita
Herramienta de selección rápida
Herramienta mover
Sumar restar selecciones
Modificar selecciones
Prácticas
Herramientas de dibujo y edición
Herramienta Pincel
Crear pinceles personalizados
Herramienta lápiz
Herramienta sustitución de color
Herramienta pincel historia
Herramienta pincel histórico
Herramienta degradado
Herramienta bote de pintura
Prácticas
Herramientas de retoque y transformación
Herramienta recortar
Herramienta sector
Cambiar el tamaño del lienzo
Herramienta pincel corrector puntual
Herramienta ojos rojos
Tampón de clonar
Herramienta borrador
La Herramienta desenfocar
Herramienta sobreexponer y subexponer
Prácticas
Conceptos básicos de capas
El panel capas
Trabajar con capas I
Trabajar con capas II
Alinear capas
Rasterizar capas
Opacidad y fusión de capas
Estilos y efectos de capa
Capas de ajuste y relleno
Combinar capas
Prácticas
Herramientas de texto
Introducir texto
Cambiar caja y convertir texto
Formato de caracteres
Formato de párrafo
Rasterizar y filtros en texto
Deformar texto
Crear estilos de texto
Relleno de texto con una imagen
Ortografía
Herramienta máscara de texto y texto D
Prácticas
Herramientas de dibujo
Modos de dibujo
Herramienta pluma
Ventana trazados
Subtrazados
Convertir trazados en selecciones
Pluma de forma libre
Capas de forma
Herramienta forma
Prácticas
Reglas, guías y cuadrícula
Herramienta regla
Acciones
Filtros
Objetos inteligentes
Canales
Máscara rápida
Canales Alfa
Prácticas
Transformación de una imagen
Deformar un elemento
Tamaño de la imagen
Resolución imagen y monitor
Rollover
Los sectores
Tipos de sectores
Propiedades de los sectores
Modificar sectores
Optimizar imágenes
Guardar para web
Generar recursos de imagen
Prácticas
Impresión
Impresión de escritorio
Pruebas de color en pantalla
Perfiles de color
Imprimir una imagen
Preparación de archivos para imprenta
Prácticas
Fundamentos 3D
Herramientas de objeto y de cámara 3D
Creación de formas 3D
Descripción general del panel 3D
Prácticas
Capas de vídeo e importar vídeo
El panel Movimiento
Animación a partir de una secuencia de imágenes
Animaciones de línea de tiempo
Guardar y exportar
Prácticas
Introducción a Adobe XD
Instalación y configuraciones principales
Menú Herramientas
Generación de Artboards y guía
Ejercicios
Formas: creación, modificación, colores, gradiantes y paletas
Textos: propiedades, línea o área, alineación, color y estilos
Imágenes y exportación: importanción, modificaciones y exportación de artboards
Ejercicios
Organización de capas nombres y grupos
Bloqueo y fusión
Tipos de máscaras y aplicación en proyectos
Ejercicios
Alineación de elementos, márgenes y distribución de formas
Funcionalidad de repetición
Aplicación y configuración de componentes
Ejercicios
Creación y aplicación
Diseño de páginas
Prototipo
Adaptación a mobile
Ejercicios
Constantes y variables de una interfaz
Header, footer y menú
Botones y galerías
Ejercicios
Introducción
Entornos de Desarrollo
Navegadores
Introducción HTML
¿Cómo creamos documento HTML?
Características básicas
Introducción
Versión HTML
HTML
Head
Body
Textos en HTML
Enlaces
Listas en HTML
Imágenes y objetos
Tablas
Formularios
Marcos
Estructuras y layout
Otras etiquetas
Audio
Video
Animaciones
¿Qué es la Metainformación?
Accesibilidad
Validación
Introducción CSS
Soporte de CSS en navegadores
Especificación oficial
Funcionamiento básico de CSS
¿Cómo incluir CSS en la Web?
Estilo básico
Medios CSS
Comentarios
Sintaxis de la definición
Selectores CSS
Unidades de medida
Colores
Pseudoclases
Pseudo-elementos
Modelo de cajas
Propiedades de las cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualización
Posicionamiento
Visualización
En qué cosiste
Visualización: Display
Contenedores flexibles: flex e inline-flex
Orientación: flex-box, flex-direction y flex-wrap
La propiedad order
Alineación de los elementos flexibles
Soporte de los navegadores
Introducción
Keyframes
Subpropiedades de animación
Animaciones por pasos
Iteración
Curvas de animación
Propiedades animables
Crear y vincular hojas de estilos
Estructura
Propiedades CSS
Selectores
Posición y tamaño
Texto
Imágenes
Listas, tablas, formularios
Qué es un preprocesador CSS
Less
Sass
Introducción
Definición de Diseño Web Responsive
¿En qué consiste el diseño responsive?
Ventajas del diseño responsive
SEO y diseño responsive
Introducción
Programación del lado del cliente
Programación del lado del Servidor
¿Qué utilizaremos?
¿Qué necesita saber?
Nuestro primer ejemplo
La etiqueta SCRIPT
Contenido Alternativo
Variables
Tipos de Datos
Operadores
Cuadros de diálogo
Introducción
Estructuras de decisión
Estructuras lógicas
Estructuras de repetición
Definir funciones
Llamadas a funciones
Ámbito de las variables
Introducción
La jerarquía de objetos
Propiedades y Eventos
Métodos
¿Qué es un URL?
El Objeto Location
Redirigir a otra página
El Objeto History
Introducción
La propiedad Title
Los colores de la página
El método write
El conjunto images
Formularios HTML
El conjunto forms
La propiedad elements
Validar la información
¿Cuándo realizar la validación?
Tipos de Validación
El conjunto frames
El objeto navigator
El objeto screen
Introducción
Presentación
¿Cómo iniciar Jquery?
¿Dónde podemos documentarnos?
Herramientas necesarias
Introducción
Obteniendo JQuery
El núcleo de jQuery
Cargar Jquery desde Google
Novedades
Introducción
Selectores básicos en jQuery
Selectores de jerarquía
Filtros en Jquery
Introducción
Evento de carga de Página
Eventos en Jquery
El objeto Event
Todavía más Eventos de Jquery
Introducción
Operaciones sobre clases
Leer Atributos
Modificar Atributos
Modificar varios valores de atributos a la vez
Añadir atributos con Attr
Eliminar un atributos con removeAttr()
Introducción
Acceso a propiedades con css()
Modificar propiedades css con css(nombre_propiedad_css, valor)
Introducción
Conceptos Claves
Cargar un Archivo
El método GET o POST
Cargar un Script
El método AJAX de jQuery
Introducción
Formularios
Introducción
Los efectos show() y hide()
Efectos de fundido
Creación de una animación
Envío de funciones callback
Cola de efectos
Efectos con desplazamientos
Introducción
Instalación
Usando jQuery UI en nuestra página web
Plugin draggable
Componente Dialog
Componente Button
Plugins
Desarrollar Plug-ins
Añadir nuevos métodos abreviados
Parámetros del método
Otras funciones para plug-ins
Compartir un Plug-in
Estructura de una web
Análisis de metadatos
Elementos html
Hoja de estilo CSS
SEO en HTML
Introducción
Información útil, información fresa
Flash, el problema del invisible
Densidad de palabra clave
Long Tail, la larga cola de palabra clave
Marketing en internet: captando visitas
Introducción
Experiencia de usuario -UX
Diseño centrado en el usuario
Prototipado y diseño de interacción
Evaluación de Usabilidad
Funcionamiento del algoritmo de Google
Actualizaciones más relevantes
Posibles penalizaciones
Recomendaciones y buenas prácticas
Etiquetas meta name
Etiqueta meta description
Etiqueta meta Keyword
Etiqueta meta Robots
Etiqueta meta viewport
Etiqueta meta nosnippet
etiqueta meta http-equiv
Etiqueta Title
Herramientas para la optimización del SEO on Page
Qué es un plugin
Plugins para la optimización del SEO on Page
Cómo es un enlace entrante
Consideraciones de los enlaces entrantes
Análisis de enlaces
Otras consideraciones
Introducción al linkbuilding
Consideraciones importantes sobre linkbuilding
Principales técnicas de linkbuilding
Estrategia de linkbuilding natural
Introducción al linkbaiting
Marketing de Contenidos
Storytelling
Marketing viral
SEO local
Search y social media
SEO mobile
SEO internacional
Auditoría SEO
Consideraciones previas y herramientas clave
Estudio inicial
Auditoría SEO on Page
Auditoría SEO off Page
Informe de seguimiento
Blogs
Cómo hacer un blog en Wordpress
Plugins para optimizar el SEO en los blogs
Auge del comercio online
Tipos de eCommerce
Atención al cliente
Embudos de conversión
Casos de éxito
Principales plataformas
Gestión estratégica
Plataformas del código abierto
Introducción al Diseño Web
Accesibilidad
Usabilidad
Responsive Design
Home
Categorías
Fichas de Producto
Carrito de la compra y checkout
Principales herramientas
Confianza, privacidad y seguridad
Principales formas de pago
Ley de Ordenación del Comercio Minorista
Ley de Servicios de la Sociedad de la Información y del Comercio Electrónico (LSSI)
Reglamento General de Protección de Datos
Ley de Consumidores
SmartContracts
Concepto y evolución del Social Media
Tipos de redes sociales
La importancia actual del social media
Prosumer
Contenido de valor
Marketing viral
La figura del Community Manager
Social Media Plan
Reputación Online
Primero pasos con Facebook
Facebook para empresas
Configuración de la Fanpage
Configuración de mensajes: Facebook Messenger
Tipo de publicaciones
Creación de eventos
Facebook Marketplace
Administración de la página
Facebook Insights
Centro de cuentas, Facebook Business Suite, Facebook Business Manager
Introducción a Instagram
Instagram para empresas
Creación de contenido
Uso de Hashtags
Instagram Stories
Herramientas creativas
Colaboración con influencers
Principales estadísticas
Actualiaciones de instagram
Funcionalidades de la versión de pago
Introducción a X Corp.
Elementos básicos de X Corp.
X Corp para empresas
Servicio de atención al cliente a través de X Corp.
Contenidos
Uso de Hashtags y Trending Topic
X Corp. Analytics
TweetDeck
Audiense
Hootsuite
11. Funcionalidades de la versión premium
Introducción a LinkedIn
LinkedIn para empresas
Creación de perfil y optimización
Grupos
SEO para LinkedIn
Analítica en LinkedIn
LinkedIn Recruiter
Introducción a Youtube
Vídeo Marketing
Crear una canal de empresa
Optimización del canal
Creación de contenidos
Gestión de comentarios
Youtube Analytics
Youtube vs Vimeo
Keyword Tool
Youtube Trends
Introducción a Twitch
El éxito de Twitch
Generar suscriptores en Twitch
Contenidos y recomendaciones
Twitch e influencers
Streamlabs
Publicidad en Twitch
Seguimiento y medición de resultados
¿Qué es y cómo funciona Tiktok?
Creación de contenido en TikTok
Estrategias para ganar seguidores (hashtags, likes, challenges…)
El papel del marketing en Tiktok
Tiktok e influencers
Tiktok Ads
Introducción a Facebook Ads
Tipos de Campañas y objetivos publicitarios
Segmentación: públicos
Presupuesto
Formatos de anuncios
Ubicaciones
Administrador de anuncios
Seguimiento y optimización de anuncios
Pixel de Facebook
Cómo gestionar publicidad de Instagram desde el administrador de anuncios de Facebook
Objetivos publicitarios
Audiencias en X Corp
Tipos de anuncios
Administrador de anuncios
Creación de campañas y optimización
X Corp. Cards
Instalación código de seguimiento
Listas de remarketing
Introducción a LinkedIn Ads
Formatos de anuncios
Objetivos publicitarios
Creación de campañas
Segmentación
Presupuesto
Seguimiento y medición de resultados
Ventajas de la publicidad en Youtube
Youtube y Google Adwords
Tipos de anuncios en Youtube
Campaña publicitarias en Youtube con Google Adwords
Creación de anuncios desde Youtube
Introducción a TikTok Ads Manager
Creación de una campaña de publicidad en TikTok
Tipos de contenidos y herramientas clave
Seguimiento y monitorización de los resultados
Introducción a la analítica web
Funcionamiento Google Analytics
Introducción e instalación de Google Analytics
Interfaz
Métricas y dimensiones
Informes básicos
Informes personalizados
Comportamiento de los usuarios e interpretación de datos
¿Qué es Google Analytics 4?
Diferencias con respecto a Universal Analytics
Implementación de Google Analytics 4
Las herramientas de análisis de Google Analytics 4
Los espacios de identidad
Ventajas de Google Analytics 4
Desventajas de Google Analytics 4
Planes de medición
Configuración de las vistas mediante filtros
Métricas y dimensiones personalizadas
Seguimiento de eventos
Informes de visión general
informes completos
Compartir informes
Configuración paneles de control y accesos directos
Informes de Audiencia
Informes de Adquisición
Informes de Comportamiento
Campañas personalizadas
Realizar un seguimiento de las campañas con el Creador de URLs
Configuración y medición de objetivos
Cómo medir campañas de Google Ads
Analítica avanzada
Informes sin muestrear
Google BigQuery Export
Integraciones
Concepto y características
Gestión de etiquetas
Activadores y gestión de variables
Implementación y eventos
Tracking
Visualización de datos
Tipologías de gráficos
Fuentes de datos
Integración con Analytics
Creación de informes
Titulación
Titulación de Máster de Formación Permanente en Diseño Web y Marketing Digital con 1500 horas y 60 ECTS expedida por UTAMED – Universidad Tecnológica Atlántico Mediterráneo.