SlideShare una empresa de Scribd logo
1 de 38
Descargar para leer sin conexión
Cómo aplicar
el branding de
tu cliente a su
WooCommerce
¡HOLA!
Mi nombre es Ana Cirujano
#WCMEX2020
Diseñadora WordPress UI/UX freelance
Formadora en 3ymedia.school
Tu tienda online
expresa tu marca
#WCMEX2020
La paleta
de color
#WCMEX2020
La tipografía
#WCMEX2020
Las imágenes
#WCMEX2020
Fotos, vídeos, ilustraciones, iconos, fondos, texturas,
animaciones, GIFs...
El layout
#WCMEX2020
El tono de
comunicación
#WCMEX2020
Cuenta tu historia
#WCMEX2020
La experiencia
del cliente
#WCMEX2020
¡Gracias!
¿Tienes preguntas?
● @acirujano
● anacirujano.com
● 3ymedia.school
#WCMEX2020

Más contenido relacionado

Más de Ana Cirujano

Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intentoDiseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intentoAna Cirujano
 
Elige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webElige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webAna Cirujano
 
Mejora la UX y la WPO de tu web con un plugin de fuentes variables
Mejora la UX y la WPO de tu web con un plugin de fuentes variablesMejora la UX y la WPO de tu web con un plugin de fuentes variables
Mejora la UX y la WPO de tu web con un plugin de fuentes variablesAna Cirujano
 
Ahorra tiempo y no diseñes desde cero
Ahorra tiempo y no diseñes desde ceroAhorra tiempo y no diseñes desde cero
Ahorra tiempo y no diseñes desde ceroAna Cirujano
 
Better UX and WPO using variable fonts in WordPress
Better UX and WPO using variable fonts in WordPressBetter UX and WPO using variable fonts in WordPress
Better UX and WPO using variable fonts in WordPressAna Cirujano
 
Cómo acertar al elegir el tipo de letra de tu web
Cómo acertar al elegir el tipo de letra de tu webCómo acertar al elegir el tipo de letra de tu web
Cómo acertar al elegir el tipo de letra de tu webAna Cirujano
 
Llamar a la acción, a la emoción y a la sensación
Llamar a la acción, a la emoción y a la sensaciónLlamar a la acción, a la emoción y a la sensación
Llamar a la acción, a la emoción y a la sensaciónAna Cirujano
 
Variable fonts: the future of web design
Variable fonts: the future of web designVariable fonts: the future of web design
Variable fonts: the future of web designAna Cirujano
 
Deja de abusar de Photoshop: trata las imágenes con CSS
Deja de abusar de Photoshop: trata las imágenes con CSSDeja de abusar de Photoshop: trata las imágenes con CSS
Deja de abusar de Photoshop: trata las imágenes con CSSAna Cirujano
 
Ortotipografía para WordPress
Ortotipografía para WordPressOrtotipografía para WordPress
Ortotipografía para WordPressAna Cirujano
 
¿Cómo se diseña una web y cuánto cuesta?
¿Cómo se diseña una web y cuánto cuesta?¿Cómo se diseña una web y cuánto cuesta?
¿Cómo se diseña una web y cuánto cuesta?Ana Cirujano
 
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
Ana Cirujano: Fuentes variables, el futuro de la tipografía webAna Cirujano: Fuentes variables, el futuro de la tipografía web
Ana Cirujano: Fuentes variables, el futuro de la tipografía webAna Cirujano
 
¿Puede la tipografía aumentar las ventas de tu tienda online?
¿Puede la tipografía aumentar las ventas de tu tienda online?¿Puede la tipografía aumentar las ventas de tu tienda online?
¿Puede la tipografía aumentar las ventas de tu tienda online?Ana Cirujano
 
Bloguero, cuidado con el lock-in
Bloguero, cuidado con el lock-inBloguero, cuidado con el lock-in
Bloguero, cuidado con el lock-inAna Cirujano
 
