Mi primer Proyecto Web

Mi primer Proyecto Web

Planeacin
Qu vamos a hacer?
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. Obtener el perfil del cliente Definir para qu quiere un sitio web Analizar sus necesidades reales Identificar su usuario final Estructurar informacin Cotejar necesidades y recursos existentes Disear el site Optimizar contenidos Desarrollar el site Echar a andar el site

Mi primer Proyecto Web

Perfil del Cliente
1. 2. 3. 4. 5. 6. 7. Quin Qu Cmo Dnde Desde cundo Hacia dnde Otros

Mi primer Proyecto Web

Para qu quiere el site
1. 2. 3. 4. 5. 6. Sitio informativo Sitio de ventas Sitio de posicionamiento Sitio entretenimiento Sitio educativo... Sitio Temporal (promocin)

Mi primer Proyecto Web

Necesidades reales
En el fondo, qu necesita su empresa? Muchas veces cree que sabe lo que quiere, pero no es lo que necesita en realidad, hay que buscar a fondo y delimitar bien esas necesidades.

Mi primer Proyecto Web

Perfil del Usuario
1. 2. 3. 4. Edad Nivel de educacin Nivel social Conocimiento de internet

Mi primer Proyecto Web

Estructurar informacin
Debemos vaciar toda la informacin obtenida para estructurarla a travs de distintas categoras y niveles. Esto se va a convertir en el mapa de navegacin. TIP. No olvidar ya comprar Hosting y Dominio!!

Mi primer Proyecto Web

Cotejar necesidades y recursos

Esto quiere y necesita el cliente

Esto est dispuesto a pagar el cliente

$$$
Esto puedo hacer y ser el resultado final

Mi primer Proyecto Web

Disear el site
Diseo de Look & Feel. TIP 1. Ver muchos sitios para inspirarnos. TIP 2. Nunca olvidar analizar a la competencia. Comenzamos con los bocetos (no ms de 3). Aprueba el cliente y comenzamos.

Mi primer Proyecto Web

Desarrollar y Optimizar contenidos
1. 2. 3. 4. 5. Textos Imgenes Animaciones Sonidos Videos

Mi primer Proyecto Web

Desarrollar site
Armar todos los elementos y desarrollar todo el cdigo necesario. Hacer pruebas offline. Aprobacin del cliente.

Mi primer Proyecto Web

Echar a andar site
Subir sitio. Hacer pruebas online.

Mi primer Proyecto Web

Nuestro proyecto
Busco Amigos

Mi primer Proyecto Web

Perfil del Cliente
Quin Busco Amigos. Animales en Adopcin Es una aosciacin sin fines de lucro que se dedica a la adopcin de animales abandonados. Qu Funcionan como enlace entre albergues de animales abandonados y personas que quieran adoptarlos. Segn la oferta de los albergues y las necesidades y capacidades de los futuros dueos, hacen el match perfecto. Cmo Llevan a cabo un formulario con los interesados para conocer exactamente su perfil y el tipo de mascota que quisieran y realmente pudieran tener. De igual forma, slo trabajan con albergues serios, que mantienen en perfectas condiciones a los animalitos abandonados.

Mi primer Proyecto Web

Perfil del Cliente
Lo hacen en forma fsica y ahora quieren su sitio en internet, para trabajar desde ah. Es una asociacin sin fines de lucro, por lo que subsisten de colaboraciones voluntarias. Desde cundo Busco Amigos tiene 3 aos de existencia, con xito total. Han encontrado hogar para ms de 1000 amigos. Hacia dnde Busco Amigo quiere seguir creciendo y encontrar muchos ms amigos. Esperan que el sitio sea una forma de crecimiento, tanto para hacer ms amigos como para captar ms recursos.

Mi primer Proyecto Web

Para qu quiere el site
1. Sitio informativo 2. Sitio de ventas (adquisicin de bienes, adoptar un amigo)

Mi primer Proyecto Web

Necesidades reales
Quieren darse a conocer en lnea para ampliar radio de accin. A la vez, al tener un sitio, quieren verse ms consolidados y profesionales. Desean ofrecer su servicio de catlogo de amigos en lnea, para facilitar el trabajo a los futuros dueos. Les interesa demostrar su capacidad y el xito que llevan ya con algunos testimonios. Sitio corporativo, se podra considerar de ventas, puesto que buscan que el usuario final adquiera un bien. Atemporal, contenido actualizable constantemente; el diseo no requiere de tanta actualizacin.

Mi primer Proyecto Web

Necesidades reales
Les interesa dejar muy en claro la problemtica que representa el abandono de animales domsticos y la necesidad de hacerse cargo de ellos, ofreciendo la Adopcin de Amigos como una respuesta real al problema. La gente les pide ver un poco sobre los albergues, as que quieren mostrarlos. Quieren sitio rpido, para su tercer aniversario.

Mi primer Proyecto Web

Perfil del Usuario
1. Edad: Mayoritariamente jvenes, entre 18 y 35 aos, aunque su siguiente segmento est por arriba de los 50, personas solas, jubilados, parejas que ya no tienen a sus hijos con ellos y han decidido adoptar una mascota. 2. Nivel de educacin: Media-alta 3. Principalmente clase B 4. Conocimiento de internet: de medio a alto un 70%, el otro 30% de medio a bajo.

Mi primer Proyecto Web

Estructurar informacin
Quin es Busco Amigos Qu hacen Historia Misin Testimonios Por qu hay que adoptarlos Problemtica Albergues Galera de Amigos Contacto

Mi primer Proyecto Web

Mapa de Navegacin
Home Contacto

Quin es Busco Amigos Qu hacen Historia Misin Testimonios

Por qu hay que adoptarlos Problemtica Albergues

Galera de Amigos

Nivel 1 Nivel 2

Mi primer Proyecto Web

Cotejar necesidades y recursos
Esto quiere y necesita el cliente Esto est dispuesto a pagar el cliente

$$$
Esto puedo hacer y ser el resultado final

Recursos reales: Texto Imgenes Pequeo banner animado Poco tiempo Poco dinero

Manos a la obra! Vamos a inspirarnos y por unos TIPS

Mi primer Proyecto Web

Tips de Diseo y Desarrollo
1. 2. 3. 4. 5. 6. 7. Algunos Criterios de Diseo y Desarrollo Sitios de Soporte Usabilidad Home Contacto Bsqueda Educar al Cliente

Mi primer Proyecto Web

Disear el site
Diseo de Look & Feel Comenzamos con los bocetos (no ms de 3) Aprueba el cliente y comenzamos

Vamos a Fireworks CS4

Mi primer Proyecto Web

Desarrollar y Optimizar contenidos
1. 2. 3. 4. 5. Textos Imgenes Animaciones Sonidos Videos

Imgenes: Vamos por Photoshop CS4 Animaciones: Vamos por Flash CS4 Sonido: Vamos por Soundbooth CS4 Videos: Vamos por Premiere Pro CS4 y AfterEffects CS4

Mi primer Proyecto Web

Desarrollar site
Armar todos los elementos y desarrollar todo el cdigo necesario. Hacer pruebas offline. Aprobacin del cliente.

Vamos por Dreamweaver CS4

Mi primer Proyecto Web

Echar a andar site
Subir sitio. Hacer pruebas online. TIP. Hey!! Posicionamiento en buscadores...

Disfrutemos nuestra obra y... que nos pague el cliente!