2019

IWIWA PALS (PÁGINA WEB)

Sonia García Olmos, Paúl Rojas Porras,

Sean William Onraet.
Construcción de Servicios de
Información Digitajl
29-3-2019
ÍNDICE
INTRODUCCIÓN .................................................................................................................. 2
CONTEXTO Y TIPOLOGÍA .................................................................................................. 2
PERFILES DE USUARIOS Y NECESIDADES DE INFORMACIÓN ..................................... 6
IDENTIFICACIÓN DE LOS CONTENIDOS Y FUENTES DE INFORMACIÓN A UTILIZAR
PARA SU ELABORACIÓN. ................................................................................................. 6
ASPECTOS DE ORGANIZACIÓN DE LA WEB ................................................................. 10
PROPUESTA DE ROTULACIÓN Y DIAGRAMACIÓN (MAQUETACIÓN) PROPUESTA
PARA LOS TIPOS DE CONTENIDO IDENTIFICADOS. .................................................... 12
PARTICIPACIÓN Y CONTENIDO SOCIAL ........................................................................ 14
PLANIFICACIÓN TEMPORAL DE ACTIVIDADES, ESPECIFICANDO TAREAS Y
REPARTO DE LAS ACTIVIDADES ................................................................................... 15

1
 INTRODUCCIÓN
Título: Iwiwa Pals
Tipología: Micrositio sobre la productora audiovisual Iwiwa Pals
Denominación y lema: Iwiwa Pals es una productora audiovisual fundada en 2018.
Como estudiantes de Comunicación Audiovisual en la Universidad de Murcia, hemos
formado este equipo de trabajo para tratar de llevar a cabo proyectos diferentes a los
que la sociedad está acostumbrada.
Justificación y motivación: Vamos a crear este micrositio web porque se trata de
nuestra propia productora audiovisual y nuestros trabajos, a los cuales queremos
dotar de más visibilidad en la red.

CONTEXTO Y TIPOLOGÍA
- Productora Canadá, en Barcelona y Londres, desde 2008:
https://www.lawebdecanada.com/. Es una productora audiovisual que trabaja tanto
en el ámbito musical como el publicitario, creando videoclips y anuncios.

2
 Su página web tiene un estilo visual mayormente minimalista. La página principal la
ocupa un carrusel que contiene sus últimos trabajos. Se enseñan mediante pequeñas
porciones de vídeo y, sobre ellas, un rótulo que explica tanto el título de la pieza como para
quién la han creado (incluye artistas como Rosalía o marcas comerciales como Converse).

A la izquierda de la página web, podemos encontrar un menú lateral. Dicho menú

cuenta con distintas secciones. Entre ellas, están la información sobre la productora, sus
trabajos, su tienda, etcétera.

3
 Nos fijamos en esta página web porque su contenido es similar al que planteamos
introducir en la nuestra - ya que se trata de dos productoras audiovisuales. Además, nos
gustó su diseño visual y la forma de distribución de sus contenidos.

- Lightbros Productions, en Madrid: https://lightbroscreative.com/. Se trata de una

productora audiovisual especializada en trabajos de fotografía y vídeo.

El diseño de esta página web también es muy minimalista. Sin embargo, la

distribución no es igual a la del caso anterior. Para buscar contenido puedes optar a ir al
menú, que también lo encontramos en la parte lateral de la web - además de en la esquina
superior derecha. Sin embargo, no es necesario hacerlo. Esta página web tiene un diseño
de una sola página, en el que con ir hasta abajo te vas encontrando con todas las pestañas
del menú.

4
 Dichas pestañas tienen información tanto de las creaciones que ha realizado la
productora, como de sus trabajadores e incluso una parte de contacto para enviarles
cualquier mensaje. Sus colores son algo más serios ya que predomina el gris, aunque en
este asunto preferiríamos algo más parecido a la web de la Productora Canadá.

- 87 seconds, empresa que realiza trabajos alrededor de Europa especializados en

vídeo y producción audiovisual: https://www.87seconds.com/

Esta web tiene animaciones en la página principal y una interesante forma de

ponerse en contacto con ellos a través de un chat. Nos llama la atención especialmente la
forma de presentar a sus trabajadores mediante dibujos de ellos, en lugar de utilizar
fotografías reales.

5
 En conclusión, hemos llegado a la idea de que de una web de este tipo - es decir,
