Mr.Tools Re-styling

Mr.Tools es la empresa referente en España de venta de herramientas y maquinaria para la fabricacion de joyería.

Diseño estratégico
UX/UI
Mr.tools
Branding
Diseño web
E-commerce

Cliente

Mr. Tools

Fecha

02-05/2025

Categoría

Branding, diseño web

Rol

Diseñador

El re-styling de Mr.Tools buscó modernizar su identidad sin perder su esencia, mejorando tanto la percepción visual como la experiencia de navegación.

🧠 Visión general del proyecto

Mr.Tools es una empresa especializada en la venta de herramientas y maquinaria para la fabricación de joyería, con presencia nacional y un ritmo de crecimiento destacado dentro del sector. Su posición como referente en el mercado español impulsó la necesidad de actualizar su imagen y experiencia digital, que ya no reflejaban la solidez, especialización ni la proyección comercial actual de la marca.

Este proyecto de re-styling visual y funcional tenía como objetivo principal crear una experiencia más cuidada, completa y coherente para el cliente: desde la primera impresión hasta la navegación y la interacción con el catálogo online. A través de esta renovación, buscamos que la marca transmitiese profesionalidad, orden y modernidad sin perder su autenticidad.

bodegon pack premium

👨‍💻 Mi rol

Mi trabajo en Mr.Tools fue integral, abarcando tanto la dimensión estratégica del rediseño como la implementación gráfica y la coordinación con áreas técnicas. Estas fueron mis responsabilidades clave:

Auditoría visual y de experiencia del sitio anterior

Rediseño del logotipo, paleta cromática y sistema visual

Diseño de la nueva interfaz web con enfoque en escalabilidad

Adaptación de la identidad a soportes digitales (web, banners, etiquetas, comunicación visual)

Captura%20de%20pantalla%202025 06 03%20a%20las%2015.43.46

🎨 Rediseño de identidad visual

La imagen anterior de Mr.Tools presentaba múltiples inconsistencias: una estética genérica, escasa armonía entre elementos visuales y una falta de alineación con la calidad real de la empresa y sus productos. Era evidente que la marca necesitaba una evolución, no una ruptura.

Mi propuesta consistió en un rediseño sobrio y contemporáneo que modernizara el lenguaje visual sin perder el ADN de la empresa. El nuevo logotipo fue diseñado con trazos limpios y proporciones equilibradas, logrando mayor versatilidad y reconocimiento en distintos entornos digitales.

Captura%20de%20pantalla%202025 05 13%20a%20las%2023.09.07Captura%20de%20pantalla%202025 05 13%20a%20las%2023.09.07

Se definió una paleta cromática de alto contraste, utilizando colores vibrantes pero funcionales, que destacaran el producto sin saturar la interfaz. Los tonos oscuros y neutros equilibran el conjunto, aportando una base sólida sobre la que resaltar información crítica.

La nueva tipografía transmite una sensación de profesionalismo técnico y accesibilidad, clave para una marca que opera entre lo industrial y lo artesanal. Se creó un sistema visual modular y escalable, pensado para un crecimiento continuo tanto del catálogo como de la marca.

Captura%20de%20pantalla%202025 05 13%20a%20las%2023.10.06placeholder imageplaceholder image

👨🏻‍💻Rediseño de la tienda online

El rediseño web representó uno de los mayores desafíos del proyecto, ya que la plataforma contenía más de 3.000 referencias activas y una estructura de base de datos compleja desarrollada en PHP. Aunque el objetivo ideal era reestructurar el contenido y reorganizar el catálogo, la magnitud y fragilidad del sistema existente imposibilitaban una intervención profunda en la arquitectura de datos.

Ante este reto, opté por centrarme en el diseño de una interfaz neutra, clara y funcional, que no añadiera complejidad visual al conjunto, pero que mejorara la legibilidad, la navegación y la percepción del usuario. Se trabajó sobre layouts estables, componentes reutilizables y una jerarquía de información optimizada para facilitar el recorrido del cliente en la tienda.

A pesar de las limitaciones técnicas, el nuevo diseño permitió actualizar la imagen digital de Mr.Tools y sentar una base visual mucho más coherente con su liderazgo de mercado.

📚 Reflexión personal

Este proyecto fue una excelente oportunidad para aplicar una visión de diseño transversal y estratégica, integrando branding, diseño de interfaz y dirección visual en una misma línea de trabajo. Al tener la posibilidad de coordinar todas las dimensiones del proyecto, pude asegurar una coherencia sólida entre el mensaje de marca y su representación visual.

Al mismo tiempo, me enfrenté a retos técnicos exigentes, especialmente relacionados con la estructura de datos y la herencia tecnológica en PHP, lo cual limitó la implementación de algunas ideas de reorganización. Esta experiencia me permitió desarrollar soluciones pragmáticas, adaptadas a un contexto complejo, y reforzó mi habilidad para tomar decisiones visuales que aporten valor incluso cuando no se puede intervenir en todo el sistema.