Web y e-commerce

Diseño UI/UX que entiende a los usuarios, antes de escribir la primera línea de código

Junto con LOMA DESIGN diseñamos interfaces para software, apps y portales, con investigación de usuarios, prototipos interactivos y pruebas antes de que empiece el desarrollo.

Primera consulta gratuitaPresupuesto transparente, con precio cerrado si lo deseaDiseño con LOMA DESIGN
Imagen destacada: Diseño UI/UX
Breve & claro

El diseño UI/UX en Nano Concepts comprende la investigación de usuarios, los flujos de usuario, los wireframes, los prototipos interactivos, los tests de usabilidad y el diseño final de la interfaz con sistema de diseño para software, apps y portales, creado junto con la agencia asociada LOMA DESIGN en la misma sede en Dudenhofen, cerca de Espira (Speyer). Los costes dependen de los paquetes Starter desde 2.500 €, Professional desde 8.000 € o Enterprise (individual); el presupuesto exacto llega tras una primera consulta gratuita. Para empezar basta una breve descripción de su producto o de su idea.

Agencia de diseño UX para software, apps y portales

El diseño UI/UX decide si un software se usa a gusto en el día a día o solo se tolera. UX es la experiencia de usuario, es decir, si las personas alcanzan su objetivo con rapidez y sin rodeos. UI es la interfaz a través de la cual ocurre: botones, formularios, tablas, navegación. Ambas cosas van juntas y ambas pueden comprobarse antes de programar.

01

Nuestro camino empieza por las personas que usan el producto: hablamos con empleados, clientes o personal de campo, observamos los flujos de trabajo y recopilamos los puntos en los que hoy se atasca algo. De ahí surgen flujos de usuario, wireframes y prototipos interactivos en Figma, que probamos con usuarios reales, mucho antes de que un cambio se vuelva caro.

02

El diseño corre a cargo de nuestra agencia asociada LOMA DESIGN, en la misma sede; la implementación, de Nano Concepts. Así, el diseño tiene en cuenta desde el principio lo que es técnicamente razonable, y el desarrollo recibe componentes, estados y espaciados bien documentados. El resultado sirve igualmente para aplicaciones web, apps móviles, dashboards y portales de clientes, y puede ampliarse de forma coherente con cada nueva versión.

03

Como agencia de diseño UX trabajamos mano a mano con LOMA DESIGN: la agencia asociada diseña y Nano Concepts desarrolla, ambas en la misma sede. Para usted esto significa que un buen diseño UI/UX no fracasa en la implementación, porque los componentes, los estados y los espaciados están documentados para el desarrollo desde el principio. Tanto si busca una agencia de diseño de apps para un producto nuevo como si desea mejorar un software existente: empezamos por las personas que lo utilizan a diario.

04

Muchas empresas quieren primero encargar un prototipo antes de invertir en el desarrollo. Un prototipo interactivo en Figma muestra pronto si los procesos son comprensibles y se puede probar con usuarios reales. En el software existente, una auditoría UX o un test de usabilidad revelan los mayores obstáculos. El coste del diseño UI/UX depende del alcance, desde un prototipo compacto hasta un sistema de diseño para varios productos. Recibirá un presupuesto transparente tras la primera consulta gratuita.

Story

Diseño UI/UX en 10 diapositivas

Deslice y descubra qué aporta Diseño UI/UX, qué hacemos por usted y cómo se benefician otras empresas.

×01 / 10

Web y e-commerce

Diseño UI/UX. Hecho para ser encontrado.

El diseño UI/UX en Nano Concepts comprende la investigación de usuarios, los flujos de usuario, los wireframes, los prototipos interactivos, los tests de usabilidad y el diseño final de la …

  • Primera consulta gratuita
  • Transparente, también a precio cerrado
  • Respuesta normalmente en 24 horas
lomadesign.de · nanoconcepts.de
×02 / 10

Cómo lo notará

¿Le suena todo esto?

Señales típicas de que Diseño UI/UX merece la pena:

  1. 01Sus empleados eluden el software con listas de Excel y notas, porque su manejo es demasiado …
  2. 02Los nuevos usuarios necesitan mucha formación o recurren constantemente al soporte.
  3. 03Planea una app o plataforma y quiere probar la idea antes de invertir en el desarrollo.
  4. 04Su producto ha ido creciendo durante años y cada vista tiene un aspecto un poco distinto.
lomadesign.de · nanoconcepts.de
×03 / 10

Su ventaja

Lo que usted gana con ello.

