Armario creactivo

Proyecto Web para ArmarioCractivo.cl

Segundo Semestre 2011

Informe investigativo de ArmarioCreactivo.cl

2

INDICEIntroducción 3CAPITULO 1

CAPITULO 2

CAPITULO 3

CAPITULO 4

MultimediaInteractividadDominio.clWeb Hosting

Reconocimiento de etapas

Definicion del trabajoPresupuestos del proyecto

Recopilacion de informaciónNuestro ClientePublico ObjetivoReferentes ObservadosCanales de comunicaciónCronograma del proyecto

4567

8

910

111213141516

investigativo de el desarrollo web de ArmarioCractivo.cl

CAPITULO 5

CAPITULO 6

CAPITULO 7

Variables de soporteHTML5CSS3WordPressJQgaleryCarrito de comprasNavegadores Mundiales

Arquitectura de informaciónMapa de navegaciónDescripción de contenidoWireframe

Control de diseñoPropuesta de diseño

17181920212223

24252628

2930


3

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.


4

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

Multimedia

Imagenes Audio Video Pdf

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.

Utilizaremos imágenes estáticas para la presentación de productos, logotipo, y armado del sitio web. Estas se incluiran en formato .jpg o .png por su relación peso / calidad y su alta compatibilidad con los navegadores y sus versiones.

El audio es uno de los principales factores de la multimedia actual aunque en este proyecto nos limitaremos a solo usar sonidos de botones descartando la idea de un sonido de fondo en la páwgina.

Para la demostración de algunos productos destacados utilizaremos videos. Éstos se hospedaran en YouTube con el fin de ahorrarespacio en el hosting y lograr un acceso mas universal.

Cierta información acerca de modelos, precios, catálogos y otros serán entregados en formato .PDF para su descarga directa desde el mismo sitio. La idea es que el usuario pueda contar con esta información para su respaldo.


5

Utilización Conceptos Básícos del medioInteractividad

Presentación de imágenes.

Presentación de videos

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:

Los productos presentados en imágenes, utilizaran un sistema de zoom a este misma, para que así, el usuario reciba un mayor detalle del producto. Para llegar a esto,el usuario deberá vistar la foto y en ella, presionar el ícono de la lupa.Además podrá descargar la imágen presionando sobre ella.

Los videos tendrán una reproducción clásica, es decir con un menú controlador, mediante el cual el usuario podrá: reproducir, retroceder, detener y agrandar lapelicula, ademas subir el volúmen y también compartir este video a través de sus redes sociales y correo.

Descarga dearchivosLa descarga de archivos se efectuará mediante un link de descarga directo. Al presionar este botón (Imágene ejemplo abajo), comenzará automaticamente ladescarga del archivo.

Interaccion conredes socialesAl lado de la botonera principal seencuentran links directos a nuestras paginas de redes sociales, en ellas encontrará unainformación actualizada a diario. Podrá opinar y preguntar acerca de servicios y productos y además estableceremos una comunicación mas directa con este.


6

Utilización Conceptos Básícos del medio

Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equiposconectados 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 otroen la red Internet, aún cuando el cambio implique que tendrá una dirección IP diferente.

Dominio.cl

Sitios Chilenos Organizaciónes Sitios GratuitosSitios ComercialesOriginalmente para servir a organizaciones que no se clasifican adecuadamente en los otros dominios. Suelen ser usados por asociaciones sin ánimo de lucro, ONGs como Wikipedia

Es el dominio de nivel superior geográfico para Chile creado en 1987. Es administrado por NIC Chile (Nic.cl).Organismo dependiente de la Universidad de Chile.

Tokelau ofrece la mayoría de dominios .tk como gratuitos. Los dominios gratuitos están señalados a los servidores de Tokelau, los cuales ofrecen servicio de redireccionamiento web.

Del inglés commercial es un dominio de internet genérico que forma parte del sistema de dominios de internet. El dominio .com es uno de los dominios originales de internet.


