Saltar al contenido principal
Fugen Services logo

Diseño y Experiencia

Diseño de interfaces evaluado por si los usuarios completan la tarea

Un buen diseño no es lo mismo que un diseño bonito. Empezamos observando a las personas intentando hacer lo que tu producto existe para lograr, identificamos dónde se bloquean y solucionamos eso. La estética importa — transmite credibilidad — pero sigue a la estructura en lugar de sustituirla.

Orientativo

Auditoría desde £2,000

Precio fijo acordado por escrito antes de comenzar cualquier desarrollo.

Solicitar presupuesto+44 7488 265083

Background photo by Luna Lovegood on Pexels

El problema que resuelve

La mayoría de las rediseños se impulsan por el gusto interno en lugar de por evidencia. El resultado parece moderno, se lanza y convierte igual o peor, porque nadie identificó qué era lo que realmente impedía a los usuarios. Mientras tanto, cada nueva pantalla se diseña desde cero porque no existe un sistema.

Qué obtendrá

Investigación y auditoría del estado actual

Revisión de analítica, grabaciones de sesiones, evaluación heurística y entrevistas con usuarios reales. Esto convierte las opiniones en una lista priorizada de problemas.

Arquitectura de la información y flujos

Estructura, navegación y flujos de tareas acordados antes de cualquier trabajo visual — porque reorganizar la estructura después es lo que hace que los rediseños se retrasen.

Mallas y prototipos

Prototipos interactivos que cubren los recorridos críticos, probables con usuarios reales antes de escribir una línea de código.

Sistema de diseño, no pantallas

Tokens, componentes, estados y reglas de uso en Figma, vinculados a los componentes de código que construirán tus desarrolladores. Las pantallas se agotan; un sistema sigue funcionando.

Accesibilidad integrada

Contraste, orden de enfoque, tamaños de destino y rutas de teclado verificados según WCAG 2.2 AA durante el diseño, cuando corregirlos es barato.

Ronda de pruebas de usabilidad

Sesiones moderadas con el prototipo y un informe breve: qué falló, con qué frecuencia y el cambio recomendado.

Cómo trabajamos

  1. Descubrir

    Analítica, grabaciones, entrevistas y auditoría heurística.

  2. Definir

    Lista de problemas priorizada acordada contigo antes de empezar el diseño.

  3. Estructurar

    IA, flujos y mallas.

  4. Probar pronto

    Pruebas de usabilidad en el prototipo de malla, cuando los cambios son económicos.

  5. Sistema de diseño

    Lenguaje visual, tokens y componentes.

  6. Entrega

    Especificaciones anotadas, estados y casos límite documentados para los desarrolladores.

Qué esperar

  • Medición de la finalización de tareas antes y después, no solo un nuevo aspecto
  • Un sistema de diseño que los desarrolladores pueden usar para construir sin adivinar
  • Problemas de accesibilidad WCAG 2.2 AA detectados en la fase de diseño en lugar de en una auditoría
  • Casos límite y estados vacíos/error documentados

Desarrollado con

  • Figma
  • FigJam
  • Maze
  • Hotjar
  • GA4
  • Storybook
  • Tailwind CSS
  • Radix UI

Mainstream, well-supported technology — chosen so you can hire for it and so another team could take the project over.

Diseño UX/UI — your questions

Incluyendo las preguntas sobre coste, que la mayoría de las agencias omiten en la página.

Una auditoría UX centrada con recomendaciones cuesta entre £2,000 y £4,000 y suele ser el mejor primer paso. El diseño completo de un sitio web de marketing suele ser entre £4,000 y £9,000; un producto o aplicación con un sistema de diseño adecuado ronda entre £9,000 y £25,000, dependiendo de la cantidad de flujos distintos que existan.

Sí. Entregamos un sistema de diseño en Figma con especificaciones anotadas, estados y casos límite que cualquier equipo de desarrollo competente puede implementar. Preferimos entregar algo inequívoco antes que algo que necesite nuestra interpretación.

Cinco sesiones suelen revelar la mayoría de los problemas graves y cuestan una fracción de construir algo equivocado. Si el presupuesto es realmente ajustado, lo comprimimos, pero no fingiremos que una revisión interna es un sustituto: los equipos están demasiado cerca de su propio producto para ver dónde confunde a los usuarios.

Es el conjunto reutilizable de tokens, componentes, estados y reglas a partir de los cuales se construyen todas las pantallas, en lugar de una carpeta de diseños de páginas aisladas. Cuesta más al principio y mucho menos después: cada nueva función se compone de partes existentes en lugar de encargar nuevos diseños.

Habla con alguien que ya lo haya construido

A short call is usually enough to tell you whether this is the right service for your situation — including when it is not.