Sitio web para una bodega


Desarrollo web de Palacio de Villachica, bodega de vino de Toro, basado en la adaptación y la aplicación de una nueva imagen de marca, más limpia, gráfica y concisa, y ya implementada en un nuevo logotipo y en nuevas etiquetas para las botellas de algunos de sus vinos.



Página inicial de la web con la marca rediseñada.










El diseño de la página web www.palaciodevillachica.com está basada en la sencillez y en la usabilidad. 


El objetivo principal de este proyecto es, además de proyectar una imagen austera visualmente, pero elegante, presentar una organización de los contenidos y de los diferentes apartados muy accesible, con una barra de navegación sencilla y coherente y una utilización de la tipografía, el color y el espacio al servicio de la legibilidad y la funcionalidad.


Por otro lado, se ha buscado un desarrollo web basado en los estándares actuales de programación (xhtml, html5, CSS, javascript...) conforme a los protocolos de navegación web, así como una posible ampliación y actualización del sitio web que pueda realizarse de forma sencilla.

El sitio web se ha convertido para una pequeña empresa en el principal medio y soporte de su imagen de marca y de su actividad de comunicación con sus clientes y públicos, así como escaparate privilegiado de sus productos y servicios. A partir de su página web puede trabajarse la presencia en redes sociales y otros recursos de marketing digital.
Presentación animada de las distintas líneas de vinos de la bodega.



Proceso de trabajo en la publicación de una web


Las fases que nos planteamos en el proceso de diseño, desarrollo y edición de una web en R estudio-gráfico se resumen en:
  1. Definir junto al cliente los objetivos que se quieren conseguir con la publicación así como los recursos disponibles.
  2. Realizar diagrama de la estructura de la web, mostrando las conexiones página a página y la jerarquía informativa.
  3. Realizar bocetos para mostrar el aspecto visual, la identidad e imagen de marca y los repertorios  gráficos empleados
  4. Maquetar las diferentes páginas con código y programación
  5. Comprobar los enlaces test de usabilidad
  6. Definir e integrar las descripciones y palabras clave (metatags) para buscadores


LO MÁS VISITADO:

Los elementos de una imagen

Imagen
Esta infografía nos permite entender de forma resumida los elementos de la sintaxis de la imagen que enunció Donis E. Dondis. Una "iniciación" al lenguaje visual resulta ahora más necesaria que nunca para los que crean y emiten mensajes gráficos y los receptores de informaciones visuales. Los elementos básicos para una sintaxis de la imagen. Con ellos elaboramos todos los mensajes gráficos. Conocer la comunicación visual es como aprender una lengua, una lengua hecha solamente de imágenes, pero que tienen el mismo significado para personas de cualquier nación, y por tanto de cualquier lengua.   El libro de Donis. A. Dondis, La sintaxis de la imagen . Introducción al alfabeto visual ha ejercido una influencia ininterrumpida sobre  muchos diseñadores gráficos y docentes de la comunicación visual, entre los que me encuentro , desde aquella primera edición que vio la luz el año 1973 en el Instituto Tecnológico de Massachusetts (MIT). Dondis desde
Leer más

Infografía de las vanguardias artísticas

Imagen
Futurismo, dadaismo, neoplasticismo, constructivismo o surrealismo fueron movimientos artísticos surgidos hace ahora un siglo, en las primeras décadas del siglo XX, que revolucionaron el panorama de las artes plásticas, artes visuales y artes aplicadas definitivamente. Antes de estas vanguardias artísticas como el futurismo , ya habían iniciado su propia ruptura con el pasado otros movimientos unos años antes, en los inicios del siglo XX, como los  fauvistas (1905-1907), o el cubismo , que irrumpió con Pablo Picasso en 1907. En ese entorno europeo de grandes cambios, crisis y revoluciones también surgieron escuelas como la Bauhaus (1917-1933), además de otros "istmos", más efímeros (o precursores de otros posteriores) como el suprematismo de Malevitch, el orfismo o el vorticismo . Con esta infografía titulada Vanguardias del Siglo XX , he intentado representar gráficamente, mediante una línea de tiempo, la aparición de cada uno de estos movimientos, su
Leer más

