DISEÑO WEB Charla UNSTA / Abril 2009
<ul><li>experiencia </li></ul><ul><li>Asesoramiento estratégico </li></ul><ul><li>Comunicación institucional </li></ul><ul...
<ul><li>proyectos realizados </li></ul><ul><li>TUCUMAN: </li></ul><ul><li>Castillo SACIFIA </li></ul><ul><li>La Sevillanit...
INTRO DUCCION
<ul><li>Clasificación sitios web </li></ul>Proyectos avanzados Sitios “Dinámicos” Sitios simples “Estáticos” + programación
<ul><li>Sitios simples “Estáticos” </li></ul><ul><li>No utilizan programación </li></ul><ul><li>La actualización es realiz...
 
 
 
 
<ul><li>Sitios “Dinámicos” </li></ul><ul><li>Combinan Diseño + Programación </li></ul><ul><li>Pueden ser actualizados con ...
 
 
 
 
<ul><li>Sitios avanzados </li></ul><ul><li>Uso intensivo de la tecnología </li></ul><ul><li>Por lo general interactúan con...
 
 
 
METODO LOGIA
<ul><li>Pilares de un proyecto web </li></ul>CONCEPTO & ARQUITECTURA DISEÑO WEB & MULTIMEDIA PROGRAMACION
<ul><li>Aspectos clave del diseño </li></ul>estética  vs  usabilidad
<ul><li>Etapas de trabajo </li></ul><ul><li>Concepto y arquitectura </li></ul><ul><li>Diseño interface </li></ul><ul><li>M...
MAPA DE NAVEGACION
<ul><li>Etapas de trabajo </li></ul><ul><li>Concepto y arquitectura </li></ul><ul><li>Diseño interface </li></ul><ul><li>M...
<ul><li>Etapa 2 > Diseño interface </li></ul><ul><li>Objetivo: </li></ul><ul><ul><li>Definir la estética general del sitio...
<ul><li>Etapas de trabajo </li></ul><ul><li>Concepto y arquitectura </li></ul><ul><li>Diseño interface </li></ul><ul><li>M...
<ul><li>Etapa 3 > Maquetación </li></ul><ul><li>Objetivo: </li></ul><ul><li>Convertir el diseño en código CSS y HTML </li>...
<ul><li>Etapas de trabajo </li></ul><ul><li>Concepto y arquitectura </li></ul><ul><li>Diseño interface </li></ul><ul><li>M...
OPORTUNIDAD ES
<ul><li>Panorama laboral </li></ul><ul><li>El mundo quiere MAS SITIOS WEB!! </li></ul><ul><li>Es posible trabajar en forma...
<ul><li>Perfil del diseñador web </li></ul><ul><li>Tiene que gustarte navegar!!! </li></ul><ul><li>Curioso, observador y c...
MUCHAS  GRACIAS! www.eurekamarketing.com.ar
Upcoming SlideShare
Loading in...5
×

El Diseño Web en Tucumán

1,345
-1

Published on

Charla realizada a los alumnos de diseño gráfico de la UNSTA, donde se realiza una introducción sobre las oportunidades del diseño web en Tucumán (Argentina).

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,345
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

