Smokemachine Etsam Web

Presentacióndiseño interactivo

ETSAM

Viernes, 13 febrero 09

Índice

ÍndicePunto de partida

Punto de partida

Web muy antigua

Diseño desactualizado

Problemas para cargar contenidos

Poco visual

Sin herramientas interactivas

Índice

Público objetivo


ETSAM

Viernes, 13 febrero 09Índice

Punto de partida

Público objetivo

Solución

Arquitectura de la información

Idea

Diseño Web

Conclusiones

Timing / Perfiles / Presupuesto / Webs Realizadas


Punto de partida

Web muy antigua


Mucho contenido y problemas para gestionarlo

Poco visual

Sin herramientas interactivas Índice

Público objetivo

Público objetivo

EstudiantesPúblico objetivo

ProfesionalesPúblico añadido

Interés en todo lo relacionado con la arquitectura:Noticias, información, clases, cursos.

Índice

Solución

Solución

“Most people make the mistake

of thinking design

is what it looks like...

design is how it works”

Steve Jobs, Apple Computers CEO

Solución

rediseñodiseño

No se trata de un simple rediseño, sino más bien un diseño

Simple es mejor que complicado

Diseño + Usabilidad

Reforzar la web (diseño+usabilidad) mediante el interface

Visual

Solución

rediseñodiseño

Diseño reticular.

Basado en una retícula dinamica

El diseño reticular es la base

para el diseño de la información

Es simple pero visual

Solución

interactividadEl diseño interactivo no es sólo diseño gráfico

sino diseño de producto

Nuestro producto es una plataforma de conocimentos

relacionados y generados por la ETSAM

Solución

LunesWeb dinámica

El diseño, la idea y los contenidos

harán que la web este siempre viva

Consultar y compartir

Una web que sea una plataforma

para aprender y compartir

mediante herramientas 2.0

Martes Miércoles

...

Índice


Arquitectura de la Información

Problemas

Gran cantidad de secciones y subsecciones.

Sería muy dificil y lento llegar a la información buscada.

Es fácil que el usuario se perdiése por la web.


Las secciones contienen las subsecciones,

no es necesario hacer click hacia una nueva pagina.

La navegación se vuelve esquemática e intuitiva.

Todas las paginas muestran links con enlaces de todo tipo

pero siempres relacionados de cualquier parte de la web

secciónsección

sección

sección

sección

sub-sección sub-sección




Índice

Idea

Idea

www

La web como un escaparate.

Abierto a toda la comunidad.

Donde se podrá encontrar

todo tipo de info, artículos, videos

y noticias sobre arquitectura.

Idea

La web como un escaparate:

1.- de noticias relacionadas con la vida de la universidad

2.- de los contenidos creados por los profesores en forma de blog

3.- de todo tipo de vídeos de conferencias o clases maestras. Un aula abierta

4- de un portal sobre, por y para la arquitectura

www

Índice

Diseño Web

Diseño Web / HomeDiseño Web Diseño Web / Sección Diseño Web / Blog Diseño Web / Aula abiertaDiseño Web / Home / Explicación Diseño Web / Subsección

Índice

Conclusiones

Conclusiones

La web es un escaparate de todos los contenidos, tanto los que ya existen

como los que se crearán, relacionados con la arquitectura.

Tendremos contenidos de referencia creando los blogs/lecciones

de los profesores y la platorma del aula abierta.

Ya que tenemos tanta información, y la intención de crear aún más.

utilizamos la clave del diseño de la información. El diseño reticular.

Si juntamos todos los elementos: diseño retícular, contenidos existentes,

y contenidos creados, nos encontramos con una web dinámica.

No es solo una web de una facultad es un portal de/sobre arquitectura.

Índice


Timing / Perfiles / Presupuesto

Perfiles

1 Dir. de Proyectos 20%

1 Dir. de Arte 50%

2 Diseñadores Web 70%

2 Maquetadores CSS 80%

Timing

Diseño

20 días

Maquetación CSS

105 días

Presupuesto

Parte A: Creación del proyecto

