Webdesigner Depot obtiene un rediseño
Hace unos días, el 11 de noviembre, celebramos nuestro sexto cumpleaños aquí en WDD al revelar nuestro último rediseño.
Si visitas a menudo, deberías notar fácilmente la mayoría de los cambios, sin embargo, si solo te presentas de vez en cuando, el sitio se sentirá similar pero diferente. De hecho, si hicimos bien nuestro trabajo, debería sentirse más minimalista, más elegante y más fácil de leer.
Cuando nos propusimos rediseñar WDD, queríamos lograr una mejor experiencia de usuario adoptando un enfoque más minimalista, simplificando y acelerando el sitio.
Consideramos un diseño de revista para el nuevo diseño, pero se sentía impersonal y abrumador con demasiado contenido y parecía un tanto desordenado también. Pasamos por innumerables iteraciones antes de decidir seguir esta dirección. En la Web, cada vez vemos más contenido en los sitios (especialmente los sitios de tecnología) que agobian a los usuarios con demasiadas opciones. Creemos que este nuevo diseño se siente más íntimo, personal y fácil de navegar, ya que se parece a un cruce entre un blog tradicional y un sitio de estilo de revista sin dominar la experiencia del usuario.
La barra lateral se ha minimizado. Ahora es más estrecho e incluso los anuncios de 200 × 125, que ahora se muestran de uno en uno, parecen respirar mejor con un amplio espacio en blanco a su alrededor. Originalmente eliminamos el anuncio más grande de 300 × 250 en la parte superior de la barra lateral para crear una barra lateral súper pequeña con solo 200 × 125 anuncios, pero esto creó un problema para algunos de nuestros patrocinadores que se anuncian mucho en ese primer puesto.
También experimentamos con la eliminación total de la barra lateral, pero al tratar de integrar el contenido de la barra lateral y especialmente los anuncios dentro del contenido en una sola columna, el diseño se volvió pesado y desorganizado. Si WDD estuviera libre de anuncios (¿algún día?), Probablemente habríamos tomado un enfoque sin barra lateral . Sin embargo, por ahora, los anuncios siguen siendo necesarios para ejecutar el sitio y pagar las facturas, pero con este enfoque creemos que son menos intrusivos y sirven mejor a nuestros anunciantes y lectores.
Una de las ideas que queríamos integrar desde el principio fue desplazamiento infinito . Les pedimos a nuestros lectores a través de nuestros canales sociales que nos hicieran comentarios al respecto e hicimos algunas investigaciones exhaustivas y descubrimos que, en general, sería negativo para nuestros propósitos. Creemos que el desplazamiento infinito funcionará mejor para los sitios con imágenes en su mayoría, pero no necesariamente para un blog en el que parece provocar una menor participación del usuario (los lectores simplemente se desplazan y se desplazan, pero se involucran menos con el contenido). Por supuesto, siempre hay excepciones, pero para WDD por ahora, seguimos con un enfoque de paginación tradicional y diciendo "no" al desplazamiento infinito.
Creemos que este nuevo diseño se siente más íntimo, personal y fácil de navegar, ya que se parece a un cruce entre un blog tradicional y un sitio de estilo de revista.
Queríamos que WDD tuviera un equilibrio perfecto entre lo que percibimos como elementos de diseño masculino y femenino. Notarás un uso extenso de formas masculinas como esquinas agudas, cuadrados y rectángulos, pero también se usan muchos círculos en todo el sitio para brindar un lado más femenino y más suave.
Además, agregamos muchas líneas diagonales en todo el sitio e incluso hicimos nuestros encabezados en cursiva para llevar ese componente diagonal a lo largo. El sitio se siente más conectado a todas las formas, tamaños y formas, tal como debería ser el diseño. Esto también representa la diversidad del contenido que llevamos en el sitio, los diferentes autores, los puntos de vista múltiples, etc.
La idea detrás de la disposición alterna de texto e imágenes en las páginas principales es crear un equilibrio igual de texto e imágenes en ambos lados de la columna principal. Optamos, una vez más, por no tener una publicación destacada en la parte superior, lo cual consideramos que más bien invitaría a nuestros lectores a explorar más y es posible que se encuentre presionando la 'siguiente página' más a menudo que antes, ya que el sitio debería ser más atractivo. navegar y explorar
Los encabezados ahora están en LFT Etica y todas las tapas. Nos deshicimos de la Adelle fuente para este rediseño, ya que queríamos minimizar las decoraciones y una fuente sans serif era una mejor opción para esto. El estilo audaz extra pesado hace que los títulos sean realmente pop y más fáciles de leer. WDD siempre ha sido "audaz" en su enfoque de su diseño, pero este es posiblemente nuestro diseño más audaz hasta el momento.
Para el texto del cuerpo que estamos usando Proxima Nova Soft , que cambió de Open Sans en nuestro diseño anterior. La redondez de esta fuente se consideró apropiada para el sitio ya que agrega una sensación más femenina, mientras que los encabezados aparecen más masculinos. Una vez más, estábamos buscando crear equilibrio en todos los aspectos.
Hay nuevos efectos de animación, rollovers, enlaces de texto y pequeños detalles aquí y allá que hacen que el sitio se sienta más moderno y ágil. También se realizaron algunos cambios en el backend para mejorar la velocidad de carga y optimizar el sitio lo más posible. También tenemos una nueva página 404! :)
Esperamos que disfrute el nuevo rediseño y especialmente que continúe disfrutando y compartiendo nuestros artículos.
Trabajamos duro para que WDD sea un destino excelente para todos nuestros diseñadores y amigos desarrolladores, y este rediseño es solo un paso más en nuestro camino.
Siéntase libre de dejarnos cualquier comentario a continuación con sugerencias o cualquier pregunta que pueda tener. ¡Esperamos que disfrute el nuevo WDD!