Embed Size (px)
Citation preview
CRISTINA HERNÁNDEZ BERNARDO
Más info y referencias en nuestra web
Periodista de formación, diseñadora por vocación y devoción.
Para más info
23,9%*Dato de Mayo de 2015: http://w3techs.com/
de las webs de todo el mundo usa Wordpress*
(Dato de Abril de 2015:netcraft.com)
849.027.856 webs
AD HOC FRAMEWORK PLANTILLA
OPCIONES PARA NUESTRO WP
LA MISMA BASE : DIFERENTES RESULTADOS
EL DISEÑO ¿IMPORTA?
75%evalúa la credibilidad de un sitio basándose en el
diseño web
QUE HABLEN LOS USUARIOS
68%no se fía de un sitio que no parece profesionalmente
diseñado
Fuente: “How Do People Evaluate a Web Site's Credibility? Results from a Large Study” Consumer Reports Web Watch by consumersunion.org
EL DISEÑO SE ENFRENTA A:
AL PRESUPUESTO A WORDPRESS AL CLIENTE (Y A UNO MISMO)
¿CÓMO GANAR LA
BATALLA?
¡PIZZA!
LAS WPPIZZAS
DI TUTTI
PRESUPUESTO AJUSTADO POCOS RECURSOS CIERTA URGENCIA
LA CHURRI
POCO PRESUPUESTO 0 MATERIAL PARA AYER
DI MAMA NAPOLITANA
DESARROLLO A MEDIDA RECURSOS DE CALIDAD
TIEMPO Y EQUIPO
NUESTRO MARGEN DE MEJORA
ANATOMÍA DE UNA WPPIZZA
TOPPING RECURSOS VARIOS2
(tipografía, grafismo, audiovisual…)
MASA WORDPRESS 1
(con todo su potencial y limitaciones)
SOPORTE RESPONSIVE4(multidispositivo)
FORMA TIPOS DE PÁGINA
3
(adecuada a los contenidos)
LA MASAPENSANDO EN WORDPRESS
PENSAR Y DISEÑAR POR MÓDULOSESTRUCTURA MODULAR
PRODUCTO/SERVICIO
PIE
MENÚ : SUBMENÚS, MEGAMENÚS, STICKY…
DESTACADO : SLIDESHOW, IMAGEN, VÍDEO…
: PRODUCTOS DE TIENDA,TRABAJOS, PERSONAS, CLIENTES…
POST+SIDEBAR : ENTRADA CLÁSICA
: SENCILLO, ENLACES, FORMULARIO, RRSS…
1 2 3 4
MASA TOPPING FORMA SOPORTE
1 2 3 4
ELEGIR NUESTRO/S MÓDULO/S CLAVE
MASA TOPPING FORMA SOPORTE
PARA DISTINGUIR NUESTRO WP:
MÓDULOS CLAVE POR TIPOS DE WEB
PORTALES GRANDES
EL MENÚ
TIENDAS ONLINE
PRODUCTOS
DIRECTORIOS
BUSCADOR Y RESULTADOS
BLOGS
POSTS
WEBS PRESENCIALES
SERVICIOS
AGENCIAS Y ESTUDIOS DE DISEÑO
¡TODOS!
1 2 3 4
MASA TOPPING FORMA SOPORTE
TOPPINGCOMBINANDO RECURSOS
1 2 3 4
MASA TOPPING FORMA SOPORTE
EXPRIMIR LOS RECURSOS
LO QUE QUEREMOS
LO QUE TENEMOS
LO QUE PODEMOS (YES WE CAN)
1 2 3 4
MASA TOPPING FORMA SOPORTE
FOTOS/VÍDEO AD HOC
IMAGEN DE MARCA E ICONOGRAFÍAS DEFINIDAS
TIPOGRAFÍAS PREMIUM
LO QUE QUEREMOS LO QUE TENEMOS
POCO MATERIAL, POCA CALIDAD O NADA
UN LOGO EN UN .DOC (100X100PX)
TIPO ¿QUÉ?
1 2 3 4
MASA TOPPING FORMA SOPORTE
RECURRIR A SETS DE ICONOS Y RECURSOS FREE
IMÁGENES GRATUITAS
INNOVAR EN LA TIPOGRAFÍA
PARA DISTINGUIR NUESTRO WP:
CON LO QUE TENEMOS, PODEMOS:
1 2 3 4
MASA TOPPING FORMA SOPORTE
• Usando imágenes gratuitas
• Gráficos simples • Tipografía de autor
“low cost”
Apitropik by
FORMAVER LAS POSIBILIDADES
1 2 3 4
MASA TOPPING FORMA SOPORTE
EL MEJOR CONTINENTE PARA NUESTRO CONTENIDO MÁS ALLÁ DE LAS PÁGINAS
PRESENCIAL PORTFOLIO BLOG
DÉMOSLE LA VUELTA
PARA DISTINGUIR NUESTRO WP:
1 2 3 4
MASA TOPPING FORMA SOPORTE
1 2 3 4
MASA TOPPING FORMA SOPORTE
ROMPIENDO LOS MOLDES (DE WP)
UN SLIDE
BLOG DE NOTICIAS
GALERÍA DE FOTOS
EL MENÚ ARRIBA
¡INTEGRA TU FLICKR!
¡PON UN MURO!
HAZ UN ICONO FIJO!
¡PON UN VÍDEO!
SOPORTEEL AMIGO RESPONSIVE
1 2 3 4
MASA TOPPING FORMA SOPORTE
SI ES RESPONSIVE, QUE SE NOTE.
¡TÁCTIL!LO MISMO NOVEDAD
BUSCAR EL DETALLE EN EL RESPONSIVE
PARA DISTINGUIR NUESTRO WP:
1 2 3 4
MASA TOPPING FORMA SOPORTE
1 2 3 4
MASA TOPPING FORMA SOPORTE
EL FOCO EN LA PRINCIPAL FUNCIÓN
CONTACTOS Y RESERVAS
OCIO Y NOTICIAS
TIENDAS Y DIRECTORIOS
LOG IN Y FORMULARIOS
MASA TOPPING FORMA SOPORTE1 2 3 4
MASA TOPPING FORMA SOPORTE
FOCO: FORMULARIO
grupoacha.com
Grupo Acha by
DOMINANDO LA RECETA…
MASA ESTRUCTURA WORDPRESS
TOPPING RECURSOS VARIOS
FORMA TIPOS DE PÁGINA
SOPORTE RESPONSIVE
¡EL DISEÑO GANA!
AL PRESUPUESTO A WORDPRESS AL CLIENTE (Y A UNO MISMO)
¡GRACIAS!(QUE LAS PIZZAS OS SALGAN BIEN)
2015
A vuestra disposición en: [email protected] o en la web