El Diseño Web en Tucumán

  1. 1. DISEÑO WEB Charla UNSTA / Abril 2009
  2. 2. <ul><li>experiencia </li></ul><ul><li>Asesoramiento estratégico </li></ul><ul><li>Comunicación institucional </li></ul><ul><li>Publicidad y promociones </li></ul><ul><li>Marketing relacional </li></ul><ul><li>Sitios web / E-marketing </li></ul>
  3. 3. <ul><li>proyectos realizados </li></ul><ul><li>TUCUMAN: </li></ul><ul><li>Castillo SACIFIA </li></ul><ul><li>La Sevillanita </li></ul><ul><li>Expreso Rivadavia </li></ul><ul><li>CPC (Centro Privado Cardiología) </li></ul><ul><li>Fundación Red Milenium </li></ul><ul><li>Pro-Recrear </li></ul><ul><li>Asispre </li></ul><ul><li>Paul Tradding </li></ul><ul><li>Lexmark </li></ul><ul><li>BUENOS AIRES: </li></ul><ul><li>Alba ICI </li></ul><ul><li>Microsoft </li></ul><ul><li>Ciudad Internet </li></ul><ul><li>Peugeot </li></ul><ul><li>Jumbo </li></ul><ul><li>IAE </li></ul><ul><li>Unilever </li></ul><ul><li>Reuters </li></ul>
  4. 4. INTRO DUCCION
  5. 5. <ul><li>Clasificación sitios web </li></ul>Proyectos avanzados Sitios “Dinámicos” Sitios simples “Estáticos” + programación
  6. 6. <ul><li>Sitios simples “Estáticos” </li></ul><ul><li>No utilizan programación </li></ul><ul><li>La actualización es realizada por el diseñador </li></ul><ul><li>Precios más accesibles </li></ul><ul><li>Generalmente utilizados para: </li></ul><ul><ul><li>PyMES </li></ul></ul><ul><ul><li>Profesionales </li></ul></ul><ul><ul><li>Microsites (hot-sites) </li></ul></ul>
  7. 11. <ul><li>Sitios “Dinámicos” </li></ul><ul><li>Combinan Diseño + Programación </li></ul><ul><li>Pueden ser actualizados con facilidad </li></ul><ul><li>Generalmente utilizados para: </li></ul><ul><ul><li>Empresas medianas y grandes </li></ul></ul><ul><ul><li>Catálogos de producto / E-commerce </li></ul></ul><ul><ul><li>Portales con noticias </li></ul></ul><ul><ul><li>… </li></ul></ul>
  8. 16. <ul><li>Sitios avanzados </li></ul><ul><li>Uso intensivo de la tecnología </li></ul><ul><li>Por lo general interactúan con base de datos y software del cliente </li></ul><ul><li>Proyectos desarrollados – Ejemplos: </li></ul><ul><ul><li>Alba ICI - Alba Puntos </li></ul></ul><ul><ul><li>La Sevillanita - Sevitrack </li></ul></ul><ul><ul><li>Zoom Laboral </li></ul></ul>
  9. 20. METODO LOGIA
  10. 21. <ul><li>Pilares de un proyecto web </li></ul>CONCEPTO & ARQUITECTURA DISEÑO WEB & MULTIMEDIA PROGRAMACION
  11. 22. <ul><li>Aspectos clave del diseño </li></ul>estética vs usabilidad
  12. 23. <ul><li>Etapas de trabajo </li></ul><ul><li>Concepto y arquitectura </li></ul><ul><li>Diseño interface </li></ul><ul><li>Maquetación </li></ul><ul><li>Programación </li></ul><ul><li>Testeo </li></ul><ul><li>Publicación! </li></ul>
  13. 24. MAPA DE NAVEGACION
  14. 25. <ul><li>Etapas de trabajo </li></ul><ul><li>Concepto y arquitectura </li></ul><ul><li>Diseño interface </li></ul><ul><li>Maquetación </li></ul><ul><li>Programación </li></ul><ul><li>Testeo </li></ul><ul><li>Publicación! </li></ul>
  15. 26. <ul><li>Etapa 2 > Diseño interface </li></ul><ul><li>Objetivo: </li></ul><ul><ul><li>Definir la estética general del sitio </li></ul></ul><ul><ul><li>Generalmente se diseña el “home” y una página interna, que es utilizada como plantilla </li></ul></ul><ul><li>Herramientas: </li></ul><ul><ul><li>Corel Draw / Adobe Illustrator </li></ul></ul><ul><ul><li>Adobe Photoshop / Fireworks </li></ul></ul>
  16. 27. <ul><li>Etapas de trabajo </li></ul><ul><li>Concepto y arquitectura </li></ul><ul><li>Diseño interface </li></ul><ul><li>Maquetación </li></ul><ul><li>Programación </li></ul><ul><li>Testeo </li></ul><ul><li>Publicación! </li></ul>
  17. 28. <ul><li>Etapa 3 > Maquetación </li></ul><ul><li>Objetivo: </li></ul><ul><li>Convertir el diseño en código CSS y HTML </li></ul><ul><li>Se realizan las animaciones y efectos interactivos </li></ul><ul><li>Herramientas: </li></ul><ul><li>Adobe Dreamweaver </li></ul><ul><li>Adobe Flash Player </li></ul><ul><li>Editores CSS </li></ul>
  18. 29. <ul><li>Etapas de trabajo </li></ul><ul><li>Concepto y arquitectura </li></ul><ul><li>Diseño interface </li></ul><ul><li>Maquetación </li></ul><ul><li>Programación </li></ul><ul><li>Testeo </li></ul><ul><li>Publicación! </li></ul>
  19. 30. OPORTUNIDAD ES
  20. 31. <ul><li>Panorama laboral </li></ul><ul><li>El mundo quiere MAS SITIOS WEB!! </li></ul><ul><li>Es posible trabajar en forma remota </li></ul><ul><li>Aumenta la búsqueda de “especialistas” </li></ul><ul><li>Los celulares son la 3ra revolución (Web 3.0) </li></ul><ul><li>Tenemos internet por muuuucho tiempo!! </li></ul>
  21. 32. <ul><li>Perfil del diseñador web </li></ul><ul><li>Tiene que gustarte navegar!!! </li></ul><ul><li>Curioso, observador y con ganas de aprender </li></ul><ul><li>La principal fuente de aprendizaje es… internet </li></ul><ul><li>Prohibido tenerle miedo a los “códigos” </li></ul><ul><li>Fundamental saber trabajar en equipo </li></ul>
  22. 33. MUCHAS GRACIAS! www.eurekamarketing.com.ar
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×