Webstore design

Page 1

Sarah Trテ、gner Garcテュa Proyecto grテ。fico audiovisual:

DISEテ前 WEB



ÍNDICE 1. Propuesta 2. Objetivos de comunicación 3. Documentación 4. Proceso de ideación 5. Modelo final 6. Bibliografía



1. Propuesta El proyecto que se plantea consiste en el diseño y creación de la identidad visual para una tienda de gafas vintage en plataforma online cuyo naming será ‘Ça plane pour moi Vintage glasses’; realizando también el website. Dicha tienda ofrece gafas de gran calidad, procedentes directamente de las décadas de los 50, 60, 70 y 80’s o bien acuales inspiradas en las mismas. El producto es de gran exclusividad por lo tanto el precio de éste será medio-alto, casi dedicado a coleccionistas. Se generarán una serie de contenidos que tendrán que ser accesibles para un público internacional. También el mundo de ésta marca y su imagen estará acorde con una serie de carácterísticas concretas de acuerdo a un determinado target y a la evocación de las épocas que ‘Ça plane pour moi’ conlleva.



2. Objetivos de comunicación 2.1. Qué 2.2. A quién 2.3. Dónde 2.4. Cómo


2.1. Qué Se trata de la Identidad Visual Corporativa, Web site y Secciones de la misma. La Identidad de ‘Ça plane pour moi Vintage glasses’ hará un guiño contemporáneo al diseño vintage pero sin exagerar demasiado y huyendo de obviedades. La web será diseñada en HTML y de usabilidad óptima, siendo una mezcla entre corporativo, online shop y espacio autopromocional que crea una extraña mezcla de objetivos creando de esta forma una sinergia comunicacional que hace de su visita una experiencia siempre apetecible. Las secciones serán divididas en seis, incluyendo, un catálogo que diferencia cada época, gafas de lectura y de sol, femeninas y masculinas; además de una intro, información sobre la tienda y un lookbook. Las tres restantes serán características de la marca personal de la tienda.


2.2. A quién El cliente potencial de ‘Ça plane pour moi’ esta formado por mujeres y hombres de unos 25 a 45 años, es atrevido y cosmopolita, muy preocupado por su imagen y con un nivel adquisitivo medio-alto, al que no le importa pagar algo más por un producto que sabe lo diferenciará y que contribuirá a la construcción de su identidad. El target se encuentra repartido por todo el mundo, por lo que el idioma elegido es el inglés. Serán personalidades elegantes, sofisticadas y exclusivas, a la par que divertidas, con alma libre y ciertamente alocada.


2.3. Dónde La identidad se diseña pensando en el soporte pantalla. Ya que se trata de una tienda online el lugar no físico donde se desarrollará todo el mundo vintage de la marca será en las pantallas de los ordenadores o en las tablets de los posible clientes o curiosos. Dicho lugar interactuará con el público, por lo tanto tiene que ser accesible y tener una serie de imágenes y elementos pregnantes que inviten a quedarse y curiosear por el site, y que dentro de el paseo del visitante pueda sentir el espíritu de las épocas de los 50, 60, 70, y 80’s en esta plataforma contemporánea. Será un lugar cómodo y con libertad para el cliente, cumpliendo valores de usabilidad que permitan navegar fácilmente por la web sin generar desconciertos.


2.4. Cómo Se hará de ‘Ça plane pour moi’ un lugar virtual divertido y sin prejuicios en el que los clientes pueden sentir bienestar y ser lo que quieran ser. Transmitirá confianza y seriedad, pues al no disponer de locales físicos la comunicación de dichos valores adquiere una especial relevancia. Se procura no hacer hincapié en una época concreta ya que en este sitio se pueden encontrar gafas que abarcan de los 50 a los 80 y sería contraproducente dar la impresión de que se excluyen décadas al presentar una imagen demasiado cercana a una en concreto.



3. Documentación Se lleva a cabo una recopilación de determinados datos para fijar unas pautas que la IVC seguirá. Para ello nos documentamos con estilos, iconografías y otros aspectos gráficos que hiciesen referencia al mundo vintage que en la actualidad está teniendo mucho éxito. Se toman una serie de referentes y se analizan para crear una nueva imagen moderna con objetos del pasado. Como punto de partida se establecerán relaciones entre los estilos de las distintas décadas y la personalidad de nuestro público objetivo, tomando de cada elemento las características que resultan más relevantes y las cuales puedan generar un mundo gráfico que llame la atención.


A partir de los años 50 la sociedad empieza a tener un poco más de conciencia en gran variedad de elementos de diseño. Destaca el diseño americano, con el uso de diferentes tipografías y la polimetría. Ambienta un espíritu concreto y especial. Sienten la fuerza de los colores, el arte se vuelve más comercial. La revolución que convierte el diseño en arte se desarrolla en la época de los 60. La revolución sexual tambien fue un hecho que marcaba una nueva era y otro estilo de vida. Con la crisis del petróleo en los 70 la sociedad se altera, el mundo se ve alocado artísticamente; el estilo se vuelve más barroco. En los 80 el hedonismo se aprecia en los grupos sociales.


Referentes


Magazines

Revista WET

Revista MAD De estas publicaciones tomaremos las notas de humor, tambiĂŠn los colores llamativos y el aire alocado.


Magazines

Revista U&lc Rigor compositivo. Dinamismo en la tipografĂ­a.


Gráfica publicitaria

Barbara Kruger Apariencia seria, contenido descarado. También la superposición del texto sobre la imagen como recurso gráfico.


Fotografía

Helmut Newton Contextualización de personas contemporáneas en un ambiente vintage