Creatividad / Planner 1.320 €

Diseño web 1.620 €

Parte B: Dirección del Proyecto

Gestión

1.770 €

Parte C: Maquetación CSS / Flash

Maqueta Plantilla Unidad 840 €

Maqueta Adapta Unidad 420 €

Widget Flash Unidad 1.890 €

Presupuesto Orientativo


2.940 €


1.770 €


9 Plantillas 7.560 €

16 Adaptciones 6.720 €

3 Widgets 5.670 €

Total

24.750 €

+16% IVA - 15% IRPF

24.965 €

Timing / Perfiles / Presupuesto Webs Realizadas

MiFF: Estrategia, creatividad, branding, dirección de arte online y offline www.menorcacuatro.com: Estrategia, creatividad, branding, dirección de arte online Instituto Cervantes: Creatividad, dirección de arte y diseño para interface de curso interactivo

Webs Realizadas Webs Realizadas Webs Realizadas

www.gamedas.com: Dirección de arte y diseño on-line. Realizado en colaboración con AB+

www.lafabrica.com: Dirección de arte y diseño on-line. Realizado en colaboración con Zappiens

Muchas gracias

[email protected]@smokemachine.org

Índice

Solución

Solución


of thinking design




Solución

rediseñodiseño





Visual

Solución

rediseñodiseño

Diseño reticular.





Solución

interactividad

Solución

LunesWeb dinámica







Martes Miércoles

...

Índice



ETSAM

Viernes, 13 febrero 09Índice

Punto de partida

Público objetivo

Solución


Idea

Diseño Web

Conclusiones



Punto de partida

Web muy antigua


Mucho contenido y problemas para gestionarlo

Poco visual

Sin herramientas interactivas Índice

Público objetivo

Público objetivo

EstudiantesPúblico objetivo

ProfesionalesPúblico añadido

Interés en todo lo relacionado con la arquitectura:Noticias, información, clases, cursos.

Índice

Solución

Solución


of thinking design




Solución

rediseñodiseño





Visual

Solución

rediseñodiseño

Diseño reticular.





Solución

interactividadEl diseño interactivo no es sólo diseño gráfico

sino diseño de producto

Nuestro producto es una plataforma de conocimentos

relacionados y generados por la ETSAM

Solución

LunesWeb dinámica







Martes Miércoles

...

Índice



Problemas

Gran cantidad de secciones y subsecciones.

Sería muy dificil y lento llegar a la información buscada.

Es fácil que el usuario se perdiese por la web.







secciónsección

sección

sección

sección





Índice

Idea

Idea

www






Idea






www

Índice

Diseño Web

Diseño Web / HomeDiseño Web Diseño Web / Sección Diseño Web / Blog Diseño Web / Aula abiertaDiseño Web / Home / Explicación Diseño Web / Subsección

Índice

Conclusiones

Conclusiones










Índice


Timing / Perfiles / Presupuesto

Perfiles

1 Dir. de Proyectos 20%

1 Dir. de Arte 50%

2 Diseñadores Web 70%

2 Maquetadores CSS 80%

Timing

Diseño

20 días

Maquetación CSS

105 días

Presupuesto





Gestión

1.770 €







2.940 €


1.770 €




3 Widgets 5.670 €

Total

24.750 €

+16% IVA - 15% IRPF

24.965 €

Timing / Perfiles / Presupuesto Webs Realizadas

MiFF: Estrategia, creatividad, branding, dirección de arte online y offline www.menorcacuatro.com: Estrategia, creatividad, branding, dirección de arte online Instituto Cervantes: Creatividad, dirección de arte y diseño para interface de curso interactivo

Webs Realizadas Webs Realizadas Webs Realizadas



Muchas gracias








secciónsección

sección

sección

sección




Índice

Idea

Idea

www






Idea






www

Índice

Diseño Web

Diseño Web

ETSAMONLINE

Escuela Técnica Superiorde Arquitectura de Madrid

Diseño Web

