Iniciar un proyecto Empezar

ServiciosDiseño UX/UI

Diseño UX/UI

2 opciones · pago mensual, por cada mes de trabajo

Solo diseño para un producto cuyo alcance ya está claro: flujos, pantallas, estados, un sistema de diseño y entrega a tus desarrolladores. El diseño de pantallas para aplicaciones móviles también forma parte de este trabajo.

Flujos, pantallas y estados.
Listos para tus desarrolladores.

Solo diseño para un producto cuyo alcance ya está claro. Definimos los flujos de usuario, diseñamos las pantallas con sus estados y entregamos un sistema de diseño que tus desarrolladores pueden usar para implementarlo. El diseño de pantallas para aplicaciones móviles también forma parte de este trabajo.

Interfaz del sitio web de MV Agusta

El producto está definido.
Ahora necesita sus pantallas.

La tarea, el público y el alcance ya están definidos. Ahora el producto necesita una interfaz coherente: flujos que tengan sentido, pantallas que funcionen en dispositivos reales y estados que contemplen lo que ocurre en la práctica.

Diseñamos dentro de tu producto y entregamos el resultado a tu equipo. Este servicio no incluye desarrollo; preparamos los archivos para que tus desarrolladores puedan implementarlo directamente.

Si el producto aún está tomando forma, explora el diseño de producto.

Qué incluye
tu diseño.

Desde los flujos de usuario hasta la entrega: todo lo que tus desarrolladores necesitan para crear la interfaz.

Flujos de usuario

Los recorridos que las personas hacen por el producto: dónde empieza cada uno, qué ocurre en cada etapa y dónde termina. Trazamos los escenarios principales y las ramificaciones importantes.

Resultado: flujos acordados antes de diseñar las pantallas.

Pantallas

La interfaz de cada etapa, diseñada para las plataformas y los tamaños de pantalla acordados: web, aplicación móvil o ambas, con contenido realista.

Resultado: pantallas para los escenarios acordados.

Estados

Estados vacíos, de carga, de error y de éxito, además del momento previo a que alguien confirme una acción. En SKARR.PRO, diseñamos en detalle las interacciones y transiciones personalizadas.

Resultado: estados que contemplan lo que ocurre en la práctica.

Sistema de diseño

Componentes, tipografía, color y comportamientos coherentes en todo el producto. SKARR abarca las pantallas acordadas; SKARR.PRO amplía el sistema para futuras funciones.

Resultado: un sistema que tu equipo puede ampliar.

Entrega

Archivos de Figma organizados para el desarrollo, con componentes, especificaciones y notas. En SKARR.PRO, acompañamos a tus desarrolladores durante la implementación.

Resultado: una entrega con la que tus desarrolladores pueden trabajar.

Pantallas
en contexto.

Una interfaz funciona cuando todas las pantallas y estados forman parte de un mismo sistema.

Aplicación bancaria en un teléfono: pantalla de suscripciones con análisis de gastos

Banking App.
De la visión general a una decisión.

Una persona pasa de la vista general de sus gastos a una suscripción, compara las opciones y da el siguiente paso con claridad. Todas las pantallas y estados del recorrido forman parte de una misma experiencia.

Nuestro propio producto, en desarrollo. Prueba la demostración interactiva para ver las pantallas en uso.

Probar la demostración

Archivos de Figma que tus desarrolladores
pueden usar para implementarlo.

Recibirás los flujos, las pantallas y los estados acordados en archivos de Figma organizados, junto con un sistema de diseño que incluye componentes, tipografía y comportamientos.

Este servicio no incluye desarrollo. Los cambios posteriores a la entrega son un trabajo aparte; SKARR.PRO incluye asistencia para tus desarrolladores durante el período de entrega acordado.

De los flujos
a la entrega.

Tú aportas el producto y su alcance. Diseñamos la interfaz contigo y la preparamos para tus desarrolladores.

01

Definir el alcance

Nos presentas el producto, su público y los escenarios que hay que cubrir. Revisamos los materiales existentes, confirmamos las plataformas y acordamos qué incluye el mes.

02

Trazar los flujos

Analizamos los recorridos de usuario y la información que las personas necesitan en cada etapa, y los acordamos antes de diseñar las pantallas.

03

Diseñar las pantallas y los estados