7

Utilización Conceptos Básícos del medio

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:

Correos :Cuentas de E-Mail :

Autoresponders :Webmail :

Spam Assassin :

Herramientas :PHP MyAdmin :

Fantastico Deluxe :Libreria CGI scripts :

Estadísticas :Backups :

1010SiSi

SiSiSiSiSi

General :Setup :

Disco duro :Transferencia mensual :

Panel de control Cpanel :Panel multidominios WMH :

Acceso shell :

Dominios :Dominios apuntados :

Sub dominios :Re direccionamientos :

Gratis1000 MB25 GBSiNoNo

122

Herramientas :Cuentas FTP :

PostgreSQL Database :MySQL Database :

PHP :Adobe Flash :

5No3SiSi

Soporte :Guía de soporte :

Ticket system :Base de conocimiento :

Soporte por E-Mail :

SiSiSiSi

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.

Web Hosting


8

CAPITULO 2Reconocimiento de Etapas de Desarrollo

Planificación Producción Publicacion FeedbackPrevio a la configuración y diseño de una pagina web existe la instancia de planificación en donde se bocetean ciertos aspectos para establecer y decidir parámetros para la construcción y armado posterior del sitio.

Luego de que todos los parámetros y medidas estén claras se prosigue a el armado de el sitio en donde se trabaja estructuralmente siguiendo los pasos previos de el proceso de investigación del sitio.

Luego del proceso offline del sitio ahora prosigue el carga del contenido del sitio en el hosting de la pagina, la configuración del dominio y posterior puesta en marca del sitio con múltiples pruebas de usuarios.

Tal vez pasado un par de meses con el sitio ya operativo y una cantidad contundente de visitas del sitio se crea un pequeño registro de los puntos bajos de la pagina, áreas siegas y posibles bugs para su corrección y o actualización.

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.


9

CAPÍTULO 3Definición del tema de trabajo

Directora de arte ProductorSebastian FernandezJohanna Tobar Sebastian Jimenez

Director General

Es el experto del grupo en el área web quien se encarga de tanto la terminología como la obra gruesa de la programación del sitio ademas de colaborar la hora de tomar decisiones de implementación.

Encargado de la diagramacion del área editorial recopilación e interpretación de información, Se desempeña como coordinador del grupo de trabajo.

Encargada de la dirección de arte del proyecto es quien supervisa el trabajo de el equipo ademas de tener contacto directo con la cliente a la hora de las correcciones.

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.


10

Esquema de costos y proporcionesPresupuesto del proyecto

Netoiva

Total

$385.900$73.321

$459.221


11

CAPITULO 4Recopilació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 ValoresCreemos en una industria ecológica que utilice recursos en desuso incorporandolos al ciclo de producción nuevamente.Ademas de contribuir al diseño chileno con productos de calidad.

Lograr potenciar y representar a la mujer joven de forma integra,logrando que el cliente se sienta reflejado

Nuestra empresa es independiente por lo que hemos aprendido a luchar por lo que queremos de forma profesional y seria pensando en nuestro cliente como en nosotros mismos.


12

Recopilación de informacionNuestro Cliente

Fortalezas Debilidades Oportunidades: AmenazasEl principal beneficio de el desarrollo de una pagina web para laempresa es estrechar la comunicación y masificar las redes decontacto entre los clientes y diseñadora.

En algunos clientes el canal en línea de compra y venta deproductos aun es un tanto desconocido por lo que puede generaralgún grado de desconfianza.

Es introducir su marca al mundo de las redes sociales, paginas concontenido dinámico y compras en linea es importante y sumamente necesario para aumentar el circulo de contactos.

La principal amenaza de la ropa on line siempre es el retail presente en nuestros tiempos con precios quizás mas rebajados por las grandes cantidades que ellos adquieren.

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.


13

