DISSAU
Mantenimiento y renovaciónWeb y tecnología

«All Solutions», también por dentro

Marca y manual de identidad, hosting y correo corporativo, sitio web, sistema de gestión y app de trabajo para una empresa de mantenimiento y renovación de San José, California.

«All Solutions», también por dentro
Renovo All Solutions
Cliente
Renovo All Solutions
Tipo de negocio
Mantenimiento y renovación
Área de servicio
Web y tecnología
Ubicación
San José, California
Año
2026

Servicios entregados

  • Diseño de marca
  • Manual de identidad
  • Aplicaciones y papelería
  • Hosting y dominio
  • Correo corporativo
  • Diseño y desarrollo web
  • Sistema de gestión
  • App de trabajo para técnicos
6entregables sobre una sola marca: manual de identidad, hosting, correo corporativo, web, sistema de gestión y app de trabajo
Visitar el sitio
1

El reto

El nombre comercial de Renovo es una promesa concreta: all solutions, todo lo que una propiedad necesita —plomería, electricidad, pintura, pisos, alfombras, handyman— resuelto con un solo proveedor. Esa promesa se sostiene en la calle desde hace más de veinte años, pero no estaba escrita en ningún sitio: no había manual que dijera cómo se pinta una furgoneta, qué rojo es el rojo ni cómo se comporta el logotipo cuando el formato se hace pequeño. Y el trabajo diario —quién va a qué dirección, qué se hizo allí, cuántas horas echó cada técnico— crecía más rápido que las herramientas con las que se llevaba.

2

Lo que hicimos

Construimos la empresa entera sobre una sola marca. Primero la identidad: un imagotipo que funde tres edificios estilizados —la envergadura de los trabajos— con un círculo que significa unidad, levantado sobre una retícula donde cada medida sale de la altura de su propia «R», y un manual de veinte páginas que fija colores con sus códigos, tipografías, reducciones, usos sobre fotografía y lo que la marca nunca hace. Después la infraestructura: hosting, dominio y correo corporativo. Encima, el sitio web en inglés —servicios, ficha por oficio, cobertura del Área de la Bahía y presupuesto sin compromiso—, un sistema de gestión donde viven los tickets con sus fotos, los clientes y sus direcciones, los proveedores, el calendario y los fichajes del equipo, y la app con la que el técnico ficha la jornada, abre su ticket en la obra y la cierra desde allí mismo.

3

El resultado

La misma marca desde la tarjeta de presentación hasta la pantalla que el técnico mira en la obra. El cliente que ve la furgoneta aparcada, el que entra en la web y el que recibe un correo se encuentran la misma empresa. Y dentro, el recorrido de un trabajo —entra, se asigna, se hace, se cierra— pasa por un solo sitio, con las horas del equipo contadas solas en lugar de reconstruidas al final del mes.

El manual de marca

Las páginas que siguen son del manual original entregado a Renovo, escrito en español.

Tres edificios y un círculo

Tres edificios y un círculo

El identificador tiene dos piezas con un significado asignado: los tres edificios estilizados hablan de la envergadura de los trabajos de renovación, y el círculo que los envuelve, de unidad y de un enfoque integral. Debajo, el nombre en mayúsculas y el eslogan que resume el negocio: «all solutions», el cliente no necesita buscar en distintos proveedores.

Todo mide una «R»

Todo mide una «R»

La malla de construcción sale de la altura de la letra «R» del propio imagotipo: seis erres de ancho en la versión vertical, nueve en la horizontal. Esa misma letra fija el área de respeto —una «R» libre por los cuatro lados—, así que el aire alrededor del logotipo no se decide a ojo en cada pieza: se mide.

Un rojo y un blanco

Un rojo y un blanco

Los principales son el tomate #D02B2C y el blanco plateado #F1F1F1, cada uno con su HEX, su RGB y su CMYK para que el rojo del rótulo, el del polo y el de la furgoneta sean el mismo rojo. Un color de marca que solo existe en pantalla se convierte en cinco rojos distintos en cuanto alguien manda a imprimir.

Azul carbón, bronceado y negro

Azul carbón, bronceado y negro

Los secundarios no compiten con el rojo: sostienen. El azul carbón para los fondos serios, el bronceado para dar calidez a las piezas impresas y el negro carbón para el texto. Con los cinco colores fijados, cualquier proveedor —una imprenta, un rotulista, un programador— produce la misma marca sin llamar a preguntar.

Varien y Eras Medium ITC

Varien y Eras Medium ITC

Varien es la principal: sans serif de proporciones equilibradas, la voz de los titulares y del propio logotipo. Eras Medium ITC acompaña en taglines, subtítulos y textos secundarios, con un tono más accesible. Dos familias con papeles definidos, que es lo que evita que cada pieza acabe eligiendo su tipografía por su cuenta.

Un patrón sacado del logotipo

Un patrón sacado del logotipo

Del imagotipo nacen dos recursos gráficos: un patrón geométrico que aporta ritmo y estructura, y unas franjas diagonales que guían la mirada sin saturar. Sirven de fondo, de separador entre secciones y de hilo visual entre una pieza y la siguiente —el reverso de la tarjeta y la taza son el mismo patrón.

Una versión para cada tamaño