de una productora audiovisual - se espera que se muestre los trabajos realizados por la
empresa, así como su estilo audiovisual de creación. Además, se suele incluir una pequeña
presentación de cada uno de sus trabajadores, incluyendo información sobre su papel en la
empresa.

En la mayoría de estas páginas se suele facilitar también el contacto del público con
la propia empresa, ya sea a modo de envío de mensaje o incluso mediante un propio chat
como hemos mostrado en los ejemplos anteriores.

PERFILES DE USUARIOS Y NECESIDADES

DE INFORMACIÓN
- Enfoque externo: El perfil de usuario que buscamos se trata principalmente de
personas o entidades interesadas en realizar un proyecto audiovisual, ya sea de
índole publicitario, artístico, etc. Pero dado la multiplicidad de la web sería útil la
visita de usuarios que no están interesados en contratar nuestros servicios pero sí
en visionarlos. Queremos que sea similar en diseño y usabilidad a la página web de
la productora Canadá ya que nos parece el más adecuado en cuanto a distribución
de contenido y usabilidad para nuestra empresa.
- Enfoque interno: Nuestro grupo está formado por: Sonia García Olmos
(administradora), Sean Onraet (administrador) y Paúl Rojas Porras (administrador).
Cada miembro tendrá acceso total a la web y podrá modificarlo siempre que tenga el
visto bueno del resto de los miembros.

IDENTIFICACIÓN DE LOS CONTENIDOS Y

FUENTES DE INFORMACIÓN A UTILIZAR
PARA SU ELABORACIÓN.
Al tratarse de una web cuyo flujo de contenidos es considerablemente menor al de
otro tipo de webs como un periódico digital, una revista (sitios web donde se actualizan los
contenidos varias veces en un día), etc, no vemos necesario, al menos en un primer
momento, el establecimiento de unos roles jerarquizados en el ámbito de nuestra web, la
distinción entre editor, administrador, autor, colaborador, y demás roles posibles queda
reducida a una relación equidistante de los creadores de la productora. Es decir, aunque
cada uno de los fundadores puedan tener mayor facilidad para realizar determinada labores
que otras el grado de control de la web es el mismo, el de administrador. El propósito final
de la web es servir de escaparate para el público que pudiese estar interesado en nuestros
servicios, por tanto, y dado los tiempos que se manejan en el audiovisual no obtendremos
una web que necesite de una constante revisión (en cuanto al terreno de contenidos),
esperamos añadir nuevos contenidos a la web en bloques, acorde al flujo de trabajo que
vayamos teniendo. Por todo ello, estimamos que los contenidos se actualicen alrededor de
cada mes como máximo, y dos semanas como mínimo, y tales contenidos serán

6
supervisados, aprobados y publicados a través del consenso de los tres componentes de la
productora y de la web de esta.

Siguiendo lo mencionado, al tratarse de ese formato de “web escaparate”, no vemos

necesaria una gran interacción con el usuario como otro tipo de webs (blogs, periódicos…),
la manera de interaccionar con los usuarios es a través de la página de contacto. Por este
motivo no consideramos la existencia de otro rol (que podría ser de un tercero) como el de
moderador, cuya labor estaría orientada a controlar los comentarios de spam o de carácter
inapropiado.

Las imágenes y contenidos audiovisuales serán todos originales y propios. Serán los
productos que hemos creado como productora. Estos contenidos audiovisuales
conformarán algunos elementos de diseño de la página web, como fondos, elementos de
carruseles, etc. En el caso de necesitar contenidos externos (medida poco probable)
utilizaríamos elementos libres de derechos de autor. Por tanto, y en la medida de lo posible,
intentaremos que absolutamente todos lo que mostremos en la web esté bajo nuestra
propiedad intelectual, dado que seremos los autores de todo lo que produzcamos.

A continuación, añadiremos una serie de contenidos que hemos desarrollado ya, y

que podrían estar incluidos en las diferentes páginas de nuestra web.

El equipo en un rodaje.

Imagen del rodaje de un reportaje que grabamos que podría ser el fondo del
apartado Contacto, o introducir dicho apartado.

7
Paúl, director de fotografía. Sean, producción. Sonia, jefa de postproducción.

Imagen de los creadores de la productora con su cargo dentro de la empresa, una

breve cita y los enlaces a sus redes sociales. Todos estos elementos podrían aparecer en el
apartado de Contacto o Equipo.

Portada del single AI (Love).