Ortotipografía: imprescindible conocer sus normas y usos

Imagen
La ortotipografía se ocupa de las convenciones para escribir correctamente una lengua con caracteres tipográficos. Se encuentra en un territorio donde se juntan dos disciplinas: la ortografía y la tipografía. Conocer sus normas y sus usos es obligado tanto para editores como para diseñadores gráficos. La ortografía es básicamente el conjunto de normas para escribir en una determinada lengua, ya sea de una forma manual o tipográficamente. Y por tipografía entendemos el diseño de los tipos y de cómo se combinan para transmitir mensajes escritos. Las diferentes familias tipográficas poseen una gran cantidad de signos gráficos que complementan a los caracteres del abecedario. Estos signos deben ser conocidos y empleados correctamente tanto por los autores de los textos como por los diseñadores y editores de las publicaciones. La ortotipografía se encarga de todo lo relacionado con el uso de los signos de puntuación, de las mayúsculas y minúsculas, de la utilización de las cu
Leer más

Las vanguardias y el desarrollo del diseño gráfico

Imagen
La comunicación gráfica vivió un desarrollo creativo sin precedentes con las llamadas vanguardias surgidas en las primeras décadas del siglo XX. Dadaistas y constructivistas, seguidores de De Stijl, o escuelas como la Bauhaus, contribuyeron decisivamente a la consolidación del diseño gráfico como actividad creativa aplicada a la empresa y al uso público. Las primeras décadas del siglo XX en Europa supusieron un salto de gigante en el desarrollo del diseño gráfico como actividad profesional y como desarrollo de un lenguaje visual y gráfico totalmente nuevo. En aquellos primeros años aparecen movimientos artísticos y escuelas que buscan nuevas formas de expresión como reacción al clasicismo.  Son las vanguardias, que quieren romper con el pasado en una época convulsa y de grandes cambios: Guerras, revoluciones, crisis, cambios tecnológicos y avances científicos. Arte y arte aplicado Esas tendencias modernas determinaron la creación en el siglo XX, esencialmente, como ap
Leer más

Cabeceras de periódicos: Una clasificación tipográfica básica

Imagen
¿Sabemos diferenciar las distintas familias tipográficas?, ¿podemos, por lo menos, agruparlas por estilos o rasgos similares? Las cabeceras de los periódicos nos sirven como muestra. La utilización de letras góticas ha sido una constante en las cabeceras de los periódicos a lo largo de su historia. Las distintas familias de letras han ido apareciendo en diferentes épocas históricas, especialmente desde la invención de los tipos móviles y la imprenta: letras romanas, letras góticas, letras mecanas, letras lineales o de palo seco… y algunas de ellas han estado vigentes durante centenares de años. Hasta hace dos décadas era cosa exclusiva de los profesionales del libro, de la imprenta, incluso de la prensa y de la publicidad. Ahora, con los ordenadores personales y sus sistemas operativos, los procesadores de texto o internet y la edición digital, prácticamente todo el mundo se convierte en “tipógrafo”, componedor de textos, al tener disponible un número casi infinito de fami
Leer más

Funciones del diseño gráfico, funcionalismo y especialización

Imagen
Las funciones que debe cumplir el diseño gráfico (información, identificación y persuasión) corresponden también con tres ámbitos, tres enfoques y tres especializaciones profesionales que son el diseño editorial, el diseño de identidad corporativa y la gráfica publicitaria.   Funciones del diseño gráfico. Estas funciones que tiene encomendadas el diseño, son verdaderos ejes de la actividad de diseñar, y se convierten en tres campos de trabajo del diseño gráfico y de la comunicación visual. La inmensa mayoría de los mensajes gráficos responden a alguno de estos tres campos, aunque también es cierto que nuestro "objeto" gráfico puede estar compartiendo valores de identidad y de información; de identidad y de persuasión publicitaria; o incluso de información y de expresividad persuasiva propia de la publicidad. El "packaging" como ejemplo El ejemplo más claro de esta confluencia o interrelación de funciones lo tenemos en el packaging -envas
Leer más

