Saltar al contenido
Marca y experiencia

Diseño y rediseño web desde nuestro estudio en Manchester.

Diseñamos webs nuevas y replanteamos webs existentes para negocios del Reino Unido, España y otros países. El contenido, los recorridos y la interfaz adaptable guían el trabajo; el desarrollo puede formar parte del alcance.

El contexto

Una web nueva o un rediseño empieza por lo que necesita hacer cada visitante.

Una web puede parecer cuidada y aun así dejar dudas sobre qué ofrece el negocio o cuál es el siguiente paso. Identificamos esas preguntas, las páginas que deben responderlas y la acción que corresponde a cada una antes de diseñar la interfaz.

En un rediseño revisamos la web actual para detectar contenidos, recursos visuales y URL que conviene conservar. Después planificamos los cambios de navegación, jerarquía y comportamiento adaptable. La web de Ca Pacorro muestra cómo la fotografía, la estructura de la carta y la lectura en móvil sostienen la experiencia final.

Cuando el proyecto incluye la implementación, conectamos el diseño con el desarrollo web.

Capacidades

Qué cubre el servicio

El trabajo conecta contenido, interacción y jerarquía visual desde la estructura inicial hasta los distintos estados adaptables.

  • 01UX y recorridos de usuario
  • 02Arquitectura de información
  • 03Wireframes
  • 04Diseño de interfaz
  • 05Diseño adaptable
  • 06Sistemas visuales ligados a la marca
  • 07Consideraciones de accesibilidad
  • 08Estructura orientada a conversión
  • 09Planificación del rediseño web
Alcance del proyecto

Qué puede incluir un proyecto

El resultado está diseñado para proporcionar decisiones claras durante la implementación, no solo maquetas atractivas.

  • 01Mapa web y jerarquía de páginas
  • 02Recorridos prioritarios
  • 03Diseños adaptables
  • 04Estados de componentes reutilizables
  • 05Guía de contenido e interacción
  • 06Entrega de diseño o desarrollo conectado
  • 07Plan para contenidos y URL existentes cuando el rediseño lo requiera
Planificar el trabajo

Diseño web: planificar el trabajo

Da una función a cada página

Una página de servicio, una ficha de producto y la página del estudio responden preguntas distintas. Antes de organizar bloques en pantalla, mapeamos qué necesita saber cada visitante y qué acción tiene sentido después. Así se decide qué va en la navegación, qué merece énfasis y dónde colocar un formulario o acceso a llamada. También aparecen explicaciones que faltan y que el estilo visual no resuelve.

Diseña el móvil de forma intencionada

Una interfaz móvil necesita más que una versión estrecha de la de escritorio. Los títulos largos, comparativas, filtros, formularios y menús cambian cuando hay poco espacio. Trabajamos los recorridos prioritarios en anchos reducidos, incluidos un menú abierto, un error de validación o una búsqueda sin resultados. Esto da un modelo de interacción claro y evita decisiones improvisadas al final del desarrollo.

Relaciona la interfaz con contenido real

Un diseño hecho solo con textos de prueba cortos puede romperse al añadir servicios o nombres de producto reales. Los contenidos representativos ayudan a detectar qué imágenes y mensajes debe aportar el negocio. Titulares, llamadas a la acción y pruebas de confianza se planifican juntos para explicar la oferta sin depender de la decoración. Aquí también se decide qué contenido debe poder editarse tras el lanzamiento.

Sistema de diseño y entrega al desarrollo

La entrega puede incluir diseños adaptables, estados de componentes, reglas de tipografía y espaciado, y notas para formularios, navegación e interacciones. Esas decisiones pueden convertirse en componentes reutilizables de HTML y CSS si el desarrollo forma parte del proyecto. La plataforma se elige según las necesidades de edición; el diseño no exige un CMS concreto. Antes de entregar, revisamos contraste, foco de teclado, áreas táctiles y orden de lectura.

Encaje del proyecto

Adecuado para

01

Negocios cuya web actual resulta difícil de entender o usar

02

Webs nuevas que necesitan estructura antes del desarrollo

03

Interfaces ecommerce o de producto con recorridos importantes para los clientes

Enfoque

Las decisiones avanzan de la estructura a la interfaz.

El proceso aclara primero los recorridos importantes y después desarrolla un sistema visual capaz de sostenerlos.

  1. 01

    Enmarcar

    Definir audiencias, tareas, contenido y la acción de negocio que apoya cada página.

  2. 02

    Estructurar

    Organizar navegación, jerarquía y recorridos principales.

  3. 03

    Diseñar

    Crear interfaces adaptables y patrones de componentes reutilizables.

  4. 04

    Validar

    Revisar contenido, accesibilidad, casos límite y requisitos de implementación.

Capacidades conectadas
Preguntas frecuentes

Diseño web: lo que conviene saber antes de empezar.

¿El diseño web incluye desarrollo?

Puede incluirlo. El diseño puede plantearse como una colaboración específica o conectarse directamente con el desarrollo web para que las decisiones de diseño e implementación se mantengan alineadas.

¿Puede el estudio trabajar con una guía de marca existente?

Sí. Las reglas existentes se pueden trasladar a un sistema digital más claro y completar los estados o componentes que falten.

¿Se considera la accesibilidad durante el diseño?

Sí. La jerarquía, el contraste, los estados, el uso con teclado y el comportamiento adaptable se consideran antes del desarrollo y se revisan durante la implementación.

¿Necesito tener todos los textos terminados antes de diseñar?

No hace falta cerrar cada frase, pero sí contar con información real suficiente para entender la oferta y los recorridos principales. Los contenidos ausentes se pueden detectar durante la fase de estructura y acordar antes de aprobar el diseño final.

¿Qué ocurre con el diseño una vez aprobado?

Puede pasar al desarrollo con el mismo estudio o entregarse a otro equipo. La documentación acordada debe incluir detalles adaptables y de interacción para que las decisiones importantes no se pierdan entre diseño e implementación.

Empezar proyecto

Plantea el requisito, aunque el alcance todavía no esté definido.

Explica la necesidad de negocio, el sistema actual y los límites prácticos. La respuesta propondrá un siguiente paso útil.