EscuelaJefatura de EstudiosSecretaríaDepartamentosRelaciones InternacionalesEstudios de GradoEstudios de PosgradoInvestigación / InnovaciónRecursosComunidadActividades CulturalesTA DigitalLinks


ETSAMONLINE


Diseño Web


Últimas actualizacionesSecretaríaDepartamentosRelaciones InternacionalesEstudios de GradoEstudios de PosgradoInvestigación / InnovaciónRecursosComunidadActividades CulturalesTA DigitalLinks

Vídeos recientesHendrerit in illum velit esseVelit esseConsequentur sumArquitecture in OsloConferencia Internacional Arq

Accesos directosHomeAviso LegalMapa del sitioPolítica de privacidadCómo llegarRSS

Blogs recientesFelit esse molestieEsse molestie sumHendrerit in illum velit esse

Escuela Técnica Superior de Arquitectura de Madrid. Avenida Juan de Herrera, 4. Ciudad Universitaria 28040 Madrid | Tel. 91 336 65 01


ETSAMONLINE


Diseño Web








ETSAMONLINE


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed. Leer más...

Abierto plazo de matrícula

Matrícula 2009/10


La Caixa

Becas

La matrícula de los alumnos ya admitidos se realizará en la Secretaría de...Leer más...

Máster en Estructuras

Máster

Diseño Web







Eventos

Duis autem dolor in hendrerit in vulputate

17/02 12pm

Ut wisis enim ad minim veniam, quis nostrud exerci tution

19/02 05pm

Quis nostrud exerci tution ullam corper suscipit lobortis

27/02 12pm

Lobortis nisi ut aliquip ex ea commodo consequat.

27/02 12pm

2 3 4 5 6 7 8

9 10 11 12 13 14 15

16 17 18 19 20 21 22

23 24 25 26 27 28

L M X J V S D

Commodo consequat. Duis te feugi facilisi.

19/02 12pm

Calendario

Lo más visitado

1. Vulputate velit esse molestie 2. Lorem ipsum 3. Felit esse molestie 4. Odipiscing elit 5. Hendrerit in illum velit esse 6. Esse molestie sum 7. Consequat nihil cogitor 8. Dusse molestie 9. Felit esse molestie10. Adipiscing elit


ETSAMONLINE




Matrícula 2009/10


La Caixa

Becas



Máster

Diseño Web

Leer

Ver todos

Paisaje urbano

Herzog & de Meuro

Posted by: Almond on February 7, 2009 at 8:00 am


Volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat.

00:00 / 00:00

Compartir: Enviar a un amigo:

ETSAM Abierta

Blogs

Actividades Culturales

Conferencia: Paisajismo21 feb 2009Volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution aliquip ex ea commodo consequat. Lugar: Hora:

Mostrando página 1 de 27 1 | 2 | 3 | 4 | 5









Eventos


17/02 12pm


19/02 05pm


27/02 12pm


27/02 12pm

2 3 4 5 6 7 8

9 10 11 12 13 14 15

16 17 18 19 20 21 22

23 24 25 26 27 28

L M X J V S D


19/02 12pm

Calendario

Lo más visitado



ETSAMONLINE




Matrícula 2009/10


La Caixa

Becas



Máster

Diseño Web

Diseño Web / Home








Matrícula 2009/10


La Caixa

Becas



MásterETSAMONLINE


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam. Volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat.

BlogsEscuelaJefatura de EstudiosSecretaríaDepartamentosRelaciones InternacionalesEstudios de GradoEstudios de PosgradoInvestigación / InnovaciónRecursosComunidadActividades CulturalesTA Digital Dirección - Secretaría Concursos - Becas Master - Doctorado Departamentos - Investigación Exposiciones - Congresos Alumnos Archivo TA Actividades ETSAM Blogs Etsam AbiertaLinks

Nombre Apellido

“Título del Post” (27/02/2009)Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed...



Nombre Apellido

Nombre Apellido

Nombre Apellido

Comenzamos el segundo cuatrimestre con una nueva conferencia.Comenzamos el segundo cuatrimestre


Nombre Apellido


Nombre Apellido