Cómo crear un proyecto multimedia

Imagen
Para diseñar y editar una publicación digital interactiva es necesario seguir un método y una planificación con el fin de integrar coherentemente todos los recursos que hemos de utilizar.   Los diferentes aspectos que hay que tener en cuenta a la hora de abordar un proyecto de diseño multimedia. Crear un sitio o una publicación web requiere conocer y saber utilizar diferentes recursos y lenguajes multimedia para integrarlos en una narración coherente y unitaria, pero que permita diferentes lecturas e itinerarios de visita a nuestra publicación. En primer lugar, es imprescindible definir bien el propio proyecto de publicación, sus objetivos, sus destinatarios y las funciones que ha de cumplir, así como los recursos técnicos y humanos -y las limitaciones- con los que contamos. También es preciso encontrar una vinculación adecuada entre la propia narración, es decir, los contenidos (textos, imágenes, video, audio o gráficos) y el propio diseño de la publicación. Y
Leer más

Infografía en revistas y periódicos

Imagen
    Las infografías o gráficos informativos, como forma de visualizar y presentar la información, pueden aportar un gran valor añadido, tanto al diseño de páginas en revistas, periódicos y suplementos, como al tratamiento informativo del  contenido de la publicación periódica.    Infográfico diagramático que muestra una secuencia o proceso. Autor: Rodrigo L. Alonso. Esto es más evidente cuando se tratan temas cuya parte iconográfica no aporta información de actualidad, como fotografías periodísticas o documentales de interés y hay que buscar imágenes de archivo, en ocasiones, meramente decorativas. En estos casos, elaborar una infografía a partir de la información tratada en el reportaje, añadiendo información de calidad, complementaria, de análisis, explicativa y debidamente documentada es una buena opción para mejorar el diseño de las páginas que se están editando y hacer más atractivo a los lectores el acceso a la información presentada. Convertir la informació
Leer más

Color, un poderoso elemento en comunicación gráfica

Imagen
El color es un poderoso elemento utilizado en la comunicación y el diseño gráfico. Es capaz de impactar y de influir en los receptores incluso antes de empezar a leer o interpretar la forma de las imágenes que se presentan ante los ojos. El color es la percepción que permite distinguir diferencias entre dos zonas de un campo visual. Cuando percibimos color nos produce muchas sensaciones, sentimientos diferentes, estados de ánimo; pero también nos permite interpretar, codificar y leer señalizaciones ya aprendidas y valoradas conforme a nuestras experiencias previas.  Se reacciona, la mayoría de las veces, ante los colores, según el aprendizaje cultural previo, según la edad, según las preferencias y los gustos o según las modas y tendencias. Y también, en función de las limitaciones o particularidades físicas. La primera división que se puede hacer en relación con los colores, es entre colores fríos y calientes. El llamado círculo cromático está dividido en dos mitades. Los
Leer más

Los signos tipográficos como imágenes

Imagen
Los tipos sirven para facilitar la lectura y dotar al contenido de un estilo visual. Las familias no solo se componen de las letras. En cada fuente completa se han diseñado también signos ortotipográficos, como guiones, paréntesis, corchetes o llaves. También ellos se convierten en imagen. Los llamados signos tipográficos que se utilizan en ortotipografía forman parte de una familia tipográfica completa. Estos signos pueden ser de entonación (¿? !¡), pueden ser signos contenedores (...), {...} o [...], o pueden ser diferentes tipos de comillas ("...").  Todos estos signos enriquecen el lenguaje y su comprensión a la hora de leer un texto compuesto tipográficamente. Por eso es tan importante, al diseñar una fuente pensada para la lectura, incluir,  valorar y cuidar estos signos para que sea completa.  Al realizar esta "broma" tipográfica e infográfica con las principales clasificaciones de familias  (romanas, mecanas y lineales) nos podemo
Leer más

Gráficamente

Gráficamente

CONTACTO: ENVIA TU COMENTARIO

Nombre

Correo electrónico *

Mensaje *