Taller de Diseño Web # 37 Matthew Williamson

Web Design Workshop es nuestro proyecto comunitario habitual en el que pedimos a los lectores que envíen su trabajo a sus críticas amistosas y constructivas. ¡Es la manera perfecta de aprender, ofrecer opiniones y criticar tu propio trabajo! Esta semana, un nuevo sitio para el diseñador de moda británico Matthew Williamson ...


Reglas del compromiso

¡Juega bien! Seleccionamos deliberadamente el trabajo que se beneficiará de consejos y sugerencias. Si no puedes ser constructivo en tus comentarios, no lo hagas. Aparte de eso, ofrezca cualquier consejo que pueda dar. Siéntase libre de enlazar a ejemplos e imágenes que respaldan sus puntos.


El diseño


Trabajamos en este proyecto junto a Matthew y su equipo durante aproximadamente 4 meses. El objetivo era llevar la marca a la vanguardia de la moda digital y darles una plataforma en la que pudieran contar la historia de su marca. Parte de este informe incluyó la creación de una revista en línea que se conocerá como "MW Daily". Tomamos una gran referencia de una gran variedad de impresos modernos y tradicionales de revistas como Vogue y Tatler hasta publicaciones más oscuras como The Travel Almanac y Monocle..

- Will Ryan

Intentamos replicar muchos elementos que podría encontrar en la impresión tradicional. Usamos cosas como un libro encuadernado en el lado izquierdo de la página e imprimimos un gráfico de prueba para intentar que realmente se sienta como una revista en línea. En los propios artículos, permitimos a los autores utilizar mecanismos tales como comillas de extracción, mayúsculas (letras iniciales grandes), ajuste de texto inicial, extractos y títulos. Cada artículo está unido a un color de acento, a menudo el color predominante de la imagen principal. Esto ayuda a unir el artículo y le da una presencia única a medida que te mueves entre los artículos..

Uno de los muchos desafíos fue hacer que funcionara de manera receptiva. Uno de los equilibrios más difíciles fue el de permitir un ancho ancho, casi de hoja ancha, para el sitio, sin obstaculizar la facilidad de uso en los navegadores que tenían una altura limitada. Si reduce lentamente la altura del navegador, eventualmente lo verá en su lugar con menos ancho dado al artículo en sí mismo, mientras tanto evita que las imágenes dominen el sitio y haga que todo se sienta "demasiado grande". Pero, si tienes la suerte de tener un monitor de escritorio más grande, notarás que somos mucho más lujosos con el espacio..


En todo el sitio, utilizamos las últimas tecnologías web, desde las rotaciones 3D de CSS3 en la pantalla de inicio hasta un enfoque general de búsqueda de fragmentos de páginas ajax a medida que navega por las páginas. Esto hace que el sitio se sienta ágil y que usted esté hojeando una revista en lugar de un sitio web donde la página desaparece entre las recargas de página. Hicimos una rueda de carga personalizada que hace uso de algunos de los diseños icónicos de impresión de Matthew Williamson que le dan una sensación personal, divertida y personalizada. En la sección de la tienda, filtramos y ordenamos los productos del lado del cliente, por lo que encontrar el producto adecuado para usted debería ser muy fácil.

Realmente queríamos que el producto se viera hermoso, por lo que en la página del producto, verá que ocupa un lugar central y ocupa todo el espacio disponible para él (la imagen del producto no es en absoluto un tamaño establecido). Esto ayuda a mostrar el producto en todo su esplendor: Matthew Williamson es conocido por los detalles precisos de sus piezas y esto le permite estar realmente cerca de las prendas. La revista y la tienda se hacen referencia constantemente entre sí, aumentando la circulación en el sitio y ayudando a crear conciencia de marca y lealtad..


Matthew Williamson está mostrando su última colección este domingo a las 7 pm en la Galería Saatchi de Londres para la Semana de la Moda de Londres.

  • Proyecto: matthewwilliamson.com
  • Diseñadores: Electric Labs

¿Buscas una crítica constructiva sobre tu propio trabajo? Envíelo para un taller: la mayoría, pero no todas las presentaciones, se publican. Sea paciente, podría haber una cola ...