Recopilación de informacionPublico ObjetivoEs 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 EstereotipoEl público de la tienda es clase media, porque los precios de los productos van desde 6.000 a 20.000 pesos. Por lo que es alcanzable para cualquier tipo de razón social. Luego considerando el hecho de que los productos son nuevos y de diseño independiente se descarta las clases sociales mas vulnerables.

Los clientes de este tipo de tiendas poseen la costumbre de coordinar sus compras con la vendedora por medio de algún tipo de red social para luego juntarce y realizar latransacción de forma informal.Pertenecen a un grupo de boutiques online que ofrecen artículos usados o nuevos a reducidos costos y usando conceptos de una feria de pulgas.

Buscan estilo y vanguardia, a un buen precio, las clientas de armariocreactivo están traz de una identidad propia debido a su pasión por la moda, son capaces de gastar lo que sea necesario por un producto que les gusta. Sobre todo les gusta sentir que visten una prenda exclusiva.


14

Recopilación de informaciónReferentes ObservadosEs 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 danielacortese.com Umbrale.clEsta tienda es una de diseño independiente en argentina, lugar en donde se fomenta y se aprecia el diseño, KONTRACORRIENTE (KTCT) nace en 2008, y desde esta época ellos se han ido expandiendo por los diversos lugares de argentina. Tienen en comun la actitud y energia que quieren entregar a sus clientas.

Tienda de retail multinacional latinoamericana con una gráfica rica en imágenes y texturas que tomaremos como fuerte referente a la hora de la confección de nuestras piezas gráficas destacando el detalle de el header con ese sutil movimiento.

Es una destacada en el ambiente del diseño de autor, en argentina. Comenzó a mediado de los 90 y desde esta época ella se a expandido al extranjero, a países como Canadá, Estados Unidos y España. Además ella se encarga de realizar el vestuario de exitosos programas televisivos en Argentina.

Tienda de retail Nacional sin pretensiones de expansión que cuenta un asombroso listado de exitosas campañas gráficas ganadoras de premios.Es un fuerte referente en gráfica estática y estetica aunque a nivel web no entrega una segunda mirada que podamos rescatar.

Rapsodia.cl


15

