Armario creactivo

Proyecto Web para
ArmarioCractivo.cl
Segundo Semestre 2011

Informe investigativo de ArmarioCreactivo.cl

INDICE
investigativo de el desarrollo web de ArmarioCractivo.cl
Introducción 3 CAPITULO 5
CAPITULO 1 Variables de soporte 17
Multimedia 4 HTML5 18
Interactividad 5 CSS3 19
Dominio.cl 6 WordPress 20
Web Hosting 7 JQgalery 21
Carrito de compras 22
CAPITULO 2 Navegadores Mundiales 23
Reconocimiento de etapas 8
CAPITULO 6
CAPITULO 3 Arquitectura de información 24
Definicion del trabajo 9 Mapa de navegación 25
Presupuestos del proyecto 10 Descripción de contenido 26
Wireframe 28
CAPITULO 4
Recopilacion de información 11 CAPITULO 7
Nuestro Cliente 12 Control de diseño 29
Publico Objetivo 13 Propuesta de diseño 30
Referentes Observados 14
Canales de comunicación 15
Cronograma del proyecto 16

2


INTRODUCCIÓN
Investigativo de el desarrollo web de ArmarioCractivo.cl
Como grupo de trabajo decidimos llevar a cabo el emprendimiento de la hermana de una de nuestras
integrantes. El cual consiste básicamente en una tienda sin lugar físico que se dedica a diseñar y confeccionar
prendas de vestir y accesorios de mujer con tendencias sumamente marcadas ligadas a lo reciclado y urbano.
Nuestra labor en este proyecto es lanzar este proyecto desde el área web implementando una pagina web con
diferentes características que evaluaremos, discutiremos y plantearemos a lo largo de este informe de manera
clara y gráfica para un usuario básico/medio de medios informáticos.
Todo esto tomando en cuenta el área del diseño resaltando y mostrando los factores identificativos de la marca
para luego plasmarlos en la web.

3


CAPITULO 1
Utilización Conceptos Básícos del medio

Multimedia
El término “multimedia” hace referencia a la expresión de información mediante multiples medios, ya sean
físicos o digitales.
En nuestro proyecto web, utilizaremos medios de comunicación visuales, animados e interactivos. La idea es
respresentar de la manera mas clara y directa, toda la informacón entregada por nuestro cliente.

Imagenes Audio Video Pdf
Utilizaremos imágenes estáticas El audio es uno de los principales Para la demostración de algunos Cierta información acerca de
para la presentación de productos, factores de la multimedia actual productos destacados utilizaremos modelos, precios, catálogos y otros
logotipo, y armado del sitio web. aunque en este proyecto nos videos. Éstos se hospedaran en serán entregados en formato .PDF
Estas se incluiran en formato .jpg o limitaremos a solo usar sonidos de YouTube con el fin de ahorrar para su descarga directa desde
.png por su relación peso / calidad botones descartando la idea de un espacio en el hosting y lograr un el mismo sitio. La idea es que el
y su alta compatibilidad con los sonido de fondo en la páwgina. acceso mas universal. usuario pueda contar con esta
navegadores y sus versiones. información para su respaldo.

4


Interactividad
La interactividad entre el usuario y el sitio será mediante elementos y factores de interés para este. Entrega de
información inmediata y actualizada, imágenes, videos, precios y todo lo que el usuario necesite saber, se le
entregará de las siguientes maneras:

Presentación de Presentación de Interaccion con Descarga de
imágenes. videos redes sociales archivos
Los productos presentados en Los videos tendrán una Al lado de la botonera principal se La descarga de archivos se
imágenes, utilizaran un sistema de reproducción clásica, es decir con encuentran links directos a efectuará mediante un link de
zoom a este misma, para que así, un menú controlador, mediante el nuestras paginas de redes descarga directo. Al presionar este
el usuario reciba un mayor detalle cual el usuario podrá: reproducir, sociales, en ellas encontrará una botón (Imágene ejemplo abajo),
del producto. Para llegar a esto, retroceder, detener y agrandar la información actualizada a diario. comenzará automaticamente la
el usuario deberá vistar la foto y en pelicula, ademas subir el volúmen Podrá opinar y preguntar acerca descarga del archivo.
ella, presionar el ícono de la lupa. y también compartir este video a de servicios y productos y además
Además podrá descargar la través de sus redes sociales estableceremos una comunicación
imágen presionando sobre ella. y correo. mas directa con este.