Mejora el diseño de tu web: Tipografía responsive
Mejora el diseño de tu web: Tipografía responsiveMejora el diseño de tu web: Tipografía responsive
Mejora el diseño de tu web: Tipografía responsiveAna Cirujano
 
Tipografía Responsive - WC Zaragoza 2018
Tipografía Responsive - WC Zaragoza 2018Tipografía Responsive - WC Zaragoza 2018
Tipografía Responsive - WC Zaragoza 2018Ana Cirujano
 

Más de Ana Cirujano (16)

Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intentoDiseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
 
Elige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webElige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu web
 
Mejora la UX y la WPO de tu web con un plugin de fuentes variables
Mejora la UX y la WPO de tu web con un plugin de fuentes variablesMejora la UX y la WPO de tu web con un plugin de fuentes variables
Mejora la UX y la WPO de tu web con un plugin de fuentes variables
 
Ahorra tiempo y no diseñes desde cero
Ahorra tiempo y no diseñes desde ceroAhorra tiempo y no diseñes desde cero
Ahorra tiempo y no diseñes desde cero
 
Better UX and WPO using variable fonts in WordPress
Better UX and WPO using variable fonts in WordPressBetter UX and WPO using variable fonts in WordPress
Better UX and WPO using variable fonts in WordPress
 
Cómo acertar al elegir el tipo de letra de tu web
Cómo acertar al elegir el tipo de letra de tu webCómo acertar al elegir el tipo de letra de tu web
Cómo acertar al elegir el tipo de letra de tu web
 
Llamar a la acción, a la emoción y a la sensación
Llamar a la acción, a la emoción y a la sensaciónLlamar a la acción, a la emoción y a la sensación
Llamar a la acción, a la emoción y a la sensación
 
Variable fonts: the future of web design
Variable fonts: the future of web designVariable fonts: the future of web design
Variable fonts: the future of web design
 
Deja de abusar de Photoshop: trata las imágenes con CSS
Deja de abusar de Photoshop: trata las imágenes con CSSDeja de abusar de Photoshop: trata las imágenes con CSS
Deja de abusar de Photoshop: trata las imágenes con CSS
 
Ortotipografía para WordPress
Ortotipografía para WordPressOrtotipografía para WordPress
Ortotipografía para WordPress
 
¿Cómo se diseña una web y cuánto cuesta?
¿Cómo se diseña una web y cuánto cuesta?¿Cómo se diseña una web y cuánto cuesta?
¿Cómo se diseña una web y cuánto cuesta?
 
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
Ana Cirujano: Fuentes variables, el futuro de la tipografía webAna Cirujano: Fuentes variables, el futuro de la tipografía web
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
 
¿Puede la tipografía aumentar las ventas de tu tienda online?
¿Puede la tipografía aumentar las ventas de tu tienda online?¿Puede la tipografía aumentar las ventas de tu tienda online?
¿Puede la tipografía aumentar las ventas de tu tienda online?
 
Bloguero, cuidado con el lock-in
Bloguero, cuidado con el lock-inBloguero, cuidado con el lock-in
Bloguero, cuidado con el lock-in
 
Mejora el diseño de tu web: Tipografía responsive
Mejora el diseño de tu web: Tipografía responsiveMejora el diseño de tu web: Tipografía responsive
Mejora el diseño de tu web: Tipografía responsive
 
Tipografía Responsive - WC Zaragoza 2018
Tipografía Responsive - WC Zaragoza 2018Tipografía Responsive - WC Zaragoza 2018
Tipografía Responsive - WC Zaragoza 2018
 

Último

INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxLeo Florez
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesLuis Fernando Salgado
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptxeldermishti
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....estefaniaortizsalina
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxEdisonCondesoDelgado1
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajadayannanicolzuluetab
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.Alessia_027
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulosRosarioLloglla
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkkscristinacastro892534
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 

Último (20)

INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 

Ana Cirujano: Cómo aplicar el branding de tu cliente a su WooCommerce