Recopilación de informaciónCanales de comunicaciónSon diferentes medios que sirven para enlazar dos ordenadores conectados a lared (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 MultidireccionalCorreo electrónico,para que los clientes puedan hacer sugerencias, preguntas, pedir productos por mayor, entre otras cosas.

limitada (Los usuarios pueden crear, modificar o borrar un mismo texto que comparten):: Facebook. La tienda ya poseía una Facebook con sus seguidores, los cuales se contactan por este medio para concretar ventas.

abierta Blogs, Flickr. Son utilizados para presentar sus productos con imágenes, actualizadas diariamente.


16

1SEMANA

3SEMANA

4SEMANA

2SEMANA

CORDINARCION, DISEÑO Y EVALUACION

PROPUESTAS, EVALUACION

RECOPILACION, INTERPRETACIOM E INVESTIGACION

Esquema de disposicion para la paginaCronograma del proyecto

SIMBOLOGIASebastian JimenezJohanna TobarSebastian FernandezFeriado

SEMANA 1 - SEMANA 2

SEMANA 3

FERIADO

SEMANA 4

Trabajamos para el primer proyecto, el cual terminamos cambiando.

Johanna se reúne con el cliente y llevan a cabo el acuerdo.Distribución de tareas y horarios de trabajo.Johanna realiza un breaf que sebastian luego explayara.

Periodo libre designado por fiestas patrias.

Desarrollo del 90% de la información e scrita del informeDesarrollo infografias con los datos del Día 5. (gráfica estéril)Desarrollo en conjunto del grupo de gráficas y edición fotográficaDiagramacion & Confección del área editorial del proyectoRevisión bajo tutoría y posterior corrección de detallesImpresión de informe editorial y empaste tapa dura profesionalDesarrollo del blog digital del proyecto & sellado del disco


17

CAPITULO 5Control 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.


18

Control de variables de soporteHtml5Es la quinta revisión importante del lenguaje básico de la World Wide Web, HTMLEs 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 DificultadesEntre los grandes beneficios de esta tecnología podemos encontrar la compatibilidad para el uso de dispositivos móviles, rápida lectura progresiva de la estructuración del sitio en caso de conexiones lentas entre otras.

Las habilidades de HTML5 son asombrosas y las incorporaremos en nuestro sitio como factor diferenciador aportando tanto en el área del diseño y estética del sitio

Creemos que esta tecnología es completamente necesaria y descartando el uso de flash en el sitio por su casi nula presencia en dispositivos móviles al ser comparado al HTML.

Porque


19

Control de variables de soporteCss3Tambié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 PorqueEn caso de que el diseño del sitio se necesite modificar solo basta con modificar el contenido del CSS para que la estética completa de la pagina se modifique conservando la estructura e información almacenada en el HTML

Usaremos los enormes beneficios que nos entrega la tercera distribución de esta tecnología para saciar las necesidades gráficas del sitio como son las sombras y los bordes redondeados.

Esta tecnología facilitara y potenciara el diseño y visualización de el sitio en los diferentes navegadores para unificar su estética.Es completa responsable del diseño y configuración de la visualización del sitio.


20

Control de variables de soporteWordpressWordPress 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 comprade facil edicion y uso.

Beneficios Plug-insEs gran soporte, ademásexisten miles de recursos quepodemos añadir a WP paradotarlo de mayor funcionalidad(plugins), es un software degestión de contenidos, muysimple de navegar y sencillo de utilizar.

Los plugins son herramientas paraextender la funcionalidad deWordPress. Este artículo contieneuna lista de plugins por categoría, y enlaces a repositorios de otroplugin. Plugins ofrecen funcionespersonalizadas y funciones paraque cada usuario puede personalizar su sitio a sus necesidades especícas.

Wordpress puede ser tu soluciónen un blog, en una pequeñapágina corporativa o hasta en unared social. Para las típicas páginasde pequeños negocios puede seruna solución, porque le das laherramienta al cliente para que seaél mismo quien actualice sucontenido y no tenga que molestarte para cambiar páginaestáticas.

¿Porque?


21

Control de variables de soporteJQgaleryjQuery 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 DificultadesjQuery es una liviana librería deJavaScript, 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.

Opciones de galerías que ofrecejquery, el usuario debe tenercierto conocimiento de web yjavascript para lograr unaeciente edición de esta.Ademas de un browser que soporte HTML5

La sencillez de su sintaxis y la poca extensión del código que necesitas escribir son las características más notables. Si hicieras lo que hace jQuery con getElementById y window.onload no solo tendrías que escribir mucho, si no que podrían haber diversos problemas.

¿Porque?


22

Control de variables de soporteCarro de ComprasEl 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 elegirel método de pago. En pocos minutos, te pagarán utilizando las principales tarjetas de crédito

Es la plataformas de Commerce más completas en la actualidad, ofreciendo flexibilidad ycontrol siempre acompañado de un gran diseño y funcionalidad. Por esto, este sera este el plugin que implementaremos en el sitio.

Beneficios DificultadesCada día es más sencillo poderdisponer de nuestra propia tiendaonline sin necesidad de grandesinversiones ni conocimientostécnicos gracias a Magento.Proporcionando una plataforma de venta para nuestros sitios web en wordpress.

Tiene problemas de compatibilidadcon algunos plugin, es mejorno usar plugins de cache paraWordPress ya que puedentambién cachear la sesión actualde cliente de Magento.

Nuestra cliente no posee un lugarfísico, y el carrito de compra lepermite volver masiva la tienda, deforma fácil y le da un plus masserio y profesional

¿Porque?

MAGENTO


23

Esquema de disposición para la paginaNavegadores Mundiales


24

CAPITULO 6Control 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.


25

Control de la arquitectura de informaciónMapa de navegación


26

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 TiendaComo en la mayoría de los sitios esta es la pagina central del sitio en donde se recibe la primera impresión de la empresa. Dando un incentivo a la exploración de las demás secciones de la pagina para impulsar su auge.

La tienda virtual de la pagina conforma un importante segmento en esta que corresponde directamente al de ganancias directas y genera una galería para sus productos con grandes explicaciones.

Control de la arquitectura de informaciónDescripción del contenido

ContactosEl área de contacto busca tanto llevar a cabo ventas directas con sus consumidores como distribuir los productos a diferentes tiendas del área de Santiago o Regiones en caso de que fuese necesario. Todo esto funciona por medio de un pequeño formulario de contacto.


27

Control de la arquitectura de informaciónDescripción del contenidoEsta 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 GaleriaDestinada para la incorporación de contenido multimedia (video) esta sección intenta acercar al usuario y cliente de una forma mas audiovisual en el contexto y concepto de tienda.

La galería representa una segunda opción a la de el carro de compras enfatizando descartando la idea de un producto y convirtiendo mas en un concepto de vestimenta con mucha mas producción combinando una buena sesión fotográfica con nuestros productos.

EmpresaExplicaremos un poco de la historia de la empresa, sus visiones, aspiraciones y una corta biografía de su propietaria para interiorizar al publico en su contenido.


28

Control de la arquitectura de informaciónWireFrame

Fotografía Miniatura



Descripción Producto



Carro de compras

Archivo (entradas)

Entradas destacadas

Marca

Menú Buscador

R R R R

Últimas entradas Info Últimos post usuarios Amigos

Redes sociales


Carro de compras

Archivo (entradas)

Entradas destacadas

Marca

Menú Buscador

R R R R

Últimas entradas Info Últimos post usuarios Amigos

Fotografía

Comentarios

Redes sociales


29

CAPITULO 7Control de Diseño

De esta área esta encargada nuestra directora de arte Johanna Tobar quien en la búsqueda de una mayorpregnancia en de la marca decidió aplicarle un pequeño rediseño para refrescar su imagen corporativa eincorporar 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 TexturasEntre los conceptos que más sedestacan son originalidad, actitud yvanguardia. Lo cual resulta ser loque buscan sus clientas en losproductos de ArmarioCreactivo, ypor sobre todo lo que quierereejar la tienda.

Como resultado de su proceso decreación, encontramos unaexplosión de colores y una fusiónde diversas texturas que representan la vitalidad y actitud que refleja la tienda para sus clientas que buscan la constante diferenciación y femineidad.

Luego de un largo proceso de prueba y error llegamos a la conclucion de que si bien la empresa cuenta con diversas texturas; no eran una buena las fotografias de estas no eran una buena forma de representar la marca devido a la sobriedad que le otorga al concepto.


30

Control de DiseñoPropuesta de DiseñoEstá 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 GraficaNos comentó que le falta diferenciación del resto de las páginas, que no logra representar del todo la identidad de la tienda, la pagina es demasiado femenina y le falta actitud. Que le agrada bastante la disposición de la información.

Explico que la marca que diseñamos refleja completamente la identidad que ella queria reflejar en sus diseños; un poco sobrio pero a la vez sonrriente.

Le agrado la ausencia de texturas reales que esta vez fueron reemplazadas por unas mas vectoriales convirtiendola en el juego de grafica oficial de la marca.


31

Control de DiseñoPropuesta de Diseño

COMENTARIOEl 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

Sebastian JimenezDirector [email protected]

Sebastian [email protected]

Johanna TobarDirectora de [email protected]

kameleon.clImprenta Digital

Proyecto Web para ArmarioCractivo.clSegundo Semestre 2011

Documents

Armario creactivo