5


Dominio.cl
Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos
conectados a la red Internet. El propósito principal de los nombres de dominio en Internet y del sistema
de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a términos
memorizables y fáciles de encontrar.
Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro
en la red Internet, aún cuando el cambio implique que tendrá una dirección IP diferente.

Sitios Chilenos Organizaciónes Sitios Comerciales Sitios Gratuitos
Originalmente para servir a Es el dominio de nivel superior Del inglés commercial es un Tokelau ofrece la mayoría de
organizaciones que no se clasifican geográfico para Chile creado en dominio de internet genérico dominios .tk como gratuitos. Los
adecuadamente en los otros 1987. Es administrado por que forma parte del sistema de dominios gratuitos están señalados
dominios. Suelen ser usados por NIC Chile (Nic.cl). dominios de internet. El dominio a los servidores de Tokelau,
asociaciones sin ánimo de lucro, Organismo dependiente de la .com es uno de los dominios los cuales ofrecen servicio de
ONGs como Wikipedia Universidad de Chile. originales de internet. redireccionamiento web.

6


Web Hosting
El web hosting o alojamiento web funciona como memoria virtual, es donde almacenaremos toda la información
con respecto a nuestro sitio web y a su construcción. Contrataremos el servicio externo de una empresa
dedicada al servicio de hosting llamada “PowerHost”, que nos ofrece un plan de $24.500 por un año que
incluye las siguientes condiciones:

General : Soporte : Correos :
Setup : Gratis Guía de soporte : Si Cuentas de E-Mail : 10
Disco duro : 1000 MB Ticket system : Si Autoresponders : 10
Transferencia mensual : 25 GB Base de conocimiento : Si Webmail : Si
Panel de control Cpanel : Si Soporte por E-Mail : Si Spam Assassin : Si
Panel multidominios WMH : No
Acceso shell : No

Dominios : Herramientas : Herramientas :
Dominios apuntados : 1 Cuentas FTP : 5 PHP MyAdmin : Si
Sub dominios : 2 PostgreSQL Database : No Fantastico Deluxe : Si
Re direccionamientos : 2 MySQL Database : 3 Libreria CGI scripts : Si
PHP : Si Estadísticas : Si
Adobe Flash : Si Backups : Si

El plan de hosting, fue elegido para satisfacer todas las necesidades y requerimientos, para el correcto
funcionamiento del sitio web. Se eligió un plan para tener una buena taza de visitas mensuales, facilidad
para subir archivos y una buena compatibilidad con tecnilogias de última generación en servicio web.

7


CAPITULO 2
Reconocimiento de Etapas de Desarrollo
Junto con el crecimiento de la internet nacieron pequeños nichos que antes no existían sobre la creación de
sitios web en pequeñas y medianas empresas que muchas veces caen en la tentación de conseguir un sitio a
bajo costo pagando altos precios a la hora de las respuestas.
A la hora de diseñar un sitio web de nivel profesional se necesitan principalmente cuatro importantes e
insustituibles pasos.

Planificación Producción Publicacion Feedback
Previo a la configuración y diseño Luego de que todos los parámetros Luego del proceso offline del Tal vez pasado un par de meses
de una pagina web existe la y medidas estén claras se prosigue sitio ahora prosigue el carga del con el sitio ya operativo y una
instancia de planificación en donde a el armado de el sitio en donde se contenido del sitio en el hosting cantidad contundente de visitas del
se bocetean ciertos aspectos para trabaja estructuralmente siguiendo de la pagina, la configuración sitio se crea un pequeño registro
establecer y decidir parámetros los pasos previos de el proceso de del dominio y posterior puesta de los puntos bajos de la pagina,
para la construcción y armado investigación del sitio. en marca del sitio con múltiples áreas siegas y posibles bugs para
posterior del sitio. pruebas de usuarios. su corrección y o actualización.

8


CAPÍTULO 3
Definición del tema de trabajo
En nuestro taller se nos encargo desarrollar un proyecto web de nivel profesional junto con la confección de
este libro explicativo con cada uno de los pasos y procesos de la creación y estructuración de ambos.
Luego de un pequeño cambio en la empresa que desarrollaríamos decidimos quedarnos con la de una cliente
de una de nuestras integrantes; Armario Creativo.