Encontrar los errores en el prototipo, no en el códigoUn flujo poco claro se corrige rápido en el prototipo; en el software terminado, el mismo …
Menos formación y soporteLos flujos comprensibles reducen consultas, errores de entrada y el tiempo de incorporación …
Diseño que se puede implementarComo LOMA DESIGN y Nano Concepts trabajan en la misma sede, los diseños están pensados …
lomadesign.de · nanoconcepts.de
×04 / 10

Alcance de los servicios

Lo que realizamos para usted.

Interfaces para software, apps y portales: investigadas, probadas como prototipo y diseñadas con LOMA DESIGN.

  1. Investigación de usuarios y entrevistas
  2. Flujos de usuario y arquitectura de la información
  3. Wireframes y prototipos interactivos
  4. Pruebas de usabilidad
  5. Diseño UI y sistema de diseño
  6. Diseño accesible
lomadesign.de · nanoconcepts.de
×05 / 10

Ejemplos de uso

Así se ve en la práctica.

Comercio y e-commerceUn sistema de caja o de gestión de mercancías recibe flujos con los que incluso el personal de apoyo trabaja con …
LogísticaUna app de escáner para el almacén muestra en cada paso de trabajo solo la información necesaria y se maneja con una …
Salud y cuidadosSe diseña una app para pacientes para que también las personas mayores reserven citas y encuentren documentos sin tener …
lomadesign.de · nanoconcepts.de
×07 / 10

Proceso

Proceso claro. Sin sorpresas.

  1. 01
    Discovery e investigación de usuariosAclaramos objetivos y públicos objetivo, realizamos entrevistas y …
  2. 02
    Flujos de usuario y wireframesDe las conclusiones surgen flujos y bocetos de pantallas que repasamos …
  3. 03
    Prototipo interactivo y pruebasUn prototipo interactivo se prueba con personas de su público objetivo y se …
  4. 04
    Diseño UI con LOMA DESIGNLOMA DESIGN diseña las interfaces finales con la imagen de marca y define …
lomadesign.de · nanoconcepts.de
×08 / 10

Pregunta frecuente

Buena pregunta. Respuesta clara.

¿Cuánto cuesta el diseño UI/UX?

Nano Concepts

Un prototipo compacto para una página web, una herramienta o una idea de app es posible en el paquete Starter, desde 2.500 €.

Todas las preguntas y respuestas
lomadesign.de · nanoconcepts.de
×09 / 10

Paquetes

Tres paquetes. Un plan.

  • Starterdesde 2.500 €Ideal para landing pages, aplicaciones web sencillas y prototipos.
  • Professionaldesde 8.000 €Para aplicaciones web complejas, portales y soluciones de software a …
  • EnterprisePrecio individualPara grandes proyectos, ecosistemas de sistemas y colaboraciones de …

Orientación sin compromiso: recibirá su presupuesto tras la primera consulta gratuita. Ver precios

lomadesign.de · nanoconcepts.de
×10 / 10

Empecemos

Saque el máximo de su potencial.

Cuéntenos su proyecto: normalmente le responderemos en un plazo de 24 horas con una primera valoración.

×

JUNTOS. EN DIGITAL. CON ÉXITO.

lomadesign.de · nanoconcepts.de
01 / 10

Señales típicas de que Diseño UI/UX merece la pena

  • Sus empleados eluden el software con listas de Excel y notas, porque su manejo es demasiado engorroso.
  • Los nuevos usuarios necesitan mucha formación o recurren constantemente al soporte.
  • Planea una app o plataforma y quiere probar la idea antes de invertir en el desarrollo.
  • Su producto ha ido creciendo durante años y cada vista tiene un aspecto un poco distinto.
  • En formularios y procesos muchos usuarios abandonan sin que quede claro por qué.
Alcance de los servicios

Agencia UI/UX con prototipo, test de usabilidad y sistema de diseño

Interfaces para software, apps y portales: investigadas, probadas como prototipo y diseñadas con LOMA DESIGN.

Investiga­ción de usuarios y entrevistas

Conversaciones, observaciones y el análisis de los datos existentes muestran cómo trabajan los usuarios y dónde fracasan hoy.

Flujos de usuario y arquitectura de la información

Ordenamos funciones, contenidos y navegación para que las tareas frecuentes se completen con el menor número de pasos posible.

Wireframes y prototipos interactivos

Del boceto al prototipo interactivo en Figma, que usted y sus usuarios pueden probar en escritorio o smartphone.

Pruebas de usabilidad

Probamos los prototipos con personas de su público objetivo y mejoramos el concepto a partir de los problemas observados.

