Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos las áreas que se realizan bien además de las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Oomph. ¡Saltemos y veamos lo que pensamos!
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 49 por criticar su diseño, ¡mucho menos de lo que pagaría por un consultor para que visite su sitio! Puedes encontrar mas aqui.
Acerca de Oomph!
Oomph es el lugar indicado para las tarjetas de plástico con aplomo. Trabajando con algunas de las marcas más populares del mundo, nuestras pequeñas gemas de plástico han llegado a más de 20 millones de personas, lo que no está mal en cinco años. Cualquier tarjeta que estés buscando, podemos ayudarte. Y si no puede encontrar el diseño de tarjeta perfecto en nuestra galería, póngase en contacto. Las posibilidades en plástico son infinitas y nos encanta probar algo nuevo.
Aquí hay una captura de pantalla de la página de inicio:
Estético
De inmediato puedo ver que me encanta la estética de este sitio. Es salvaje, loco y divertido, a la vez que transmite perfectamente la idea detrás de las cartas.
Como puede ver, hay todos estos gráficos locos, brillantes y coloridos que realmente impulsan la idea de que las tarjetas de plástico son algo genial y emocionante. Esto podría haber sido fácilmente un sitio muy limpio, de aspecto Apple, con un énfasis en las fotos de tarjetas dramáticas, pero esto hace que el producto sea un poco más personal y accesible.
Tipo
Otra cosa que realmente me gusta de este sitio es la tipografía. La fuente principal del título se llama? BrothersBold ,? se muestra a continuación con WhatFont.
Hay mucho que gustar aquí. El tipo de letra es perfectamente legible y transmite una sensación audaz y masculina. Además, las curvas cortadas comunican una especie de? Corte? Siento que es perfecto para una empresa que esencialmente se corta en plástico.
Aparte de esto, casi todo en la página es Helvetica. Esto es bueno porque una fuente de titular tan interesante y única requiere un tipo de letra complementario que sea tan simple y sencillo que lo lea sin pensarlo. Helvetica se ajusta a esta descripción como el tipo de letra más ubicuo y quizás más invisible del planeta.
La cuadrícula
La página de inicio de Oomph está muy claramente establecida en una cuadrícula estricta. La cuadrícula es de 1,020px de ancho y es bastante consistente desde la parte superior a la parte inferior de la página.
Como puede ver, la construcción principal aquí es el diseño de tres columnas que ocupa el centro de la página. Recuerde, tres es un número mágico, por lo que el diseño se siente perfectamente equilibrado y presenta la cantidad justa de contenido.
Una cosa que realmente se debe notar aquí es qué tan equilibrado está el espacio en blanco en todo el diseño. Obviamente, un sistema de cuadrícula te dará un espaciado agradable horizontalmente, pero debes ser intencional para hacer coincidir ese ritmo verticalmente.
No responde
Aunque el sitio se carga y se ve en un dispositivo móvil, no está optimizado de ninguna manera para la visualización móvil. En mi iPhone, tengo que hacer un montón de pellizcos y paneo para averiguar qué está pasando.
Dado que el sitio se adhiere a una cuadrícula tan bonita y estricta, definitivamente es un candidato ideal para un diseño receptivo. Hace un año, simplemente estaba asignando puntos de bonificación de diseños receptivos para un esfuerzo adicional, pero ahora está empezando a ser algo que espero ver, al menos en algún nivel.
El diseño receptivo es un negocio complicado, pero los verdaderos dolores de cabeza provienen de los sitios de publicación de contenido pesado. Para un sitio estático como este, el diseño responsivo o, al menos, optimizado para dispositivos móviles es menos de una tarea difícil y más de una expectativa de referencia.
Jerarquía de comunicación
Tan crítico como el diseño visual de la página es la estructura de la comunicación y cómo se presenta. De hecho, este es realmente el núcleo de lo que es el diseño y por qué lo tenemos. Un buen diseño estructura la información de forma lógica y atractiva.
El sitio de Oomph tiene una comunicación muy bien estructurada. De inmediato, cuando carga la página, este es el primer título que veo:
Note que hay un pequeño truco visual aquí. El titular dice: Plástico Fantástico. Tarjetas de Oomph ,? pero de un vistazo, la palabra agrupación que veo es "Tarjetas de plástico". Esto es exactamente de lo que se trata Oomph, por lo que este es un jonrón en el diseño de comunicaciones.
Preguntas empezadas
Una vez que haya echado un vistazo inicial y tenga la idea de que esta es una compañía de tarjetas plásticas, su primera inclinación será saltar a algunas preguntas:
- ¿Qué tipo de tarjetas hacen?
- ¿Cuánto cuestan?
- ¿Quién es Oomph? ¿Cuál es la historia allí?
Todas estas preguntas se responden fácilmente en primer lugar que buscará: la navegación principal.
Esto es críticamente Importante para tu diseño. Siempre intente predecir las preguntas que tendrán sus usuarios y luego intente decidir el primer lugar donde buscarán para encontrarlas.
Experiencia en compras
La experiencia de compra aquí es realmente suave también. El sitio no se siente en absoluto como una tienda en línea típica y abarrotada. Se siente como si solo estuviera navegando por la oferta del producto y antes de darme cuenta, estoy en el paso dos del proceso de compra. El camino para comprar es muy natural y todo está muy bien presentado: sin secretos, sin precios ni costos ocultos, etc.
Opiniones generales
En general, creo que Oomph tiene un sitio realmente sólido. La estética visual es magnífica, el diseño es perfecto y la jerarquía de comunicación es de primera clase. La única queja real que tengo es la falta de optimización móvil. Aparte de eso, definitivamente es uno de esos sitios en los que dedico todo el artículo a complementar en lugar de criticar.
¡Tu turno!
Ahora que ha leído mis comentarios, contribuya y ayude, dando al diseñador algunos consejos adicionales. Háganos saber lo que cree que es genial sobre el diseño y lo que cree que podría ser más fuerte. Como siempre, le pedimos que también sea respetuoso con el diseñador del sitio y que ofrezca consejos constructivos claros y sin insultos severos.