Directora de arte Productor Director General
Johanna Tobar Sebastian Fernandez Sebastian Jimenez
Encargada de la dirección Es el experto del grupo en el Encargado de la diagramacion
de arte del proyecto es quien área web quien se encarga de del área editorial recopilación e
supervisa el trabajo de el equipo tanto la terminología como la interpretación de información, Se
ademas de tener contacto directo obra gruesa de la programación desempeña como coordinador del
con la cliente a la hora de las del sitio ademas de colaborar grupo de trabajo.
correcciones. la hora de tomar decisiones de
implementación.

9


Presupuesto del proyecto
Esquema de costos y proporciones

Neto $385.900
iva $73.321
Total $459.221

10


CAPITULO 4
Recopilación de informacion
ArmarioCreativo es una tienda que se creo, hace aproximadamente dos años y medio, iniciada por la
diseñadora de vestuario Alejandra Tobar, y comenzó impulsada por la necesidad de introducir en el mercado
moda que permitiera a una mujer joven representar su identidad y estilo.
Muy Alejada de los mall’s y el retail nacional, ArmarioCreativo busca nutrir a sus clientes de prendas únicas y
exclusivas considerando cada una de nuestras prendas como prendas únicas, muy lejos de la industrialización
comercial y desindividualizacion personal. Abarcando vestuario femenino e infantil.
En la actualidad es una tienda que no posee lugar físico y funciona a través de las redes sociales a modo de
encargo y entrega en puntos de encuentro como metros y plazas centrales de la capital.

Visión Misión Valores
Creemos en una industria Lograr potenciar y representar a la Nuestra empresa es independiente
ecológica que utilice recursos en mujer joven de forma integra, por lo que hemos aprendido a
desuso incorporandolos al ciclo de logrando que el cliente se sienta luchar por lo que queremos de
producción nuevamente. reflejado forma profesional y seria pensando
Ademas de contribuir al diseño en nuestro cliente como en
chileno con productos de calidad. nosotros mismos.

11


Nuestro Cliente
Nuestra cliente es Alejandra tobar, creadora de la tienda de diseño independiente, llamada ArmarioCreactivo,
es una persona proactiva, caracterizado por su espíritu joven, fresco e inquieto. Sus trabajos son una explosión
de color, en cada una de sus propuestas que hace refleja actitud y energía, que se impone a lo ya establecido
y que busca destacar en el área del diseño.
La tienda funciona por ventas por internet o envió por mayor a diversas tiendas del país.
En la actualidad la tienda solo es online, con excepción de las tiendas en las cueles funciona como proveedor.
Por esto se necesita implementar un sitio que permita darse a conocer de forma más rápida y fácil. Por esto el
sitio le permitirá fomentar su posicionamiento en el mercado.

Fortalezas Debilidades Oportunidades: Amenazas
El principal beneficio de el En algunos clientes el canal en Es introducir su marca al mundo de La principal amenaza de la ropa on
desarrollo de una pagina web línea de compra y venta de las redes sociales, paginas con line siempre es el retail presente
para laempresa es estrechar la productos aun es un tanto contenido dinámico y compras en en nuestros tiempos con precios
comunicación y masificar las redes desconocido por lo que linea es importante y sumamente quizás mas rebajados por las
decontacto entre los clientes y puede generaralgún grado de necesario para aumentar el circulo grandes cantidades que ellos
diseñadora. desconfianza. de contactos. adquieren.

12


Publico Objetivo
Es un público joven y adulto joven femenino, aproximadamente entre 16 y 37 años, son mujeres que se quieren
diferenciar del resto, porque se aburrieron de lo que vende el mercado. A los clientes de ArmarioCreativo les
gusta la moda y tienen un estilo propio.
No se conforma con lo tradicional y hace uso de su imaginación.
La tienda posee productos tanto para mujeres como para niños (hijos) por lo que el cliente es la mujer y el
usuario es tanto la mujer como su hija lo que crea un pequeño ciclo de clientes.

