Especializacin en Comunicacin

Digital
Facultad de Periodismo

Universidad Nacional de La Plata

Ctedra:

Diseo Digital Interactivo

TRABAJO PRACTICO

Alumno:

Lic. GUSTAVO JURY

Noviembre 2016

Consigna:
En funcin de poder encauzar las demandas
comunicacionales del proyecto con el producto que se
espera sea el vector del xito del proceso comunicacional,
les proponemos que elaboren una gua de diagnstico que
nos pueda servir de referencia.
Para ello debern usar como ejemplo dos sitios de su
eleccin, uno que posea los errores y dificultades que el
otro ha solucionado, de modo tal que los puedan utilizar
para ejemplificar la misma gua
Para la realizacin de este trabajo tomar la versin 1 y la versin 2 de
un mismo sitio, que tuve la oportunidad de redisear.
La empresa es Productos RAN y se puede ver la web en
http://www.productosran.com.ar
Antes de hacer una comparacin taxativa de lo realizado, quiero
expresar que lo indicado por la empresa era modernizar el sitio, destacar
tanto el producto en s como los usos del mismo, a los efectos de
generar un concepto ms amplio en la mente del visitante. El tamao de
las imgenes fue prioritario, se requeran imgenes ms claras, de
mayor tamao y con buena nitidez.
Otro punto fue el rediseo del men de navegacin, eliminando en la
medida de lo posible sub-tems innecesarios.
La posibilidad de compartir en redes sociales tambin era un punto a
considerar.
No obstante la comparacin del cuadro siguiente, cabe destacar que la
versin en produccin hoy en da est sufriendo cambios y agregados,
como elementos de geolocalizacin, la disponibilidad de videos
instructivos, la posibilidad de incluir un helpdesk on line, y la integracin
total con las redes sociales, lo cual implica una gestin adicional al sitio
web.

COMPARATIVA DE VERSIONES
Versin 1

Versin 2

Tecnologa

Html plano, poco

Uso de CMS - One page site

Resolucin de

javascript
800 x 600 - Anticuado,

1920 x 1080 - Vigente en la

Pantalla

su estandard de uso es

mayora de los monitores de la

obsoleto desde la

actualidad

llegada de los monitores

Men de

LED
Hecho con botones

Men dinmico con indicador

Opciones de

grficos, sin animacin

de estado, hecho con texto y

navegacin

alguna. No aptos para la

CSS. Mayor velocidad de carga,

mayora de los SEO,

SEO friendly, y fcilmente

lentitud en la carga de

modificables, tanto en su texto

los mismos, entre otras

como en la organizacin de sus

Fotografias de

desventajas.
De tamao pequeo,

opciones.
De mayor tamao y calidad,

Producto

algunas sin contraste

integrados a un contexto de

Fotografas de

Separadas del producto.

uso.
Las fotos del producto y el

contexto de

Slo cambiaba una

contexto o caractersticas de

productos

imagen del header

uso se encuentran integrados

cuando se cambiaba de

para lograr una mayor

producto en el men.
Demasiado chica, tanto

significacin.
Aumento del tamao de texto

en textos como en

de descripcin del producto y

subttulos de secciones,

del ttulo.

Tipografa

que tambin estaban en

Efectos de
movimiento

formato imagen.
Sin ningn efecto

Efecto parallax entre secciones,

secciones con sliders de fotos,
men de tipo acorden en

Compartir en

No disponible

algunas secciones.
Compartir la pgina en

redes sociales
Estadsticas

Sin registro

Facebook, Twitter y Email

Estadsticas de Google
Analytics

CAPTURA DE PANTALLAS
Versin 1

Versin 2

Para mayores detalles de la versin 2, visitar http://www.productosran.com.ar