Presentación de la ponencia realizada por Carlos Otero Barros @coterobarros en el evento EcomFashionBloggers (sábado 5 de octubre de 2013)

1. Mobile
Fashion
Blogging
Carlos Otero Barros
Socio Director
Colímera Consultores SL

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

3. 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/

4. 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/

5. El fashion blogging
es conveniente y
técnoanticuado
DESDE
EL
CARIÑO
LO
DIGO

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

7. ESTÁBAMOS TAN A GUSTITO . . .

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

9. PERO ESTO ES LO QUE VEMOS EN
LOVELY PEPA
Font
pequeño
Imágenes
grandes
y
pesadas
Necesidad
de
panning

10. PERO ESTO ES LO QUE VEMOS EN
B A LA MODA
Imagen
lucida
Font
ilegible
Layout
no
lineal

11. PERO ESTO ES LO QUE VEMOS EN
1 SILLA PARA MI BOLSO
Margen
desaprovechado
Layout
muy
complejo
Splash
adecuado
Texto
ilegible

12. PERO ESTO ES LO QUE VEMOS EN
EL BLOG DE BÁRBARA CRESPO
Font
pequeño
Adecuado
Bordes
confusos

13. PERO ESTO ES LO QUE VEMOS EN
STYLE LOVELY
Font
ilegible
Margen
desaprovechado
Menú
inusable
Layout
confuso

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

15. 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.

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

17. Cómo se
está preparando
la industria
para Mobile

18. LAS MARCAS CON MÁS INTELIGENCIA DIGITAL (L2 THINK TANK)
Fuente:
L2
Think
Tank

19. LAS GRANDES MARCAS HAN COMENZADO
A CREAR SITIOS ADAPTADOS A MOBILE
Fuente:
L2
Think
Tank

20. Y CON CIERTA SOFISTIFICACIÓN
Fuente:
L2
Think
Tank

21. PUSH, PUSH Y MÁS PUSH!!!
EL EMAIL NO HA PASADO DE MODA NI MUCHO MENOS
Fuente:
L2
Think
Tank

22. LOS QUE CREEN QUE EMAIL MARKETING ESTÁ MUERTO
DEBERÍAN VER ÉSTO. . .
h5p://mailchimp.com/resources/research/email-­‐markeUng-­‐benchmarks/
Fuente:
Mailchimp

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

24. LAS GRANDES MARCAS HAN COMENZADO
A CREAR SITIOS ADAPTADOS A MOBILE
Fuente:
Modaes.es

25. PERO NO TODAS LAS MARCAS . . .
Font
ilegible
Buscador
inusable
Layout
inadecuado
Font
ilegible
Menú
inusable
Layout
inúUl
Imagen
esquinada

26. Por qué te
tiene que
preocupar
Mobile

27. ESPAÑA LIDERA LA ADOPCIÓN DEL SMARTPHONE

28. 66%
de los españoles usan
smartphones en 2012

29. COMPARACIÓN CON INTERNAUTAS E INTERNAUTAS E-COMPRADORES
Fuente:
Estudio
de
comercio
electrónico
B2C
en
España,
ONTSI
(2012)

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

31. (Re)diseñar
el blog para
hacerlo
adaptativo

32. 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.

33. ETHAR MARCOTTE EN A LIST APPART

34. Logo
permanece
Aumenta
el
font
MEDIUM
ES RESPONSIVE
DESIGN
Las
imágenes
se
autoajustan
h5ps://es.menUon.net/

35. 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

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

37. 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/

38. Más allá
de la web

39. WP
SOBRE IOS

40. WP
SOBRE IOS

41. BLOGGER
SOBRE IOS

42. BLOGGER
SOBRE IOS

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

44. ABOUT. ME
Fuente:
L2
Think
Tank

45. ABOUT. ME
Fuente:
L2
Think
Tank

46. Microvídeo

47. 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

48. 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#

49. VINE
Fuente:
L2
Think
Tank

50. VINE
Fuente:
L2
Think
Tank

51. VINE
Fuente:
L2
Think
Tank

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

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