Factores Culturales Factores Sociales Estereotipo
El público de la tienda es clase Los clientes de este tipo de tiendas Buscan estilo y vanguardia, a
media, porque los precios de poseen la costumbre de coordinar un buen precio, las clientas de
los productos van desde 6.000 sus compras con la vendedora por armariocreactivo están traz de
a 20.000 pesos. Por lo que es medio de algún tipo de red social una identidad propia debido a su
alcanzable para cualquier tipo de para luego juntarce y realizar la pasión por la moda, son capaces
razón social. Luego considerando transacción de forma informal. de gastar lo que sea necesario por
el hecho de que los productos son Pertenecen a un grupo de un producto que les gusta.
nuevos y de diseño independiente boutiques online que ofrecen Sobre todo les gusta sentir que
se descarta las clases sociales artículos usados o nuevos a visten una prenda exclusiva.
mas vulnerables. reducidos costos y usando
conceptos de una feria de pulgas.
13


Referentes Observados
Recopilación de información
Es un público joven y adulto joven femenino, aproximadamente entre 16 y 37 años, son mujeres que se quieren
diferenciar del resto, porque se aburrieron de lo que vende el mercado. A los clientes de ArmarioCreativo les
gusta la moda y tienen un estilo propio.
No se conforma con lo tradicional y hace uso de su imaginación.
La tienda posee productos tanto para mujeres como para niños (hijos) por lo que el cliente es la mujer y el
usuario es tanto la mujer como su hija lo que crea un pequeño ciclo de clientes.

kontracorriente.com Rapsodia.cl danielacortese.com Umbrale.cl
Esta tienda es una de diseño Tienda de retail multinacional Es una destacada en el ambiente Tienda de retail Nacional sin
independiente en argentina, lugar latinoamericana con una gráfica del diseño de autor, en argentina. pretensiones de expansión que
en donde se fomenta y se aprecia rica en imágenes y texturas que Comenzó a mediado de los cuenta un asombroso listado
el diseño, KONTRACORRIENTE tomaremos como fuerte referente 90 y desde esta época ella se de exitosas campañas gráficas
(KTCT) nace en 2008, y desde a la hora de la confección a expandido al extranjero, a ganadoras de premios.
esta época ellos se han ido de nuestras piezas gráficas países como Canadá, Estados Es un fuerte referente en gráfica
expandiendo por los diversos destacando el detalle de el header Unidos y España. Además ella se estática y estetica aunque a nivel
lugares de argentina. Tienen en con ese sutil movimiento. encarga de realizar el vestuario de web no entrega una segunda
comun la actitud y energia que exitosos programas televisivos en mirada que podamos rescatar.
quieren entregar a sus clientas. Argentina.

14


Canales de comunicación
Recopilación de información
Son diferentes medios que sirven para enlazar dos ordenadores conectados a la
red (inalambricos o al´ambricos). Pero también es una red un grupo de páginas web, que usen hiperenlaces
para referirse unas a otras.
Como Canales de comunicación usaremos canales asíncronos, en estos no es necesario que los involucrados
estén conectados simultáneamente.

Bidireccional Multidireccional Multidireccional
Correo electrónico,para que los limitada (Los usuarios pueden abierta Blogs, Flickr. Son utilizados
clientes puedan hacer sugerencias, crear, modificar o borrar un mismo para presentar sus productos
preguntas, pedir productos por texto que comparten):: Facebook. con imágenes, actualizadas
mayor, entre otras cosas. La tienda ya poseía una Facebook diariamente.
con sus seguidores, los cuales
se contactan por este medio para
concretar ventas.

15


Cronograma del proyecto
Esquema de disposicion para la pagina

SIMBOLOGIA SEMANA 1 - SEMANA 2
Trabajamos para el primer proyecto, el cual
Sebastian Jimenez
Johanna Tobar
Sebastian Fernandez
4
SEMANA
terminamos cambiando.

Feriado SEMANA 3
Johanna se reúne con el cliente y llevan a
PROPUESTAS, EVALUACION cabo el acuerdo.
Distribución de tareas y horarios de
trabajo.
CORDINARCION, DISEÑO
Y EVALUACION Johanna realiza un breaf que sebastian
luego explayara.
RECOPILACION, INTERPRETACIOM E
INVESTIGACION FERIADO
3
SEMANA
Periodo libre designado por fiestas patrias.

SEMANA 4
1
SEMANA
Desarrollo del 90% de la información e
scrita del informe
Desarrollo infografias con los datos del Día
5. (gráfica estéril)
Desarrollo en conjunto del grupo de gráficas
y edición fotográfica
Diagramacion & Confección del área
editorial del proyecto
Revisión bajo tutoría y posterior corrección
de detalles
Impresión de informe editorial y empaste
tapa dura profesional
2
SEMANA
Desarrollo del blog digital del proyecto &
sellado del disco