Diseño UI y sistema de diseño

LOMA DESIGN diseña las interfaces con la imagen de su marca y documenta colores, tipografía y componentes en un sistema de diseño.

Diseño accesible

Tenemos en cuenta desde el principio contrastes, tamaños de fuente, estados de foco y manejo con teclado, siguiendo las directrices WCAG.

Sus ventajas

Por qué las empresas confían en nosotros

Encontrar los errores en el prototipo, no en el código

Un flujo poco claro se corrige rápido en el prototipo; en el software terminado, el mismo cambio suele arrastrar ajustes en muchos puntos.

Menos formación y soporte

Los flujos comprensibles reducen consultas, errores de entrada y el tiempo de incorporación de nuevos empleados.

Diseño que se puede implementar

Como LOMA DESIGN y Nano Concepts trabajan en la misma sede, los diseños están pensados técnicamente desde el principio.

Coherencia en todas las pantallas

Un sistema de diseño garantiza que las nuevas funciones se vean y se comporten como el resto del producto.

Ejemplos de uso

Diseño UI/UX en su sector

Así es Diseño UI/UX en los sectores típicos: ejemplos concretos del día a día empresarial.

Industria y fabricación

Se diseña un dashboard de mantenimiento para que los operarios, en la nave y bajo presión de tiempo, capten al instante los valores y averías más importantes.

Más información

Comercio y e-commerce

Un sistema de caja o de gestión de mercancías recibe flujos con los que incluso el personal de apoyo trabaja con seguridad tras una breve formación.

Más información

Logística

Una app de escáner para el almacén muestra en cada paso de trabajo solo la información necesaria y se maneja con una sola mano.

Más información

Salud y cuidados

Se diseña una app para pacientes para que también las personas mayores reserven citas y encuentren documentos sin tener que llamar a la consulta.

Más información

Inmobiliaria

Un CRM inmobiliario ordena inmuebles, interesados y citas de modo que los agentes, en movimiento y desde el smartphone, vean de inmediato el siguiente paso.

Más información

Finanzas y seguros

Un proceso de solicitud de créditos o seguros se divide en pasos comprensibles, con indicador de progreso y mensajes de error útiles.

Más información

Servicios y consultoría

Un portal de clientes para órdenes de servicio muestra de un vistazo el estado, las facturas y los interlocutores, y reduce las consultas por teléfono.

Más información

Oficios

Una app de órdenes para montadores registra horas de trabajo, material y fotos con pocas entradas, directamente en la obra.

Más información

Startups

Una startup prueba su concepto de producto como prototipo interactivo con los primeros usuarios antes de invertir presupuesto en el desarrollo.

Más información

Educación e investiga­ción

Una plataforma de aprendizaje se estructura para que los alumnos vean su progreso y los docentes creen cursos sin manual.

Más información

Turismo y gastronomía

Un proceso de reserva de alojamientos o excursiones se reduce en el smartphone a pocos pasos claramente comprensibles.

Más información

Medios e industrias creativas

Una app de medios ordena los contenidos según intereses y hace intuitivos la búsqueda, la lista de favoritos y la reproducción.

Más información
Proceso

Encargar un prototipo interactivo: así trabajamos

  1. Discovery e investigación de usuariosAclaramos objetivos y públicos objetivo, realizamos entrevistas y observamos cómo trabajan hoy los usuarios.
  2. Flujos de usuario y wireframesDe las conclusiones surgen flujos y bocetos de pantallas que repasamos junto con usted.
  3. Prototipo interactivo y pruebasUn prototipo interactivo se prueba con personas de su público objetivo y se mejora a partir de las observaciones.
  4. Diseño UI con LOMA DESIGNLOMA DESIGN diseña las interfaces finales con la imagen de marca y define componentes y estados.
  5. Entrega al desarrolloEl sistema de diseño, la especificación y el prototipo pasan al desarrollo; en Nano Concepts, sin rupturas, dentro del mismo equipo.

Tecnologías y herramientas

FigmaFigJamMazeStorybookTailwind CSSAdobe IllustratorLottieWCAG 2.2
FAQ

Preguntas frecuentes sobre Diseño UI/UX

Un prototipo compacto para una página web, una herramienta o una idea de app es posible en el paquete Starter, desde 2.500 €. Una investigación de usuarios amplia, varias rondas de pruebas y un sistema de diseño completo para un software suelen estar en el paquete Professional, desde 8.000 €; los grandes ecosistemas de producto los calculamos de forma individual como Enterprise. El diseño UI/UX puede contratarse por separado o como parte de un proyecto de desarrollo.

