Grupo Stamhart
Grupo Stamhart es una empresa de distribución de material y construcción de estructuras metálicas y ferralla. La web tenía que verse corporativa, moderna y mostrar los servicios que ofrecen.
UX/UI Designer y desarrolladora frontend — arquitectura de información, UI, sistema de diseño e implementación
4 semanas
Diseño y desarrollo en solitario, en coordinación con el cliente
Arquitectura de información multi-división · Wireframes · Sistema de diseño · UI final · Desarrollo WordPress
El problema
Desde el usuario
Grupo Stamhart agrupa tres negocios que se parecen poco entre sí: suministro de equipos de descontaminación para trabajos con amianto, fabricación de ferralla y fabricación y montaje de estructuras metálicas.
Eso genera un problema que el visitante nota de inmediato: un técnico que busca ferralla para una obra y una empresa que necesita equipos de desamiantado no tienen nada en común salvo el proveedor. Si al entrar se encuentra las tres divisiones compitiendo por su atención, tiene que empezar por descartar lo que no le sirve antes de poder avanzar. Y en B2B, donde la visita dura lo que tarda en confirmar si has hecho algo parecido a lo suyo, ese paso extra sale caro.
El riesgo contrario también existe: separar tanto las divisiones que el visitante no llegue a saber que el grupo puede resolverle más de una necesidad.
Desde el negocio
Para el grupo, cada división compite en un mercado distinto y con competidores distintos, pero todas comparten una misma ventaja: pertenecer a una estructura que da respaldo, capacidad y garantía de cumplimiento normativo.
El reto de negocio era doble y en tensión: que cada división pudiera presentarse con la especialización suficiente para competir en su sector —y para ser encontrada por quien busca ese servicio concreto— sin perder el respaldo que aporta el grupo, que es lo que distingue a Stamhart de un taller pequeño.
A eso se suma que la captación en estos sectores es local y muy específica: quien busca «ferralla en Zaragoza» y quien busca «estructuras metálicas para nave industrial» son búsquedas distintas que deben llegar a páginas distintas, no a una home común.
Restricciones del proyecto
- Tres divisiones con públicos, vocabulario y competidores distintos bajo una misma marca
- Sector regulado: la información normativa condiciona la contratación y no puede quedar en segundo plano
- Captación local y por servicio concreto: cada división necesita ser encontrable por separado
- La estructura debía admitir el crecimiento del grupo sin rehacerse
- Diseño y desarrollo a cargo de una sola persona
Investigación
Entrevistas con el cliente sobre las tres divisiones, su proceso comercial y el perfil de cliente de cada una; análisis de la estructura de sitios existente y de [X] competidores por división; revisión de los términos de búsqueda por los que llega cada tipo de cliente.
La decisión difícil
La decisión más difícil fue renunciar a una home única que presentara el grupo como una sola cosa.
Una entrada común es más limpia, más barata de mantener y más coherente con cómo se ve la empresa a sí misma: un grupo, no tres negocios. Separar por división multiplica el contenido y el mantenimiento.
Prioricé la especialización porque los públicos no se solapan. Un visitante que busca ferralla no gana nada viendo equipos de desamiantado: solo paga un coste de descarte. Y una página que intenta hablar a tres sectores a la vez no consigue hablar bien a ninguno, ni ser encontrada por las búsquedas concretas de cada uno.
Asumí más complejidad estructural a cambio de que cada división pudiera competir en su mercado. La capa de grupo no desaparece: pasa a hacer el trabajo que mejor hace, que es dar respaldo una vez el usuario ya ha encontrado lo suyo.
Sistema visual
Estados contemplados
La capa de grupo orienta por tipo de necesidad y deriva en un paso, sin obligar a descartar
Del diseño al desarrollo
El sistema tenía que resolver una tensión concreta: tres divisiones con identidad propia dentro de un mismo grupo. Lo planteé con una base común de componentes, tipografía y espaciado, y una capa de diferenciación cromática por división, de modo que cada una se reconoce como distinta sin dejar de pertenecer visiblemente al mismo grupo.
Eso tiene una consecuencia práctica más allá de lo visual: mantener una sola base de componentes permite que una cuarta división se incorpore reutilizando el sistema, en lugar de abrir un proyecto nuevo. El desarrollo se hizo sobre WordPress con plantillas a medida, dejando servicios, proyectos y contenidos editables por el cliente.
App Ibercaja
