Proyecto de cliente · Web en revisión
Una web que enseña
el oficio.
Nueva web para Frilotec, empresa de climatización, ventilación y frío industrial de Pamplona: estructura, dirección visual, diseño web, experiencia de usuario y adaptación móvil, en WordPress y Elementor.
Cliente
Frilotec Climatización S.L.
Sector
Climatización y frío · Navarra
Áreas
Estructura · Dirección visual · Diseño web · UX · Móvil · SEO técnico
Estado
En revisión con el cliente · octubre de 2026
El servicio detrás del proyecto
Acto 01
El negocio y el objetivo
Quién es Frilotec
Frilotec estudia, instala y mantiene sistemas de climatización, ventilación, cámaras frigoríficas y frío comercial para empresas, hostelería y edificios de Navarra, desde Pamplona.
Su web anterior estaba hecha con una plataforma de plantillas y no contaba ese trabajo técnico: hablaba en general y apenas enseñaba obra.
El objetivo
Que una empresa o un local entienda en pocos segundos qué hace Frilotec y para quién, vea trabajos reales con su contexto y pueda pedir presupuesto, llamar o escribir por WhatsApp sin buscar.
Acto 02
Lo que encontramos
Necesidades detectadas
Revisamos las 39 direcciones de la web anterior en septiembre de 2026. Esto es lo que más pesaba:
- Un mensaje sin foco. La portada se titulaba «Climatización Navarra» y la pestaña del navegador decía «Inicio: Frilotec».
- Contacto con obstáculos. El teléfono quedaba detrás de un botón «Ver teléfono» y el enlace «Cómo llegar» llevaba a una dirección de Madrid.
- Restos de plantilla. Botones sin destino, etiquetas en inglés como «Request a quote» o «Find Us» y un asistente virtual que saludaba en inglés.
- Páginas vacías (tienda, tour virtual, noticias, blog) y ninguna obra explicada con su problema y su solución.
Lo que implicaba
Frilotec tiene oficio y obra real, pero la web no lo demostraba. El trabajo no consistía en decorar: había que ordenar la información para que la confianza se ganara con pruebas.
Acto 03
Lo que hicimos
Estructura
Una portada en bloques que responden a lo que pregunta quien llega: qué hacéis, dónde lo habéis hecho, quién lo hace y cómo os contacto. Cinco páginas de servicio, fichas de obra con el reto y la solución, y guías técnicas para las dudas frecuentes.
Dirección visual
Un sistema sobrio y técnico: azul noche y grafito para la parte de ingeniería y el ámbar del logotipo como acento. Titulares en Archivo, texto en Figtree y fotografía real de las obras en lugar de imágenes de banco.
Diseño web y experiencia de usuario
Zona, teléfono, correo y horario visibles desde la cabecera; «Solicitar presupuesto» como acción principal y WhatsApp como alternativa; tarjetas de servicio con lo que incluye cada uno y un formulario con errores claros.
Adaptación móvil
Diseñada para el móvil, no sólo encogida: recorte propio de la foto principal, botón de llamada en la cabecera y botones a ancho completo.
SEO técnico y accesibilidad
Títulos y descripciones por página, datos estructurados del negocio y de cada servicio, redirecciones preparadas desde las direcciones antiguas para el día del lanzamiento, contraste revisado y foco visible al navegar con el teclado.
Del diseño a la decisión
Cada bloque
tiene un porqué.
Capturas reales de la versión en revisión. Junto a cada una, qué se decidió y para qué sirve.
01
Qué, dónde y para quién en la primera pantalla
La decisión
Un titular corto con el beneficio, «Aire, frío y calor bajo control», la zona y el público («para empresas de Navarra»), sobre una foto real de un técnico de Frilotec trabajando.
Por qué ayuda
Quien llega sabe en segundos si está en el sitio adecuado y tiene dos salidas claras: pedir presupuesto o ver obras.
02
Servicios que se distinguen de un vistazo
La decisión
Cuatro tarjetas con foto real, una etiqueta del tipo de trabajo («Instalación y reforma», «Frío industrial y comercial», «Instalaciones en marcha», «Sector») y una línea con lo que incluye.
Por qué ayuda
La empresa elige por su necesidad, no por el nombre técnico del servicio, y llega a una página que se lo explica.
03
Obra real, con reto y solución
La decisión
Cada trabajo se cuenta igual: tipo de proyecto, el reto concreto y la solución montada, con fotos de la propia obra.
Por qué ayuda
Es la prueba que la web anterior no tenía: enseña criterio técnico sin inventar cifras ni clientes.
04
Contactar sin buscar
La decisión
Un cierre con una pregunta directa, «Solicitar presupuesto», teléfono y WhatsApp juntos y el horario a la vista.
Por qué ayuda
Cada visitante elige su canal. Quien prefiere llamar no tiene que rellenar un formulario.
Adaptación móvil
Pensada para
el pulgar.
Más de la mitad del recorrido se decide en el móvil: se diseñó a la vez que la versión de escritorio.
Portada, servicios y una obra en un móvil de 390 px. Llamada a un toque en la cabecera y botones a ancho completo.
¿Tu web tampoco enseña
lo que sabes hacer?
Cuéntanos qué tienes ahora y qué necesitas. Lo vemos en una reunión gratuita de 30 minutos y te decimos por dónde empezaríamos.
El servicio detrás del proyecto
Diseño web
Webs que explican tu valor y facilitan el siguiente paso.
Siguiente proyecto
FIR Advocats
Proyecto de cliente