8
Captura del videoclip AI (Love).

Captura del reportaje Experiencias de un rincón de la música.

Captura del making of del corto Midday cowboy.

9
 ASPECTOS DE ORGANIZACIÓN DE LA
WEB
La web nos presentará como empresa de producción audiovisual. Utilizaremos las
entradas para mostrar los distintos productos que hemos realizado en estos últimos años,
aprovechando las categorías para dividirlos según su propia tipología.

El usuario, una vez dentro de la página principal, podrá navegar dentro de nuestro
sitio web a través del menú que estará situado en la esquina superior derecha - con el icono
de hamburguesa. Queremos disponer un menú off-canvas, de manera que quede oculto
bajo dicho icono a menos que el usuario haga clic sobre él. Así buscamos favorecer la
dinámica visual de la web y su estilo minimalista. Además, este tipo de menú estará
disponible también en la versión móvil del micrositio web. En este caso, también buscamos
facilitar la navegación y experiencia del usuario a través de su dispositivo móvil.

Cabe mencionar que, además, buscamos plantear que el menú de nuestro sitio web
sea un menú de navegación fijo - de manera que, aunque el usuario baje por la página,
siempre tenga la cabecera con el menú disponible.

10
 En la página principal de la web, lo primero que se encontrará el usuario será un
carrusel de vídeos donde se exhibirán algunos de los proyectos más actuales y llamativos
de la productora Iwiwa Pals. Como ya hemos mencionado, arriba a la derecha estará el
icono de la hamburguesa bajo el que se esconderá el menú. Dentro de él, habrá distintas
opciones para elegir:

- Proyectos: Sección en la que el usuario podrá visualizar todos los trabajos

realizados por la productora. Aquí se incluirá toda la información relacionada
con los mismos. Es decir, por ejemplo, si es un trabajo creado especialmente
para un tercero, su nombre aparecerá en esta página. Incluso también cabe
la posibilidad de incluir posibles making offs o demás piezas adicionales de
todos estos trabajos.
Planteamos la posibilidad de colocar cada uno de estos trabajos en forma de
entrada, donde podamos categorizarlos como es debido e incluir las
etiquetas que correspondan. Sin embargo, somos conscientes de que no
serían entradas que se publicasen de forma masiva, por lo que trataremos de
buscar otra opción que nos parezca más adecuada de disponerlos.
- Equipo: Sección en la que se incluirá toda la información respecto a los
trabajadores de nuestra productora audiovisual. En lugar de utilizar

11
 fotografías reales, decidimos optar por una opción algo más divertida y
creamos dibujos bastante descriptivos de nosotros. Debajo de cada imagen,
se incluirá una breve cita propia de cada uno y sus perfiles personales en
distintas redes sociales, para quien quiera saber algo más de nosotros.
- Contacto: Sección en la que el usuario podrá enviar un mensaje a la
productora. Solo necesitará identificarse a través de un nombre y un correo
electrónico para enviarnos cualquier mensaje que desee (tanto para asuntos
de trabajo como para cualquier otro comentario).

PROPUESTA DE ROTULACIÓN Y
DIAGRAMACIÓN (MAQUETACIÓN)
PROPUESTA PARA LOS TIPOS DE
CONTENIDO IDENTIFICADOS.
A continuación, expondremos una maqueta de la idea que tenemos sobre cómo
debe ser la página de inicio de la web, los elementos off-canvas de dicha página y por
último, un ejemplo de una de las páginas que contiene el menú principal: la página de
Proyectos.

Página de inicio.

12
Modelo off-canvas de la página de inicio.

Página de Proyectos.

Esta imagen representa la página de Proyectos que se encuentra en el menú

principal, en ella estarían colocadas capturas de los proyectos más recientes que hemos
realizado junto con un pequeño menú que agrupa todos los proyectos en diversas
categorías. Al pinchar una de estas categorías se mostrarían todos los contenidos que
pertenezcan a ella en una página de la que no tenemos una maqueta visual, pero que iría
acorde al diseño visual del resto de la web.

En cuanto a Equipo y Contacto, al ser páginas que no presentan contenido propio

de categorizaciones o etiquetas, simplemente contarán con un fondo acorde al diseño de la

13
web y el texto e imágenes correspondientes. Ya sea el formulario de contacto en la página
contacto Contacto como las imágenes de los miembros del equipo con una breve
descripción de los mismos y sus redes sociales en Equipo.

