Taller de Diseño Web # 28 JitBit

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, una pequeña y amigable compañía de software ...


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


(recortado)

La principal inspiración de este diseño para mí fue esta pequeña publicación de blog llamada "The Flat Design Era". Realmente me gustó la idea que estaba detrás y le pedí a nuestro diseñador Artiom Dashinsky que hiciera algo en ese estilo ...

... este es un sitio web de comercio electrónico y su propósito principal es vender nuestras aplicaciones, por lo que estábamos realmente preocupados por las conversiones, pero al mismo tiempo queríamos que pareciera contemporáneo y, bueno, elegante..

Hubo algunos desafíos de diseño en el camino. Por ejemplo, cada página de producto contiene un conjunto diferente de elementos. Trabajamos juntos para que se viera bien con cualquier conjunto posible. También necesitábamos que la mayoría del contenido permaneciera sin cambios (razones de SEO) y no encajaba con el nuevo diseño, así que tuvimos que sacrificar algunas cosas. A veces tuvimos que destruir las ideas más hermosas por eso, lo cual es triste, pero realmente no pudimos hacer nada al respecto..

Después de pensar un poco, decidimos ir con Bootstrap y fue una muy buena decisión. A pesar del hecho de que algunos elementos requerían mucho marcado y estilo personalizados, Bootstrap nos ahorró mucho tiempo, aunque en su mayoría usamos su módulo de cuadrícula..

El mayor desafío tecnológico fueron las fuentes web. Me tomó un tiempo descubrir cómo hacer que se vea bien en cada plataforma y en cada navegador. Sorprendentemente, Chrome resultó que requería la mayor parte del trabajo y nunca tuve un solo problema con IE 7+. La peor parte son los algoritmos de antialiasing de fuentes webKit en Mac OS X. Literalmente, tuve que probar manualmente todos los algoritmos disponibles para cada estilo de fuente de las dos fuentes que usamos. - Maksim Al Farakh

  • Proyecto: JitBit
  • Diseñadores: Maksim Al Farakh y Artiom Dashinsky

¿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 ...