Diseopara

@vaneid

LucianaMonaco SeniorWebDesigner ID4YOUPartner|CreativeandArtDirector

qu es? cmoreconocerla?
cmolesirveaminegocio?

Interfaces2.0
Caractersticas funcionales de la web 2.0

Interfaces2.0
Caractersticas grficas de la web 2.0

Bordesredondeados Coloressaturadosybrillantes

Formasredondeadas

Iconografaconvolmen

Estructuramodular

Espacialidadhorizontal

Sitios a medida

(amedida)

DiseoyProgramacinnicos Costoelevadoalprincipio

Losupdaterequierenmstiempo

Esmenosflexiblealoscambiosdeprogramacinydiseo

Sitios a medida Ejemplo:www.apsot.com

DiseoamedidaparasitioinstitucionalprogramacinamedidaenASP.net

CMSs - Administradores de Contenidos

(cdigoabierto) Esmsflexiblealoscambios Requiereupdatesdeversiones Eldiseosetrabajasobrelaestructuradeuntemplate

Alprincipioesmseconmico Compatiblesconredes

Conllevaunamenorcantidaddehorasdediseo

CMSs - Wordpress Ejemplo:TemplatedeWordpress IntegracindeFlickr,Nubesdetags,Redes

Facebook,Twitter

CMSs - Wordpress Ejemplo:TemplatedeWordpress

CMSs - Wordpress Ejemplo:TemplatedeWordpressdeId4you

CMSs - Wordpress Ejemplo:UrbanStation Sepuedeesconderlaestructuramodulardeltemplate

CMSs - Joomla Ejemplo:TemplatedeJoomla

CMSs - Joomla Ejemplo:TemplatedeJoomla

CMSs - Joomla Ejemplo:PawAccesorios Elclientebuscabacomunicarsutarjetadebeneficio.

CMSs - Drupal Ejemplo:TemplatedeJoomla

CMSs - Drupal Ejemplo:SitiorealizadoDrupalparaMTV

cmofunciona?
qu opcionestengo?
qu necesitoparaimplementarlo?

E commerce online y Tiendas en Rede Sociales

Sistemasdesarrolladosamedida
Desarrolladosobrelasolucinquevengadada

Alojadasydesarrolladasenlosservidoresdelcliente

Seadministradesdeunbackofficeydebasesdedatos

Seintegraconmediosdepagodecualquiertipo

Mstiempoeinversininiciales

E commerce online y Tiendas en Rede Sociales

Sistemasdesarrolladosamedida Ejemplo:www.ladrillosnorte.com.ar

E commerce online y Tiendas en Rede Sociales

Sistemasdesarrolladosdecdigoabierto
Permitenactualizarproductososerviciosadiario

Alojadasydesarrolladasenlosservidoresdelcliente

Seadministradesdeunbackofficeydebasesdedatos

Losmediosdepagovienenestablecidosengeneral

Menoscostosoperoconmslimitacionesdecontenido

Algunoscomisionanporcadatransaccinrealizada

E commerce online y Tiendas en Rede Sociales

Sistemasdesarrolladosamedida Ejemplo:Virtuemart:carritoparaintegrarasitioJoomla

E commerce online y Tiendas en Rede Sociales

Sistemasdesarrolladosamedida Ejemplo:DesarrolladoenJoomla

E commerce online y Tiendas en Rede Sociales

Sistemasdesarrolladosdecdigoabiertoycostofijomensual
Sepuedeutilizarundiseoamedidaountemplate

Alojadasenelservidordelclienteparalatiendaweb

PermitereplicarlatiendasobreFacebook

Seadministraatravsdeunbackoffice

Comisionaportransaccionesytieneuncostomensual

Algunoscomisionanporcadatransaccinrealizada

E commerce online y Tiendas en Rede Sociales

LinkedStore Diseoamedidaparatiendaonline.

E commerce online y Tiendas en Rede Sociales

LinkedStore TiendaonlinesobreplataformaFacebook

cmointeractuarconlasredes?

qu puedoconseguir?

Evolucin de las marcas al mundo 2.0

BrandingenRedessociales
PinturerasRexsumasucanaldeFacebookyTwwitterparapromocionar descuentosybeneficiosespecialesatravsdelasredessociales.

Evolucin de las marcas al mundo 2.0

BrandingenRedessociales
CanaldeFacebookdePinturerasRex

Evolucin de las marcas al mundo 2.0

BrandingenRedessociales
CanaldeTwitterdePinturerasRex

Evolucin de las marcas al mundo 2.0

BrandingenRedessociales
Sedal7expertos AplicacindentrodesitioconFBConnect

Evolucin de las marcas al mundo 2.0

BrandingenRedessociales
Sedal7expertos FanpageenFacebookparacomunicareventosdelda

Evolucin de las marcas al mundo 2.0

BrandingenRedessociales
Sedal7expertos CanaldeTwitterparaseguirloseventosminutoaminuto

Evolucin de las marcas al mundo 2.0

Cualeslaclaveparaquefuncioneuna campaaconredessociales?
*)Ideacreativa *)estrategiaydifusin *)ESPACIOPARALACREATIVIDADDEL USUARIO

=VIRALIDAD
Provocacinalarespuesta.

Evolucin de las marcas al mundo 2.0

Cmopodemosdifundirunproductooservicio? CampaasSEOAdsenseyadwords

DifusinatravesdeFacebookads Landingpages:
(Diseoyarmadodeunapginadellegadadeunapromo.Puedeestaraparte delsitioinstitucionalpromoviendounconcurso,odescuentoespecial)

Facebook - Fanpages y aplicaciones

EjemplodeFanpagedeFacebook

Twitter

Twitter:Lookeodefondoscomoespaciosdediseoy comunicacin.
Tips para el lookeo:

* Aprovechar los styles que vienen predeterminados.

* Utilizar un fondo a modo inspirativo. * Utilizar el fondo como espacio de difusin de un evento. * Utilizar el fondo como espacio de informacin de contacto. * Hacer una prueba crossbrowser/monitores.

Ejemplo de Twitter

EjemplodecmoutilizarelfondodeTwittercomoherramientade diseoycomunicacin

Ejemplo de Twitter

EjemplodecmoutilizarelfondodeTwittercomoherramientade diseoycomunicacin

Ejemplo de Twitter

EjemplodecmoutilizarelfondodeTwittercomoherramientade diseoycomunicacin

Ejemplo de Twitter

EjemplodecmoutilizarelfondodeTwittercomoherramientade diseoycomunicacin

Ejemplo de Twitter

Youtube ejemplodelookeodecanalpersonalizadoparaEl Caverncola

Campaas de Banners

Bannersyrichmediabannersconmedicindeestadsticas:
*Publicidadcomoinstrumentodemedicindetarget. *Permitenidentificartiempodepermanenciaenelbanner. *Permitenmedirseleccindepreferenciasdeproductos. *PermitencargarinfoporRss,audioyvideo. *Tienen3aosdecrecimientoenexpansin.

Ejemplos de banners

MuchasGracias!!
www.slideshare.net/lulimonaco
lulimonaco@id4you.com www.id4you.com @latanamonaco