Nombre Apellido


Nombre Apellido


Lo más visitado


Blogs recientes



Eventos


17/02 12pm


19/02 05pm


27/02 12pm


27/02 12pm

2 3 4 5 6 7 8

9 10 11 12 13 14 15

16 17 18 19 20 21 22

23 24 25 26 27 28

L M X J V S D


19/02 12pm

Calendario

Lo más visitado







ETSAMONLINE




Matrícula 2009/10


La Caixa

Becas



Máster


Leer

Ver todos

Paisaje urbano

Herzog & de Meuron




00:00 / 00:00


ETSAM Abierta

Blogs






Eventos


17/02 12pm


19/02 05pm


27/02 12pm


27/02 12pm

2 3 4 5 6 7 8

9 10 11 12 13 14 15

16 17 18 19 20 21 22

23 24 25 26 27 28

L M X J V S D


19/02 12pm

Calendario

Lo más visitado



Diseño Web / Home / Explicación


Feed (carrusel) de información administrativaprocedente de la sección TA.

Menú desplegable de secciones y subsecciones.El usuario sabe en todo momento en qué parte

de la web se encuentra.

Contenidos dinámicos destacados procedentesde las sección ACTIVIDADES CULTURALES.

Eje fundamental de la HOME.

Eventos: calendario de las actividades, eventos, convocatorias,...Ordenadas por orden cronológico.

Listado de las secciones más visitadas.

Standar de links y buscador común a las web de estas características.

Pié de página. Accesos directos a las principalessecciones de la web.

Eventos


17/02 12pm


19/02 05pm


27/02 12pm


27/02 12pm

2 3 4 5 6 7 8

9 10 11 12 13 14 15

16 17 18 19 20 21 22

23 24 25 26 27 28

L M X J V S D


19/02 12pm

Calendario

Lo más visitado







ETSAMONLINE




Matrícula 2009/10


La Caixa

Becas



Máster


Leer

Ver todos

Paisaje urbano

Herzog & de Meuron




00:00 / 00:00


ETSAM Abierta

Blogs






Eventos


17/02 12pm


19/02 05pm


27/02 12pm


27/02 12pm

2 3 4 5 6 7 8

9 10 11 12 13 14 15

16 17 18 19 20 21 22

23 24 25 26 27 28

L M X J V S D


19/02 12pm

Calendario

Lo más visitado



Diseño Web / Sección








Matrícula 2009/10


La Caixa

Becas



MásterETSAMONLINE




Nombre Apellido




Nombre Apellido

Nombre Apellido

Nombre Apellido



Nombre Apellido


Nombre Apellido


Nombre Apellido


Nombre Apellido


Lo más visitado


Blogs recientes



Presentación

Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum

Reseña Histórica


Localización Urbana


Plan de Calidad


Guía de los edificios


Equipo de Dirección


Cooperación al Desarrollo


Escuela Presentación Reseña histórica Localización urbana Guía de edificios Equipo de Dirección Plan de Calidad Cooperación al DesarrolloJefatura de EstudiosSecretaríaDepartamentosRelaciones InternacionalesEstudios de GradoEstudios de PosgradoInvestigación / InnovaciónRecursosComunidadActividades CulturalesTA DigitalLinks

Descargar PDF - 80 Kb

Últimas actualizaciones

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed.

Plan de Calidad


Cooperación al Desarrollo

ETSAMONLINE





Matrícula 2009/10


La Caixa

Becas



Máster







Diseño Web / Subsección








Matrícula 2009/10


La Caixa

Becas



MásterETSAMONLINE




Nombre Apellido




Nombre Apellido

Nombre Apellido

Nombre Apellido



Nombre Apellido


Nombre Apellido


Nombre Apellido


Nombre Apellido


Lo más visitado


Blogs recientes





Matrícula 2009/10


La Caixa

Becas



Máster

