Mobile���Fashion���Blogging

Carlos Otero Barros Socio Director Colímera Consultores SL

Dos ���momentos���que justifican ���mi presencia aquí (APARTE  DE  DE  MIS  HONARIOS,  CLARO...)  

THE INTERNET CONVENIENCE MACHINE

Evan Williams Emprendedor en serie y blogger Cofundador de Blogger, Twitter, Mention

h5p://www.wired.com/business/2013/09/ev-­‐williams-­‐xoxo/  

EL ABUELO PAINT-OR

Hal Lasko Artista digital desde hace 13 años Usuario de Microsoft Paint

h5p://www.wired.com/underwire/2013/10/pixel-­‐painter-­‐ms-­‐paint/  

El fashion blogging���es conveniente y���técnoanticuado

DESDE  EL  CARIÑO  LO  DIGO  

QUÉ QUIERO CONTAROS

1.  Por  qué  estáis  tecnoanUcuadas  2.  Cuán  relevante  es  Mobile  3.  Cómo  os  podéis  actualizar  4.  Más  allá  de  la  web  

ESTÁBAMOS TAN A GUSTITO . . .

ÉSTO ES LO QUE DEBERÍAMOS VER . . .

PERO ESTO ES LO QUE VEMOS EN ���LOVELY PEPA

Font  pequeño   Imágenes  grandes  y  pesadas   Necesidad  de  panning  

PERO ESTO ES LO QUE VEMOS EN ���B A LA MODA

Font  ilegible   Layout  no  lineal  Imagen  lucida  

PERO ESTO ES LO QUE VEMOS EN ���1 SILLA PARA MI BOLSO

Margen  desaprovechado   Layout  muy  complejo   Texto  ilegible  Splash  adecuado  

PERO ESTO ES LO QUE VEMOS EN ���EL BLOG DE BÁRBARA CRESPO

Font  pequeño   Bordes  confusos  Adecuado  

PERO ESTO ES LO QUE VEMOS EN ���STYLE LOVELY

Font  ilegible   Menú  inusable   Layout  confuso  Margen  desaprovechado  

GOOGLE���ANALYTICS ?

Todos  las  bloggers  usan  Google  Analy1cs    ¿Habéis  medido  qué  porcentaje  de  visitas  vienen  de  Mobile?  

QUÉ PUEDO SABER CON ANALYTICS

•  De  dónde  vienen  mis  lectores  (geograaa)  •  Si  navegan  desde  un  PC,  smartphone  o  tableta  •  Qué  sistemas  operaUvos  usan  •  Qué  navegadores  usan  •  El  Upo  de  conexión  (ISP)  con  que  se  conectan  a  Internet  •  etc.  

TIEMPO DE���CARGA?

Los  1empos  de  carga  son  grandes  en  web  pero  intolerables  en  mobile    ¿Quizá  haya  que  repensar  la  estrategia  fotográfica?  

Cómo se ���está preparando���la industria���para Mobile

LAS MARCAS CON MÁS INTELIGENCIA DIGITAL (L2 THINK TANK)

Fuente:  L2  Think  Tank  

LAS GRANDES MARCAS HAN COMENZADO���A CREAR SITIOS ADAPTADOS A MOBILE

Fuente:  L2  Think  Tank  

Y CON CIERTA SOFISTIFICACIÓN

Fuente:  L2  Think  Tank  

PUSH, PUSH Y MÁS PUSH!!!���EL EMAIL NO HA PASADO DE MODA NI MUCHO MENOS

Fuente:  L2  Think  Tank  

LOS QUE CREEN QUE EMAIL MARKETING ESTÁ MUERTO���DEBERÍAN VER ÉSTO. . .

Fuente:  Mailchimp  h5p://mailchimp.com/resources/research/email-­‐markeUng-­‐benchmarks/  

Pero no os preocupéis,���no sois las únicas���no adaptadas...

LAS GRANDES MARCAS HAN COMENZADO���A CREAR SITIOS ADAPTADOS A MOBILE

Fuente:  Modaes.es  

PERO NO TODAS LAS MARCAS . . .