Una versión para cada tamaño

Al 100 % se usa la versión completa con «ALL SOLUTIONS». Al 60 % se cae el eslogan y quedan imagotipo y nombre. Al 20 % —un favicon, un avatar, un bordado— queda solo el símbolo. La regla evita el error de siempre: encoger la versión grande hasta que el eslogan se convierte en una mancha ilegible.

Monocromática a propósito

Monocromática a propósito

El sistema es de un solo color por decisión, no por falta de recursos: el imagotipo se adapta a cualquier soporte —fondo rojo, blanco o negro— sin perder legibilidad ni presencia. Eso es lo que permite bordarlo en un polo, grabarlo en un cartel acrílico y ponerlo en una web sin rehacer nada.

Sobre fotografías

Sobre fotografías

Una foto de obra es un fondo hostil: tiene textura, tiene ruido y tiene rojos propios. Para eso se desarrollaron variantes específicas del imagotipo con soporte sólido, que garantizan que se lea igual encima de una imagen compleja que sobre un fondo plano.

Lo que la marca nunca hace

Lo que la marca nunca hace

No se rota, no se estira, no se le cambian las proporciones ni la tipografía, no se pinta con los colores secundarios y no se coloca sobre imágenes donde el contraste entre figura y fondo no dé. Seis prohibiciones dibujadas, que es la única forma de que se cumplan cuando el que maqueta no estuvo en la reunión.

La marca, ya en la pantalla

La marca, ya en la pantalla

El manual es monocromático y manda usar el imagotipo sobre fondos claros o neutros, así que la web se construyó con los dos modos desde el primer componente y no como un añadido: de día, blanco plateado de fondo y el tomate reservado para lo que hay que pulsar; de noche, negro carbón y un tomate un punto más claro, porque el #D02B2C sobre #1A1A1A se queda en 3,37 de contraste y no llega a AA. Medido, no estimado. La misma sección, partida por la mitad: a la izquierda el día, a la derecha la noche.

El proyecto en imágenes

«All Solutions», también por dentro — 1«All Solutions», también por dentro — 2«All Solutions», también por dentro — 3«All Solutions», también por dentro — 4«All Solutions», también por dentro — 5«All Solutions», también por dentro — 6«All Solutions», también por dentro — 7

El sistema, módulo a módulo

Un solo sitio para llevar la operación: tickets, clientes, proveedores, calendario y fichajes, con permisos por rol —lo que ve un administrador de Renovo no es lo que ve un técnico ni lo que ve un proveedor—. Las capturas que siguen usan datos de demostración: direcciones, nombres y horas inventados, nunca información real de un cliente de Renovo.

Lo que hay que saber a las siete de la mañana

Lo que hay que saber a las siete de la mañana

La pantalla de inicio responde a las cuatro preguntas con las que empieza el día: qué hay pendiente, qué está agendado, qué toca hoy y qué sigue sin técnico asignado. Debajo, la agenda del día con su hora y su dirección, los tickets que nadie ha cogido todavía y los materiales que se están acabando, cada uno enlazando a su módulo.

Órdenes de trabajo, no mensajes sueltos

Órdenes de trabajo, no mensajes sueltos

Cada trabajo es un ticket con su urgencia, su estado, su categoría, su dirección y su técnico. Se filtra por las tres cosas que de verdad se preguntan —qué es urgente, qué está sin cerrar, de qué oficio es— y se busca por título, descripción o cliente. Un trabajo deja de ser un mensaje que alguien tiene que recordar.

La ficha que evita la llamada

La ficha que evita la llamada

Dentro del ticket está todo lo que hace falta para ir y resolver: el resumen de la orden, el cliente y su dirección, el inquilino, la duración estimada, las notas de la propiedad —dónde está la llave, dónde se aparca— y las instrucciones que deja por escrito quien administra el edificio. El técnico sale de casa sabiendo lo que se va a encontrar, sin una llamada de por medio.

Las horas se cuentan solas

Las horas se cuentan solas

Los fichajes del equipo enseñan quién está trabajando ahora, quién terminó y quién no ha fichado, con los días, las horas y la media de cada técnico en el periodo elegido. Incluso avisa de los días que quedaron abiertos —entrada sin salida—, que no suman horas y que antes solo se descubrían al cerrar el mes.

El mes entero en una pantalla

El mes entero en una pantalla

El calendario junta las visitas agendadas y los eventos internos, con las horas siempre en la zona horaria de la empresa y no en la del dispositivo de quien mira —un detalle que evita citas desplazadas cuando alguien abre el sistema de viaje—. Desde ahí se ve el hueco real que queda antes de prometerle una fecha a un cliente.

La web, pantalla por pantalla

«All Solutions», también por dentro — 1
«All Solutions», también por dentro — 2
«All Solutions», también por dentro — 3
«All Solutions», también por dentro — 4
«All Solutions», también por dentro — 5
«All Solutions», también por dentro — 6

La app de trabajo, pantalla por pantalla

«All Solutions», también por dentro — 1
«All Solutions», también por dentro — 2
«All Solutions», también por dentro — 3
«All Solutions», también por dentro — 4

¿Listo para empezar?

Cuéntanos tu idea y te diremos cómo convertirla en una empresa real.

Hablemos de tu proyecto