Escuela Presentación Reseña histórica Localización urbana Guía de edificios Equipo de Dirección Plan de Calidad Cooperación al DesarrolloJefatura de EstudiosSecretaríaDepartamentosRelaciones InternacionalesEstudios de GradoEstudios de PosgradoInvestigación / InnovaciónRecursosComunidadActividades CulturalesTA DigitalLinks Descargar PDF - 80 Kb

Temas relacionados

Lo más visitado

Presentación

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed.


Enlace


Descarga


Vídeo

Hasta 1848 no se crearía como institución independiente la Escuela Especial de Arquitectura de Madrid, la primera que funcionó en España, entendida aquella como Escuela de aplicación, que con una carrera de cuatro años de duración exigía previamente un ingreso y dos años en la llamada Escuela Preparatoria.

Esto permite comprender el importante espacio destinado a propuestas para la definición de dicho Plan, entonces en elaboración. El sentido del informe exigía igualmente la propuesta de medidas de mejora, dento de la perspectiva de una mejora de la calidad de la Universidad que contrataba al panel de expertos.

Informe de Kenneth Frampton sobre la ETSA de MadridLa formación de arquitectos en España tal vez sea hoy día la mejor del mundo y mientras que esto obedece en parte a la forma en la que está organizada aquí la profesión y al extraordinario fomento de clientes españoles, también se debe con seguridad a la categoría de la enseñanza de la arquitectura en España. Si bien me consta que la enseñanza y práctica no son ni mucho menos lo mismo, ha habido en España una íntima correspondencia entre ambas

De la misma manera que los estudios de arquitectura en general necesitan una reestructuación para así ajustarlos a las necesidades del próximo siglo, creo que la Escuela Técnia Superior de Arquitecura de la Universidad Politécnica de Madrid necesita un cierto juicio crítico, a pesar de que su historial, hasta la fecha, ha sido excepcional, según el modelo internacional, y ha conseguido formar a un gran número de arquitectos de un nivel muy alto.

ETSAMONLINE









Diseño Web / Blog








Matrícula 2009/10


La Caixa

Becas



MásterETSAMONLINE




Nombre Apellido




Nombre Apellido

Nombre Apellido

Nombre Apellido



Nombre Apellido


Nombre Apellido


Nombre Apellido


Nombre Apellido


Lo más visitado


Blogs recientes



Diseño Web / Home / Explicación Diseño Web / Subsección






Vídeos recientes

Título Vídeo


Título Vídeo


Título Vídeo


EscuelaJefatura de EstudiosSecretaríaDepartamentosRelaciones InternacionalesEstudios de GradoEstudios de PosgradoInvestigación / InnovaciónRecursosComunidadActividades CulturalesTA Digital Dirección - Secretaría Concursos - Becas Master - Doctorado Departamentos - Investigación Exposiciones - Congresos Alumnos Archivo TA Actividades ETSAM Blogs Etsam AbiertaLinks

00:00 / 00:00

Rem Koolhas consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam. Volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat.

00:00 / 00:00

Terminal de pasajeros de Yokohama dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam. Volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie

TemasUrbanismoPaisajeConstrucciónVolutpatFacilisi

DepartamentosComposiciónConstrucción y TecnologíaEstructuras y EdificaciónIdeación GráficaUrbanística y Ord. del Territorio

ConferenciasUrbanismoPaisajeTinciduntVolutpatFacilisi

Etsam Abierta




ETSAMONLINE



Diseño Web / Etsam Abierta

Diseño Web / Home / Explicación Diseño Web / Subsección

Índice

Conclusiones

Conclusiones










Índice

Timing

Diseño

20 días

Maquetación CSS

105 días

Presupuesto





Gestión

1.770 €







2.940 €


1.770 €




3 Widgets 5.670 €

Total

24.750 €

+16% IVA - 15% IRPF

24.965 €

www.menorcacuatro.com: Estrategia, creatividad, branding, dirección de arte online

Webs Realizadas

Webs Realizadas

Instituto Cervantes: Creatividad, dirección de arte y diseño para interface de curso interactivo

Webs Realizadas

Webs Realizadas



Muchas gracias


Smokemachine Etsam Web

Design

Transcript of Smokemachine Etsam Web