Font  ilegible  Buscador  inusable  

Menú  inusable   Layout  inúUl  Layout  inadecuado  Font  ilegible  

Imagen    esquinada  

Por qué te ���tiene que preocupar���Mobile

ESPAÑA LIDERA LA ADOPCIÓN DEL SMARTPHONE

66% de los españoles usan smartphones en 2012

COMPARACIÓN CON INTERNAUTAS E INTERNAUTAS E-COMPRADORES

Fuente:  Estudio  de  comercio  electrónico  B2C  en  España,  ONTSI  (2012)  

33% de los españoles hacen comercio electrónico en 2011

(Re)diseñar���el blog para hacerlo���adaptativo

DISEÑO ADAPTATIVO O RESPONSIVE DESIGN

Técnica  de  diseño  y  desarrollo  web  que  mediante  el  uso  de:  –  layouts  fluidos  –  imágenes  rescalables  –  media-­‐queries  o  consultas  dinámicas  sobre  tamaño  de  pantalla  –  diversas  hojas  de  esUlo  CSS  –  hojas  de  esUlo  adaptables  

consigue  adaptar  el  siUo  web  a  la  resolución  y  tamaño  del  disposiUvo  del  usuario.  

ETHAR MARCOTTE EN A LIST APPART

MEDIUM���ES RESPONSIVE���DESIGN

h5ps://es.menUon.net/  

Aumenta  el  font  

Logo  permanece  

Las  imágenes  se  autoajustan  

TALLER RESPONSIVE MOBILE

Responsive  100%  •  h5ps://medium.com/in-­‐the-­‐mind-­‐of-­‐fashion/a6bc858f86ad  •  h5ps://medium.com/business-­‐of-­‐fashion  •  h5ps://medium.com/global-­‐studies/70ccf94c1987    Responsive  parcial  •  h5p://hearUi.com/2012/08/03/how-­‐much-­‐does-­‐it-­‐cost-­‐to-­‐be-­‐a-­‐fashion-­‐

blogger/  

Fuente:  L2  Think  Tank  

Vale, me convenciste...���¿Cómo lo hago?

RESPONSIVE DESIGN GRATUITO���

•  h5p://html5up.net/  

Wordpress  •  h5p://www.hongkiat.com/blog/free-­‐responsive-­‐wordpress-­‐themes/    Blogger  •  h5p://www.jhonurbano.com/2013/04/templates-­‐responsive-­‐design-­‐

blogger-­‐graUs.html  

Tumblr  •  h5p://responsivewebdesigns.tumblr.com/  

Más allá ���de la web

WP���SOBRE IOS

WP���SOBRE IOS

BLOGGER���SOBRE IOS

BLOGGER���SOBRE IOS

ABOUT. ME���EL HUB DE LA IDENTIDAD EN INTERNET?

ABOUT. ME

Fuente:  L2  Think  Tank  

ABOUT. ME

Fuente:  L2  Think  Tank  

Microvídeo

MASSIMO DUTTI

Massimo  Duj  reconvierte  las  dos  fotos  de  frente  y  medio  perfil  en  un  microvídeo  de  2  escenas  

h5p://www.massimoduj.com/webapp/wcs/stores/servlet/category/dujes/es/30220002/728025/VesUdos  

HOSS

Hoss  ensaya  el  microvídeo  en  su  Uenda  on-­‐line,  siempre  bajo  demanda.  

h5p://www.hossintropia.com/es/es/catalogo/p/camisas-­‐-­‐blusas/51734-­‐1?temps=399,400#  

VINE

Fuente:  L2  Think  Tank  

VINE

Fuente:  L2  Think  Tank  

VINE

Fuente:  L2  Think  Tank  

VINE EN ACCIÓN

16  Fashion  Bloggers  experimentando  con  Vine  h5p://hearUi.com/2013/06/19/the-­‐16-­‐freshest-­‐fashion-­‐bloggers-­‐on-­‐vine/    

¡GRACIAS! Seguimos en contacto en: E carlos@coterobarros.com fb coterobarros in coterobarros tw @coterobarros