16


CAPITULO 5
Control de variables de soporte
La pagina será diseñada en base a altos parámetros de diseño web, sustentada en HTML & CSS con un par
de aplicaciones Java para los slides de la pantalla de inicio por ejemplo; ademas de la incorporación un motor
para el desempeño de un carro de compras con la función de fomentar y agilizar la venta promoviendo el
servicio entre los demás posible usuarios del sitio.
Galerías generadas en base a Lightbox para mostrar los productos en un mejor tamaño. Incorporara vídeos
linkeados desde algún servidor externo como Vimeo o youtube para asegurar su estabilidad.
Los estándares de navegación serán previstos para Google Chrome, Firefox y Safari incluyendo
automáticamente a Internet Explorer y las ultimas versiones de Opera.
Todo esto se ejecutara por medio de las herramientas de adobe Cs5; principalmente adobe illustrator, adobe
Photoshop, Adobe Indesign & Adobe Dreamweaver.

17


Html5
Es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML
Es un lenguaje de marcado de hipertexto el cual se utiliza en mas del 90% de los sitios de la red. Culpable
de la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales
como imágenes. Ademas de ser capas de incluir un script (por ejemplo JavaScript), el cual puede afectar el
comportamiento de navegadores web y otros procesadores de HTML.
En esta quinta versión de HTML este adquirió habilidades que son soportadas solo por los navegadores de
ultimas generaciones por lo que utilizaremos las justas y necesarias para no desamparar a los usuarios que no
posean estas tecnologías.

Beneficios Dificultades Porque
Entre los grandes beneficios de Las habilidades de HTML5 son Creemos que esta tecnología
esta tecnología podemos encontrar asombrosas y las incorporaremos es completamente necesaria y
la compatibilidad para el uso de en nuestro sitio como factor descartando el uso de flash en el
dispositivos móviles, rápida lectura diferenciador aportando tanto en el sitio por su casi nula presencia
progresiva de la estructuración del área del diseño y estética del sitio en dispositivos móviles al ser
sitio en caso de conexiones lentas comparado al HTML.
entre otras.

18


Css3
También llamada Hojas de estilo en cascada es la tecnología responsable de la apariencia del sitio el cual se
rige por ciertos parámetros previamente configurados la cual trabaja en conjunto con HTML.
CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML para
que este luego sea leído e interpretado por los diferentes navegadores del mercado.

Beneficios Dificultades Porque
En caso de que el diseño del sitio Usaremos los enormes beneficios Esta tecnología facilitara y
se necesite modificar solo basta que nos entrega la tercera potenciara el diseño y visualización
con modificar el contenido del CSS distribución de esta tecnología para de el sitio en los diferentes
para que la estética completa de la saciar las necesidades gráficas del navegadores para unificar su
pagina se modifique conservando sitio como son las sombras y los estética.
la estructura e información bordes redondeados. Es completa responsable del
almacenada en el HTML diseño y configuración de la
visualización del sitio.

19


Wordpress
WordPress es una avanzada plataforma semántica de publicación personal orientada a la estética, los
estándares web y la usabilidad. WordPress es libre y, al mismo tiempo, gratuito. Y nos permitira un sitio auto
administrable, por lo cual permite crear contenidos en minutos sin necesidad de FTP, posee sistema de archivo
y organización por categorías y tags.
Ademas de nos da la opcion de implementar y actualizar con diferentes plugin, como un carrito de compra
de facil edicion y uso.

Beneficios Plug-ins ¿Porque?
Es gran soporte, además Los plugins son herramientas para Wordpress puede ser tu solución
existen miles de recursos que extender la funcionalidad de en un blog, en una pequeña
podemos añadir a WP para WordPress. Este artículo contiene página corporativa o hasta en una
dotarlo de mayor funcionalidad una lista de plugins por categoría, red social. Para las típicas páginas
(plugins), es un software de y enlaces a repositorios de otro de pequeños negocios puede ser
gestión de contenidos, muy plugin. Plugins ofrecen funciones una solución, porque le das la
simple de navegar y personalizadas y funciones para herramienta al cliente para que sea
sencillo de utilizar. que cada usuario puede él mismo quien actualice su
personalizar su sitio a sus contenido y no tenga que
necesidades especícas. molestarte para cambiar página
estáticas.
20