Para productos manejables suelen bastar pocas semanas desde las primeras entrevistas hasta el prototipo probado. En software complejo planificamos varias iteraciones y podemos diseñar áreas concretas en paralelo al desarrollo.

UX describe toda la experiencia de usuario: si los flujos son lógicos y las personas alcanzan su objetivo. UI es la interfaz visible, con diseño, colores, tipografía y elementos de control. Los buenos productos necesitan ambas, por eso las trabajamos juntas.

Ni siquiera los diseñadores con experiencia pueden predecir cómo reaccionará cada público. Ya unas pocas pruebas con usuarios reales suelen sacar a la luz los mayores obstáculos, y resulta bastante más barato que resolverlos tras el lanzamiento.

Sí. Diseñamos con contrastes suficientes, estados de foco claros, mensajes de error comprensibles y manejo con teclado, y seguimos las directrices WCAG. Si las exigencias legales, como la Ley alemana de accesibilidad (BFSG), se aplican a su producto y en qué medida, debería comprobarse jurídicamente. Esto no sustituye el asesoramiento jurídico.

Tras la primera consulta gratuita siguen la investigación de usuarios, los flujos de usuario y los wireframes, y después un prototipo interactivo con pruebas. LOMA DESIGN diseña las interfaces finales y la entrega al desarrollo se realiza con sistema de diseño y especificación.

La experiencia de usuario influye en que los clientes envíen una consulta o completen una compra y en que los empleados utilicen un software con gusto. Los procesos incomprensibles provocan abandonos, consultas al soporte y errores de entrada. Quien tiene en cuenta la UX desde el principio evita costosos cambios tras el lanzamiento.

Un prototipo interactivo simula una app o un software sin que se programe nada: las pantallas están enlazadas, y los botones y la navegación reaccionan como en el producto final. Así se pueden probar ideas con usuarios, convencer a quienes toman decisiones y dar al desarrollo una referencia inequívoca. Creamos los prototipos en Figma y los compartimos mediante un enlace.

Un sistema de diseño es una colección de componentes, colores, tipografías y reglas reutilizables que comparten el diseño y el desarrollo. Compensa en cuanto varios productos, equipos o canales deben presentarse de forma uniforme o un software se amplía con regularidad. Las nuevas funciones se crean entonces más rápido y se mantienen coherentes.

En la auditoría UX, especialistas revisan un sitio web, una app o un software existente con criterios reconocidos y documentan los puntos débiles con prioridades. En el test de usabilidad, usuarios reales resuelven tareas típicas mientras observamos dónde se atascan. Ambos se complementan: la auditoría encuentra rápido los problemas conocidos, y el test muestra el comportamiento real de su público objetivo.

Sí. Diseñamos interfaces para apps móviles y tenemos en cuenta las directrices de diseño de Apple y Google para que la app resulte familiar en ambas plataformas. Si lo desea, Nano Concepts implementa después la app directamente, de modo que el diseño y el desarrollo provienen de un único interlocutor.

Relacionado

Servicios relacionados

Glosario digital

Términos sobre Diseño UI/UX, explicados brevemente

Revista

Seguir leyendo

01 · Escenario · aprox. 50 segundos

La web invisible

Markus es el mejor techador de la ciudad, pero en Google aparece en la página 3 y su web tarda 8 segundos en cargar. Así el diseño, una técnica rápida y el SEO y GEO hacen que vuelva a sonar el teléfono.

ServicioDiseño web · SEO y GEOParaOficios y negocios locales
Leer la transcripción

Este es Markus.
El mejor techador de la ciudad.
¿Su problema?
Nadie lo sabe.
Lena busca un techador.
¿Markus?
Está en la página 3.
Ahí no mira nadie.
¿Y si lo encuentra?
8 segundos de carga.
No está hecha para móvil.
Y Lena se va.
Esto es lo que falla.
Y eso le cuesta a Markus encargos cada día.
Entonces Markus llama a LOMA DESIGN
y a NANO CONCEPTS.
El diseño se une al desarrollo.
Diseño que genera confianza.
Tecnología que carga volando.
SEO y GEO para que lo encuentren:
en Google y en la búsqueda con IA.
Mismo trabajo.
Nueva visibilidad.
Y el teléfono suena.

El presupuesto adecuado en 60 segundos

Análisis de necesidades: Diseño UI/UX

Responda unas breves preguntas: normalmente nos pondremos en contacto con usted en un plazo de 24 horas con una primera valoración.

Solicitar proyecto