top of page

Scruff

Medio

Diseño web

Año

2023

Programas utilizados

Figma, Adobe Illustrator, Adobe Photoshop

Time

2 months

Desarrollé un sitio web amigable para el usuario que prioriza una navegación sencilla. Además de la página de inicio, el sitio web incluye una página de Contacto, una página de Tienda y un Blog. El brief solicitaba un diseño minimalista que reflejara la estética y los colores de la marca.

Scruff, una compañía productora de música techno, ofrece música accesible y asequible para los jóvenes. Scruff tiene como objetivo crear un espacio para que todos los músicos de techno compartan su trabajo, animando a los jóvenes a convertirse en el futuro de la música techno.

Resumen

  • Mejorar la accesibilidad al contacto: Los usuarios deben poder encontrar rápidamente los detalles de contacto necesarios y comunicarse con la empresa sin esfuerzo.

  • Navegación fluida: Los usuarios deben poder moverse entre las páginas de manera fluida, mejorando su experiencia de navegación.

  • Enfoque de diseño minimalista: Se debe cumplir con la preferencia del cliente por un enfoque de diseño minimalista. El objetivo es crear un sitio web visualmente atractivo que refleje el color de marca del cliente, el naranja, manteniendo al mismo tiempo un diseño limpio y sin desorden.

  • Atractivo visual y funcionalidad: El sitio web debe lograr un equilibrio entre el atractivo visual y la funcionalidad. Debe ser estéticamente agradable y atractivo para los usuarios, al mismo tiempo que proporciona características y elementos prácticos que mejoren la experiencia general del usuario.

F&WH-logo.png

Typography

Colour Palette

Hex: 001496

RGB: 0/20/150

CMYK: 75/68/77/90

​

​

Hex: ff3333

RGB: 255/51/51

CMYK: 0/92/83/0

​

​

Hex: ffa500

RGB: 255/165/0

CMYK: 0/41/100/0

​

​

Concept Development

Kettlebell

Symbol of strength, endurance, and functionality. It indicates to viewers that the brand is associated with FITNESS.

  • It stands out in the fitness world, as many brands use icons like dumbbells, muscles, and bars.

  • It demonstrates versatility, as it is used for a wide range of exercises targeting various muscle groups, and emphasizes personalized training.

  • It aligns perfectly with the concept of "Wellness Home" and fitness.

"F"

  • By incorporating an element that resembles the "F", a visual association with the brand name is established, which helps in recognizing and remembering it. It is a simple logo and, therefore, easy to remember

  • It is very versatile, as the "F" can symbolize words or concepts associated with fitness, such as "fit", "functional", or "focused"

Stairs

  • The ladder or steps symbolize progress, growth, and advancement.

  • They convey the message that the brand is committed to guiding people on their journey to fitness and wellness step by step.

  • The three steps create a sense of visual hierarchy and also promote the concept of incremental improvement, which resonates with people who value consistency and gradual progress.

  • It is a simple logo and, therefore, easy to remember.

  • A minimalist design approach, with clean lines and simple shapes, is commonly associated with modernity and sophistication.**

bottom of page