JQgalery
jQuery es una liviana libreria de JavaScript, pensada para interactuar con los elementos de una web por medio
del DOM. Lo que la hace tan especial es su sencillez y su reducido tamaño.
Apollada en la tecnologia HTML5 es capas de ampliar, reducir, redondear y deformar imagenes directamente
por medio del explorador. sin necesidad que el diseñador tenga que modificarlas para su correcta visualizacion.

Beneficios Dificultades ¿Porque?
jQuery es una liviana librería de Opciones de galerías que ofrece La sencillez de su sintaxis y
JavaScript, pensada para jquery, el usuario debe tener la poca extensión del código
interactuar con los elementos de cierto conocimiento de web y que necesitas escribir son las
una web por medio del DOM. Lo javascript para lograr una características más notables. Si
que la hace tan especial es su eciente edición de esta. hicieras lo que hace jQuery con
sencillez y su reducido tamaño. Ademas de un browser que getElementById y window.onload
soporte HTML5 no solo tendrías que escribir
mucho, si no que podrían haber
diversos problemas.

21


Carro de Compras
El Carrito de Compras te permitirá vender múltiples artículos desde tu sitio web. El clientes compran en el sitio,
eligiendo distintos productos y agregándolos al Carrito. Cuando hayan terminado su compra podrán elegir
el método de pago. En pocos minutos, te pagarán utilizando las principales tarjetas de crédito
MAGENTO
Es la plataformas de Commerce más completas en la actualidad, ofreciendo flexibilidad y
control siempre acompañado de un gran diseño y funcionalidad. Por esto, este sera este el plugin que
implementaremos en el sitio.

Beneficios Dificultades ¿Porque?
Cada día es más sencillo poder Tiene problemas de compatibilidad Nuestra cliente no posee un lugar
disponer de nuestra propia tienda con algunos plugin, es mejor físico, y el carrito de compra le
online sin necesidad de grandes no usar plugins de cache para permite volver masiva la tienda, de
inversiones ni conocimientos WordPress ya que pueden forma fácil y le da un plus mas
técnicos gracias a Magento. también cachear la sesión actual serio y profesional
Proporcionando una plataforma de de cliente de Magento.
venta para nuestros sitios web en
wordpress.

22


Navegadores Mundiales
Esquema de disposición para la pagina

23


CAPITULO 6
Control de la arquitectura de información
En este punto distribuiremos la información de la empresa en el sitio por sus diferentes secciones armando
un mapa de navegación y construyendo un camino lógico de el recorrido de un usuario por este. Analizando
posibles puntos de interés y posibles problemas comunicacionales
Ademas explicaremos que información conforma cada sección del mapa cuáles fuerón las decisiones a la hora
de incorporarlo y una aproximación breve descripción de su gráfica según corresponda.

24


Mapa de navegación

25


Descripción del contenido
En esta sección explicaremos el funcionamiento de las secciones de Home (index), contacto y tienda que
corresponden al primer equipo necesario para la venta y comercialización de productos de la tienda.
Todos con una estética que conforma un sistema gráfico se parecen e interpretan el mismo mensaje de
diferentes formas para dar una agradable cesación de equidad y concordancia de contenido.
El principal objetivo de estas secciones es informar y organizar el sitio y promover el contenido.

Home Contactos Tienda
Como en la mayoría de los sitios El área de contacto busca tanto La tienda virtual de la pagina
esta es la pagina central del sitio llevar a cabo ventas directas con conforma un importante segmento
en donde se recibe la primera sus consumidores como distribuir en esta que corresponde
impresión de la empresa. Dando los productos a diferentes tiendas directamente al de ganancias
un incentivo a la exploración de las del área de Santiago o Regiones directas y genera una galería
demás secciones de la pagina para en caso de que fuese necesario. para sus productos con grandes
impulsar su auge. Todo esto funciona por medio de explicaciones.
un pequeño formulario de contacto.

26


Descripción del contenido
Esta segunda área del sitio representa al espíritu e identidad de la marca cultivando un concepto mas que la
comercialización del sitio.
Area encargada del marketing comunicacional de esta promoviendo contenido multimedia de video, fotos y
información rica para integrar en el universo de la marca al espectador o comprador de la tienda.