PARTICIPACIÓN Y CONTENIDO SOCIAL

En nuestra página web queremos facilitar al usuario el poder ponerse en contacto
con nosotros si así lo desea. Ya sea cualquier propuesta de trabajo o cualquier comentario
que quieran hacer. Sin embargo, estos no serán comentarios de carácter público.

Al ser una página web profesional, no vemos cabida de una sección de comentarios
en la que la gente pueda hablar sin más. Por esto, plantearíamos una sección dentro del
menú en la que el usuario pudiera identificarse con su correo electrónico y hacernos llegar
cualquier mensaje de manera privada. Dichos mensajes serían recibidos en el correo
electrónico de la empresa y, por supuesto, el usuario recibiría respuesta de nuestra parte.

Sería algo como lo que mostramos en esta última imagen, perteneciente a la página
web de LightBros Creative, uno de los ejemplos mencionados anteriormente.

De esta misma manera, pensamos en la posibilidad de incluir en el pie de página

otra información de contacto de la empresa. Ya que no contamos con oficinas físicas de la
propia productora, añadiríamos nuevamente en esta parte de la página el correo electrónico
de la empresa. Esto es para que los usuarios puedan encontrarlo con facilidad sin
necesidad de entrar en la propia pestaña de contacto dentro del menú.

Además, para los usuarios que deseen seguir nuestros pasos en otros rincones de
Internet que no sean nuestra web oficial, también tendremos perfiles dentro de algunas de
las redes sociales más conocidas. Dichas redes podrán ser, por ejemplo, Twitter e
Instagram. Así, los enlaces a estos perfiles pensamos incluirlos en este mismo pie de

14
página, para que los usuarios lo tengan visible y a mano el contactar con nosotros o incluso
poder visualizar nuestros trabajos y piezas creadas más recientes.

PLANIFICACIÓN TEMPORAL DE
ACTIVIDADES, ESPECIFICANDO TAREAS Y
REPARTO DE LAS ACTIVIDADES
Aunque por regla general los tres estudiantes que formamos el grupo participamos
más o menos en todo - ya que si uno tiene alguna duda, el resto le ayudamos -, hemos
decidido darle algo más de orden a la creación de este proyecto de página web y repartir las
tareas que tenemos en mente realizar a lo largo de las próximas semanas.

Tal y como se ve en la imagen anterior, hemos dividido el proceso en un total de seis

semanas, repartiendo las actividades a realizar de la siguiente manera:

- La primera semana, trabajaremos los tres en conjunto. Estos primeros siete días los
dedicaremos especialmente a entrar en nuestra propia plataforma de Wordpress y
comenzar a acomodarnos con ella. Al mismo tiempo empezaremos a ver cómo
podemos adaptar las ideas que hemos reunido en este informe para la página web a
través de esta plataforma.
- La segunda semana, nos empezaremos a dividir el trabajo. Ya que consideramos
que Paúl es la mente creativa del grupo, él se encargará de todas aquellas
actividades que incluyan cualquier tipo de diseño gráfico o visual - aunque, por
supuesto, con la supervisión del resto. Mientras tanto, Sonia y Sean se encargarán

15
 de reunir y redactar toda la información sobre la productora, así como imágenes y
vídeos de las piezas audiovisuales que se han creado desde que dicha entidad
existe. Aún así, no se descarta la posibilidad de un cambio de papeles, en el que
alguien participe en una actividad que no le corresponda por ayudar a su
compañero.
- De esta manera, la tercera semana la dedicaremos a, en conjunto, revisar todo el
contenido que se ha reunido para la creación de esta página web.
- Durante las semanas cuatro y cinco comenzaremos el proceso de construcción de
la página web. Mientras que Sonia y Sean se encargarán de preparar el contenido
de cada una de las pestañas de este micrositio web así como su estructuración, Paúl
se encargará de la parte más artística de proyecto - el diseño visual de la web.
Además, en la semana cinco la dedicaremos a explorar los plugins que Wordpress
nos ofrece para continuar adaptando las ideas que teníamos en un principio para la
web. Nuevamente, no descartamos que unos puedan participar en las tareas de
otros.
- Para finalizar este proyecto, la semana seis la dedicaremos a revisar todo lo creado
por el equipo y corregir posibles errores de la página web. De la misma manera,
también hemos dejado una semana de margen antes de la fecha de entrega para
cualquier imprevisto o duda que nos pueda surgir.

16