Las pantallas, los estados y los componentes toman forma en Figma. Revisamos juntos los recorridos principales y afinamos los detalles. En SKARR.PRO, exploramos alternativas cuando todavía hay decisiones pendientes.

04

Hacer la entrega

Organizamos los archivos para el desarrollo e incluimos especificaciones y notas. En SKARR.PRO, seguimos disponibles para tus desarrolladores durante el período de entrega acordado.

Elige el nivel de profundidad
que necesita tu interfaz.

Ambas opciones son solo de diseño y están dirigidas a productos cuyo alcance está claro. Compara el nivel de detalle de las pantallas, el sistema y la entrega.

Diseño UX/UI: 2 opciones con precios exactos
Propiedad SKARR Pantallas con diseño a medida. Un lenguaje visual propio. $5,000 / mes por mes de trabajo Contratar SKARR

Pago seguro con Stripe

SKARR.PRO Más profundidad y detalle en toda la experiencia, en cada punto de contacto. $6,990 / mes por mes de trabajo Contratar SKARR.PRO

Pago seguro con Stripe

El diseño
Punto de partidaPunto de partida

Un producto cuya tarea, público y alcance ya están definidos.

Punto de partida

Lo mismo, con decisiones de diseño abiertas que vale la pena explorar mediante alternativas.

Flujos y pantallasFlujos y pantallas

Flujos de usuario y pantallas para los escenarios y las plataformas acordados.

Flujos y pantallas

Flujos de usuario y pantallas, con exploración de alternativas cuando haya decisiones pendientes.

Estados e interaccionesEstados e interacciones

Estados vacíos, de carga, de error y de éxito para las pantallas acordadas.

Estados e interacciones

Los mismos estados, con interacciones y transiciones personalizadas diseñadas en detalle.

Sistema de diseño
ComponentesComponentes

Componentes, tipografía, color y comportamientos para las pantallas acordadas.

Componentes

Un sistema ampliado, preparado para futuras pantallas y funciones.

PlataformasPlataformas

Web, aplicación móvil o ambas, según lo acordado para el proyecto.

Plataformas

Web, aplicación móvil o ambas, con una adaptación más profunda a distintos tamaños y plataformas.

Entrega
Trabajo mensualTrabajo mensual

Trabajo de diseño durante el mes. El alcance y los resultados previstos se acuerdan antes de empezar.

Trabajo mensual

Trabajo de diseño durante el mes, con el nivel de detalle elegido. El alcance y los resultados previstos se acuerdan antes de empezar.

Qué recibesQué recibes

Archivos de Figma organizados: flujos, pantallas, estados y sistema de diseño.

Qué recibes

Lo mismo, con las alternativas exploradas y el sistema ampliado.

Asistencia para desarrolladoresAsistencia para desarrolladores

Notas para la entrega y respuestas a preguntas durante el traspaso.

Asistencia para desarrolladores

Asistencia para tus desarrolladores durante el período de entrega acordado.

Antes
de empezar.

¿También desarrollan la interfaz?

No. El diseño UX/UI abarca el diseño y la entrega. La implementación de la interfaz diseñada es un servicio aparte: Desarrollo frontend para sitios web e interfaces web, y Desarrollo de aplicaciones para aplicaciones.

¿Pueden diseñar pantallas para aplicaciones móviles?

Sí. El diseño de pantallas para aplicaciones móviles forma parte de este trabajo. Acordamos las plataformas y los tamaños de pantalla al inicio.

¿Qué tenemos que proporcionar?

El producto o su descripción, los escenarios que hay que cubrir, los materiales existentes —como la marca, las pantallas actuales y los datos analíticos— y alguien que pueda tomar decisiones durante el mes.

¿Y si el producto aún no está definido?

Entonces el trabajo empieza antes. El diseño de producto aborda la tarea, el público y el modelo del producto antes de diseñar las pantallas.

¿Qué ocurre después de la entrega?

Tus desarrolladores implementan el producto a partir de los archivos. SKARR.PRO cubre las preguntas que surjan durante el período de entrega acordado. Las pantallas adicionales se acuerdan como un nuevo trabajo.

¿Todavía tienes preguntas?

Hablemos de tu interfaz

Contacto

Hablemos

Déjanos tus datos de contacto y nos comunicaremos contigo para hablar de tu proyecto y ayudarte a encontrar el siguiente paso adecuado.

ES