Videos Galeria Empresa
Destinada para la incorporación La galería representa una segunda Explicaremos un poco de la historia
de contenido multimedia (video) opción a la de el carro de compras de la empresa, sus visiones,
esta sección intenta acercar al enfatizando descartando la idea aspiraciones y una corta biografía
usuario y cliente de una forma de un producto y convirtiendo mas de su propietaria para interiorizar al
mas audiovisual en el contexto y en un concepto de vestimenta publico en su contenido.
concepto de tienda. con mucha mas producción
combinando una buena sesión
fotográfica con nuestros productos.

27


WireFrame
Redes sociales Redes sociales
Marca R R R R Marca R R R R

Menú Buscador Menú Buscador

Fotografía Miniatura Descripción Producto Carro de compras Fotografía Carro de compras

Descripción Producto

Fotografía Miniatura Descripción Producto Archivo (entradas) Archivo (entradas)

Fotografía Miniatura Descripción Producto Entradas destacadas Comentarios Entradas destacadas

Últimas entradas Info Últimos post usuarios Amigos Últimas entradas Info Últimos post usuarios Amigos

28


CAPITULO 7
Control de Diseño
De esta área esta encargada nuestra directora de arte Johanna Tobar quien en la búsqueda de una mayor
pregnancia en de la marca decidió aplicarle un pequeño rediseño para refrescar su imagen corporativa e
incorporar nuevos factores comunicacionales como por ejemplo las texturas que desde ahora en adelante
estarán muy presentes en la gráfica de ArmarioCractivo. Obviando un poco lo negro del logo anterior y
incorporando colores mas vivos esperamos ofrecer una mirada dinámica y atractiva a la tienda.

Concepto Colores Texturas
Entre los conceptos que más se Como resultado de su proceso de Luego de un largo proceso de
destacan son originalidad, actitud y creación, encontramos una prueba y error llegamos a la
vanguardia. Lo cual resulta ser lo explosión de colores y una fusión conclucion de que si bien la
que buscan sus clientas en los de diversas texturas que empresa cuenta con diversas
productos de ArmarioCreactivo, y representan la vitalidad y actitud texturas; no eran una buena las
por sobre todo lo que quiere que refleja la tienda para sus fotografias de estas no eran una
reejar la tienda. clientas que buscan la constante buena forma de representar la
diferenciación y femineidad. marca devido a la sobriedad que le
otorga al concepto.

29


Propuesta de Diseño
Control de Diseño
Está enfocada a un público joven y femenino, que le interesa la moda. El sitio esta diseñado para que cualquier
persona lo pueda visitar, sin necesidad de poseer un demasiado conocimiento web.
En el centro encontramos contenido de los productos, con su respectiva descripción. En la columna derecha,
tenemos información de las compras que hemos realizado y el historial de las publicaciones que ha
publicado la tienda. a continuacion las respectivas criticas:

Pagina Logo Grafica
Nos comentó que le falta Explico que la marca que Le agrado la ausencia de texturas
diferenciación del resto de las diseñamos refleja completamente reales que esta vez fueron
páginas, que no logra representar la identidad que ella queria reflejar reemplazadas por unas mas
del todo la identidad de la tienda, en sus diseños; un poco sobrio vectoriales convirtiendola en el
la pagina es demasiado femenina pero a la vez sonrriente. juego de grafica oficial de la marca.
y le falta actitud. Que le agrada
bastante la disposición de la
información.

30


Propuesta de Diseño
Control de Diseño
COMENTARIO
El principal concepto asociado a nuestra
propuesta gráfica esta muy ligada a la
femineidad seguido del dinamismo; muy por
el contrario de la antigua gráfica con una
mirada mas elegante y distinguida.
Nuestro cliente quedo conforme con la
propuesta aunque nosotros seguiremos
trabajando en las combinaciones de color
para fortalecer las divisiones de cada
sección en forme avance el taller

31

Sebastian Jimenez
Director General
Sebastian@holytree.cl

Sebastian Fernandez
Productor
Sebandal@hotmail.com

Johanna Tobar
Directora de Arte
Mailjohanna@hotmail.com

kameleon.cl
Imprenta Digital

Proyecto Web para
ArmarioCractivo.cl
Segundo Semestre 2011

Armario creactivo

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Armario creactivo

Similar a Armario creactivo (20)

Armario creactivo