Ortica
Hablemos ↗
Ortica
Hablemos
ciao@ortica.io

Diseño UI y UX

Interfaces claras.
Pensadas para construirse.

Diseñamos interfaces para webs, aplicaciones web y apps in Figma: flujos, prototipos y design systems. Quien diseña es también quien desarrolla, y eso cambia bastantes cosas.

Hablemos del proyecto ↗Qué hacemos ↓
  • Figma
Qué hacemos

Del problema
a la pantalla.

  1. 01

    Investigación y flujos.

    Partimos de quién va a usar el producto y de lo que tiene que hacer. Análisis de lo que ya existe, flujos de las acciones principales y, si el presupuesto lo prevé, entrevistas con quien lo va a usar.

    • UX
    • Análisis
    • User flow
  2. 02

    Wireframes y prototipos.

    Pantallas de baja fidelidad para decidir la estructura y, después, prototipos clicables en Figma para probarlos antes de desarrollar.

    • Wireframes
    • Prototipos
    • Figma
  3. 03

    Interfaces.

    El diseño propiamente dicho: tipografía, colores, componentes, estados de error y de carga, versiones para móvil.

    • UI
    • Responsive
    • Accesibilidad
  4. 04

    Design system.

    Componentes y variables en Figma alineados con el código, para que el producto siga siendo coherente aunque crezca.

    • Design system
    • Componentes
    • Design tokens

Con qué trabajamos

Investigación y flujosWireframes y prototiposInterfacesDesign system
Figma
Diseño y desarrollo juntos

Quien diseña
sabe cómo se va a construir.

Lo habitual

  • El diseño pasa a otro equipo
  • Detalles que se pierden en el traspaso
  • Pantallas bonitas pero difíciles de desarrollar
  • Estados de error y de carga olvidados

Con nosotros

  • Las mismas personas, de Figma al código
  • Componentes pensados ya para el desarrollo
  • Limitaciones técnicas tenidas en cuenta al diseñar
  • Cada estado de la pantalla, diseñado
Cómo trabajamos

Primero se entiende.
Luego se diseña.

  1. 01

    Entender.

    Objetivos, usuarios y limitaciones. ¿Qué tiene que pasar cuando alguien abre el producto?

  2. 02

    Estructurar.

    Flujos y wireframes: decidimos qué va dónde antes de hablar de colores.

  3. 03

    Diseñar.

    La interfaz completa para escritorio y móvil, con los componentes del design system.

  4. 04

    Probar.

    Prototipo clicable y revisiones contigo. Si el presupuesto lo prevé, también lo probamos con algunos usuarios reales. Después se desarrolla.

Preguntas frecuentes

Sobre diseño UI y UX,
lo que nos preguntan.

¿Qué es el diseño UI y UX?

La UX es cómo funciona un producto: qué encuentra el usuario, en qué orden y lo fácil que le resulta hacer lo que necesita. La UI es cómo se ve: tipografía, colores, componentes. Las diseñamos juntas, porque una no se sostiene sin la otra.

¿Hacéis solo el diseño, sin el desarrollo?

Sí. Te entregamos el archivo de Figma con componentes, estilos y prototipo, listo para tu equipo o para otro proveedor. Si después quieres que lo desarrollemos nosotros, partimos con ventaja.

¿Trabajáis con Figma?

Sí, todo el diseño lo hacemos en Figma: archivos compartidos, comentarios, prototipos y componentes. Si ya tenéis una librería o un design system, partimos de ahí.

¿Podéis rediseñar la interfaz de un software que ya existe?

Sí. Partimos de cómo se usa hoy, recogemos los problemas más frecuentes y rediseñamos primero las pantallas que más pesan. Se puede avanzar por partes, sin parar nada.

¿Cuánto cuesta diseñar una interfaz?

Depende sobre todo del número de pantallas y de si hace falta un design system completo. Después de una charla te enviamos un presupuesto por escrito con fases, plazos y precio.

¿Cuánto se tarda en hacer el diseño?

Depende de cuántas pantallas y flujos haya. En el presupuesto encuentras las fases con los plazos estimados: normalmente se empieza por los flujos principales y se añade el resto.

¿El diseño será accesible?

Tenemos en cuenta la accesibilidad desde el principio: contrastes, tamaño de los textos, zonas clicables, estados de foco. Corregirla después cuesta mucho más.

Un proyecto asíLenovys Web corporativa · Grupo Tinexta · 2024
Siguiente servicioMantenimiento web Actualizaciones probadas antes en staging, copias de seguridad, seguridad e intervenciones para webs y tiendas online. Aunque no las hayamos hecho nosotros.
El próximo proyecto

¿Tienes una interfaz que diseñar?
Hablemos.

Un producto nuevo o uno que hay que simplificar: partimos de quien lo usa.

Escríbenos ↗Somos una agencia ↗

Hablemos