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 Rachilli, el portafolio personal de la fotógrafa y diseñadora Rachel Shillcock.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 34 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 Rachilli
? Ya sea que necesite una nueva identidad de marca, un negocio fijo o un sitio web hermoso y utilizable, entonces puedo ayudarlo. Mis servicios van desde el diseño y desarrollo de sitios web hasta la creación de identidad corporativa y de marca. También ofrezco un servicio de fotografía, así que si necesita imágenes personalizadas para usted, su sitio o su imagen corporativa, puedo ayudarlo a mantener sus costos juntos y más bajos.
Aquí hay una captura de pantalla de la página de inicio:
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli.png)
Impresión general
Mi primer pensamiento al ver este sitio fue que se siente un poco como una plantilla. El diseño es bastante típico de lo que verías en venta en ThemeForest.
Sin embargo, esta observación no es negativa. Claro, es un diseño bastante estándar pero también se ve genial. Los colores están en negrita, la alineación es sólida y las imágenes son atractivas. Ya sea que se trate de un tema o no, creo que el diseño del sitio fue un éxito y realmente se presenta como un trabajo limpio y profesional.
Aunque el sitio es bastante bueno ya que se mantiene sin cambios, tengo algunas ideas para fortalecer algunas de las áreas más débiles. Vamos a ver.
Encabezado y navegación
El tercio superior del sitio es definitivamente el más fuerte. Me gusta la configuración de tres franjas para el fondo, el tipo de letra utilizado para la navegación y, por supuesto, el deslizador de imagen grande.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli.jpg)
Una cosa que me molesta un poco acerca de esta sección es que el logotipo no es un enlace a la página de inicio. Mientras miraba alrededor del sitio, consistentemente hice clic en el logotipo únicamente como una reacción para volver a la página de inicio.
De ninguna manera es un requisito difícil y rápido convertir su logotipo en un enlace, pero siempre es bueno anticipar cómo la mayoría de los usuarios intentarán hacer que su sitio funcione y asegurarse de que sus instintos se conviertan en acciones útiles.
Otro cambio que podría considerar realizar en esta área es agregar más diferenciación entre el texto de navegación principal y el texto desplegable del submenú. Este tipo de letra en particular se vuelve un poco difícil de leer en grandes porciones debido a su audacia, por lo que podría ayudar a que los elementos del submenú sean un poco más delgados.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli_2.jpg)
Mensajería
Retrocedamos un poco y veamos la mitad superior del sitio web en su conjunto para ver si podemos detectar algún problema. De inmediato noto algo bastante importante:
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli_2.png)
Al igual que en el sitio que vimos la semana pasada, no hay un mensaje claro, simple y grande que indique qué es el sitio. Las imágenes en el control deslizante varían considerablemente, así que no estás seguro de lo que está pasando. Para descubrir la respuesta, primero debe leer las preguntas del titular, determinar cuál le dirá qué es Rachilli y luego leer el texto pequeño. Esto es simplemente demasiados pasos para descubrir de qué se trata un sitio web.
Creo que la forma más fácil de solucionar este problema es integrar un poco de texto en la presentación. La mayoría de los complementos de jQuery para controles deslizantes como este tienen módulos de texto integrados, por lo que este debería ser un cambio bastante fácil. Incluso uno de los descriptores de palabras en las diapositivas sería de gran ayuda: diseño web, fotografía, identidad de marca, etc.
Mitad inferior
Si bien la mitad superior del sitio es muy fuerte desde una perspectiva visual, se debilita en esta área a medida que avanza por la página. Después de ese encabezado inicial, te queda solo una gran página llena de texto.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-41-rachilli_3.jpg)
Hay varias maneras en que esto podría mejorarse. En primer lugar, aunque el formato de tres columnas funciona bien, creo que es un poco redundante verlo utilizado tanto en las secciones de contenido como de pie de página.
Si apilaste el ¿Quién soy yo? ¿¿y que puedo hacer?? secciones, que convertirían el contenido principal en una sección de dos columnas, seguido del pie de página de tres columnas. Agregar variaciones a su diseño mientras mantiene una estructura clara ayuda a mantener las cosas interesantes.
Otra cosa a tener en cuenta es el ancho de las columnas. Las columnas en la sección principal casi se alinean con las del pie de página en ciertos puntos, pero están bien en otros puntos. Las similitudes de diseño son peligrosas. Si se supone que dos cosas son iguales, hazlas iguales. Si no, hazlos considerablemente diferentes. De lo contrario, se traduce en una especie de apariencia desordenada que da a los usuarios la impresión de que usted trató de hacer que todo se alineara pero que no lo logró.
Finalmente, simplemente hay una tonelada de texto ininterrumpido entre "¿Quién soy yo?" ¿¿y que puedo hacer?? secciones Una vez que se apila este contenido, creo que debería reducirse (quizás dos párrafos breves para cada uno) y dividirse con un poco de imágenes. Esto podría ser íconos, muestras de trabajo, cualquier cosa que agregue algo de interés a la página sin traer demasiado desorden.
Conclusión
En resumen, Rachilli es un sitio de excelente apariencia que obviamente fue creado por alguien que sabía lo que estaban haciendo. Me gusta el tono de la comunicación, la facilidad con la que puede comunicarse con el diseñador y el diseño general de la página.
Mis recomendaciones fueron en su mayoría pequeños cambios. Convierta el logotipo en un enlace, agregue texto descriptivo a la presentación de diapositivas, divida el texto en la sección de contenido principal y considere repensar el formato de tres columnas repetidas. Creo que estos cambios realmente llevarán a casa la estética y la facilidad de uso de esta página.
¡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.