0

Fernando López Díaz 2ºA

 2

¿Para que necesita Kalahari una web?

1.Promoción: Internet es la mejor forma de hacerlo,

rápido, barato y mundial

2.Captación socios: Es una buena forma de conseguir-

lo, y para el usuario es mucho más cómodo

3.Informar: A los que ya son socios, estar en contacto

permanentemente e informar de todo lo que sucede
de una forma clara y con todas las ventajas que da
internet
 2

¿Para que necesita Kalahari una web?

1.Promoción: Internet es la mejor forma de hacerlo,

rápido, barato y mundial

2.Captación socios: Es una buena forma de conseguir-

lo, y para el usuario es mucho más cómodo

3.Informar: A los que ya son socios, estar en contacto

permanentemente e informar de todo lo que sucede
de una forma clara y con todas las ventajas que da
internet
 3

Empezamos a indagar

Al principio la indagación se centro en las webs cor-

porativas de la competencia y ONGs en general:

-Greenpeace
-Adena
-AccioNatura
-Acción Global Sostenible
-Acima
-ASDE
-Global Humanitaria
-...
 4

Indagación

Algunos pantallazos de las principales web:

 5

Indagación

Primeras Conclusiones:

-Webs muy similares

-Estructura parecida a la de los periodicos digitales
-Mismo contenido, secciones
-Muy estaticas
-Poca interacción con el usuario

¿Ahora que hacemos?

1. Amoldarnos al prototipo

2.Innovar
1. Web interactiva
2.No tenga la misma estructura
3.Fijarnos en el contenido del resto
 6

Indagación, Tipo de usuario

Que busca el usuario en nuestra web:

Información
Formar parte de la organización
Participar en actividades
 7

Indagación

La segunda parte de la indagación se centro en webs:

-Su punto fuerte la interacción

-Muy atracticas visualmente
-Dínamicas
-Flash

Conclusiones:

-Pueden crear confusión en el usuario, si no estan

bien organizadas
-Contenidos amplios muy dificil de gestionar
-Ayuda a la navegación imprescindible
 8

Libro de Estilos, Objetivos y secciones.

Objetivos planteados:
1ºPromoción,
2ºCapatación de “clientes”
3ºInformar.

Teniendo en cuenta estos objetivos y al usuario que nos diriguimos

los contenidos se organizaran en:

SECCIONES

Voluntario
Socios
¿Quieres formar parte?
Noticias
¿Quienes somos?
 9

Libro de Estilos, Mapa Web

El funcionamientio de la web es sencillo y podemos ver multitud de

paginas muy parecidas en la red, se trata de un gran escenario, donde se
disponen todas las secciones y en el cual mediante una mascara nos vamos
moviendo por medio de la interfaz.
La distribución de las secciones en el escenario sera está:

VOLUNTARIOS

¿QUIENES
SOCIOS SOMOS?
*

La sección de noticias será un enlace situado en el home que nos enviara a

* un blog (WordPress), debido a la gran cantidad de información y a la
continua renovación de esta.
 10

Libro de Estilos, Puntos fuertes.

Puntos fuetes:

Interacción usuario:
Este es el principal punto fuerte, el tipo de web que se plantea es muy
atractiva en cuanto a la navegación, si se hace bien, hace que la experiencia
del usuario sea muy positiva y este quiera volver a visitarla

Atracativo visual:
Se aparta totalmente de las apariencia de todas las webs de la compenten-
cia, mucho mas atractiva, dirigida a un publico más joven. Las ilustraciones
jugaran un papel importante.

Una web animada:

Por último, las animaciones, que se utilizarán como transiciones de unas
secciones a otras o como llamadas de atención, hace aun más rica la
apariencia de la web y a la vez más competitiva.
 11

Libro de Estilos, Formato Interfaz

Ayuda a la navegación

home|

home|

ESCENARIO 600px

Redes sociales,
800 px retorno, Home
 12

Libro de Estilos, Uso del color

Clave alta:
Esta es la principal consigna, la predominancia del color blanco en
todas las secciones

Colores planos en las ilustraciones

Para las ilustraciones no habra resticciones en cuanto a la gama de
colores, seran todos colores planos, no habra transpariencias, tamas,
degradados, etc

El color negro
Será muy importante, estara muy presente en toda la web, contor-
neo de las ilustraciones, color de texto, interfaz de usuario, etc.

Uso funcional:
-En botones.
-Marcador de secciones
-Jerarquización de algun elemento
-Destacados.
 13

Libro de Estilos, Tipografia, Tecnologías y Lenguaje

Tipografias

Gill Sans DIDOT

Gill Sans: Se utilizara para todas las masas de texto del contenido,
es una tipografia con un gran ojo medio, lo que hace que sea legible
en tamaños pequeños
Didot: Una tipografia muy apropiada para encabezados, titulos

Tecnologías y Lenguajes:

Flash y Action Script 2.0:Para desarrollar la web en general es la

forma más adecuada.
WordPress: Permite actualizar constantemente, y se puede organi-
zar facilmente gran cantidad de información
2
 14

Conclusiones

- No llevar el trabajo al día, es lo peor que se puede hacer

-Tener claro lo que vas a hacer desde el principio y por que.

- A pesar de las dificultades, creo que más o menos llevo el trabajo

como me lo planteé

-Trabajo por delante:

-Hacer el blog
-Ayuda a la navegación
-Mejorar transiciones
-Incluir más animaciones