Andrés Serrano Máximo protagonismo de los rasgos del protagonista, en nuestro caso nuestro público. Exageración de sus facetas.


Fotografía

Denis Rouvre

Yasumasa Morimura

Forma de ser sin prejuicios. Atípico y a la vez natural.

Atrezzo llamativo, caracterización que evoque las épocas que repreenta la marca.


Diseño contemporáneo

Trazos gruesos y colores llamativos. Diversión.


DiseĂąo web

Botonera minimalista. Im´ågenes a pantalla completa. La imagen como elemento predominante.


Conclusión En definitiva la marca denotará principalmente una serie de características: -Desenfado -Naturalidad -Sin complejos -Atrevido -Diversión -Exclusividad -Confianza En la web, la importancia caerá sobre las imágenes y los contenidos.



4. Proceso de ideaci贸n 4.1. Logotipo 4.2. Website


4.1. Logotipo Tras recopilar la informaci贸n y referentes pertinentes se procede a un proceso de bocetaje. Previamente a la elecci贸n final se realizaron otras propuestas que fnalmente fueron descartadas.


ÇA PLANE POUR MOI VINTAGE GLASSES


Descartando las opciones menos interesantes se construye otra imagen mรกs sรณlida. La esencia de nuestra marca se basarรก en unos conceptos concretos: Atrevimiento Exclusividad Brillo


Se recurre a la morfología geométrica de la estrella en el símbolo como máxima representación de la exclusividad. Las formas geométricas aportan cierto estaticismo que añaden valor de seriedad, también importante nota a tener en cuenta de cara al público


Introducimos la estrella dentro del contexto de la tienda, que son las gafas, personificándola con aire surrealista, combinándola con otros elementos geométricos que representan un ojo que mira fija y confiadamente. Se podría decir que funciona como una metáfora : “Una mirada exclusiva”


ÇA PLANE POUR MOI

Compositivamente el logotipo es centrado. La tipografía se inscribe y a la vez se compenetra con el símbolo. El naming y la leyenda se sobreponen en la composición para que el símbolo no adquiriese todo el protagonismo. En conjunto forman un bloque sólido inamovible cuyas partes funcionan como un todo.


TipografĂ­as corporativas

Univers LT Std Bold Condensed

Con elevado nivel de legibilidad, agrega seriedad, deja claro el nombre de la marca.

Deftone Stylus Regular

Tipo script para evocar al estilo vintage.

#575756 R=87 G=87 B=86 Colores corporativos

#FFED00 R=255 G=237 B=0



4.2. Website A la hora de elaborar el sitio web, primero se realiza un esquema en el que se representan los contenidos que tendrá y la estructura que seguirá. Se crea una retícula para situar los diferentes elementos de la página, teniendo en cuenta unos criterios de usabilidad, como los que expone Steve Krug: -Reduce la mitad a la mitad. -La web debe explicarse por sí misma. -”No me hagas pensar”. -Evitar que quien visite el sitio pierda el tiempo.


Secciones

Inicio

Pase de imágenes cuyo contenido sugiere una serie de escaparates que muestras moda y lifestyle de estilo vintage.

About

Contedrá un texto explicativo con la información básica acerca del la tienda.

Time Machine

Esta sección va dedicada a la iteractuación con el cliente, más allá de la mera acción de compra. Consistirá en un sitio donde el visitante pueda subir imágenes que le recuerden a las décadas de los 50 a los 80, o también a el uso particular de gafas vintage; así como ojear las imágenes de otros usuarios.

Lookbook

Pase de imágenes de retrato que reflejan la actitud, el estilo y la posible personalidad del target, usando algunos de los modelos de gafas ofrecidos en la web.

Radio

Reproductor de música online. Contendrá algunos de los mejores éxitos de las épocas. Va destinado a generar otro tipo de visitas a la web, para los que siemplemente quieran tener una lista de reproducción mientras realizan otras actividades. Esta sección se genera ya que la música jugó un papel muy importante en la forma de pensar y los estilos de vida de la sociedad.

Shop

Tienda no física donde se ofrecen los diferentes modelos de gafas. Se complementa con filtros divididos en tres bloques para facilitar la búsqeda de un producto en concreto.

50’s | 60’s | 70’s | 80’s Woman | Man Optical | Sunwear


Estructura en árbol

ÇA PLANE POUR MOI vintage glasses Inicio

About

Time Machine

Shop

Radio

Lookbook

50’s

60’s

70’s

80’s

Woman

Man

Optical

Sunwear



5. Modelo final La botonera de nuestro site irá situada en la parte superior de forma centrada, sin más elementos que la tipografía y el color, para dejar el máximo espacio posible al contenido. Logotipo situado acorde con su composición, centrado, siempre visible, y nos llevará a la página de inicio. La retícula de la página varía de una sección a otra. Exceptuando las secciones de Inicio, y Lookbook en las que se incluyen imágenes a pantalla completa en slideshow horizontal, el resto irán marcadas por una lectura vertical. URL http://wwwvintage-eyewearcom.businesscatalyst.com/index.html









3. Bibliografía http://www.creativereview.co.uk/cr-blog/2010/n ovember/ulc-lives http://www.edwardcarvalhomonaghan.co.uk/ http://www.brandemia.org/la-retorica-visual-y-s u-papel-en-la-creacion-de-marcas-graficas/ http://www.owloptics.com/en https://www.google.es/?gws_rd=cr&ei=iuCxUrC qNYmutAapkYDQBg “No me hagas pensar” Steve Krug http://www.lunettes-kollektion.com/


Merci!


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.