Advancing sacred geometry tattoo design app on iOS

Una aplicación de dibujo para iOS especializada en geometría sagrada y bocetos de tatuajes, creada para el tatuador estadounidense Dillon Forte.

175%

aumento del tiempo de compromiso

1,700%

más usuarios activos

Advancing sacred geometry tattoo design app on iOS
Industria Arte y cultura
Empleados < 10
Región EE.UU
Servicios Desarrollo para iOS, diseño de UI/UX, control de calidad
Cliente desde 2024

Visión general del cliente

Resumir artículo con IA

Forte Tattoos LLC es el estudio del tatuador estadounidense Dillon Forte. Su marca se centra en la geometría sagrada y en los tatuajes muy detallados, y esta aplicación para iOS forma parte de su kit de herramientas y de su línea de productos para diseñar bocetos de tatuajes y motivos geométricos.

Desafío

Cuando Innowise se incorporó al proyecto, la aplicación de dibujo de geometría sagrada ya contaba con una sólida idea creativa en la que se basaba. El cliente quería completar y perfeccionar una herramienta de dibujo para iOS que permitiera realizar simetrías avanzadas, bocetos de tatuajes y exploraciones geométricas, y que estuviera preparada para una evolución a largo plazo en la App Store.

  • La aplicación inestable que afectó a los usuarios y a la marca. La aplicación en vivo presentaba numerosos errores y fallos, entre ellos problemas críticos de lógica en el carrito de la compra y en el comportamiento del lienzo. Esto perjudicó la experiencia de los usuarios de pago y generó frustración en el cliente, que veía cómo los usuarios se quejaban de la inestabilidad y cancelaban sus suscripciones.
  • Es necesario ampliar un producto de nicho, no solo “mantener el negocio a flote”. El cliente no quería un simple proyecto de corrección de errores. Su objetivo era terminar y lanzar una aplicación de dibujo para iOS competitiva, añadir nuevas funciones de geometría sagrada, ampliar las opciones de simetría y mejorar el mapeo 3D, sin dejar de mantener la aplicación apta para el dibujo cotidiano.
  • Gran cantidad de errores y fallos del sistema. La aplicación presentaba numerosos errores en la lógica básica de dibujo y exportación, incluidos fallos que el equipo tuvo que reproducir e investigar. Algunos errores críticos exigían cambios profundos en la lógica de renderizado y no podían resolverse con pequeños parches.
  • Problemas de rendimiento en un motor de dibujo de gran volumen. La arquitectura actual presentaba dificultades con la simetría compleja y las operaciones en 3D. Las limitaciones de rendimiento restringían lo que se podía renderizar en tiempo real, especialmente en el caso de funciones avanzadas como los 17 grupos de simetría orbifold y los patrones de mapeo sobre sólidos platónicos y esferas.
  • Algoritmos de simetría altamente especializados. La aplicación es compatible con:

    • simetría radial (rotación y simetría)
    • orbifold / grupos cristalográficos como p1, p2, pmm, p4m, p6
    • simetrías en espiral como la proporción áurea y las espirales de Fermat

    Estos algoritmos casi no tienen equivalentes en otras aplicaciones de dibujo. Eso significaba que no había ninguna implementación de referencia con la que compararlos a la hora de depurar o realizar pruebas.

  • Mapeado 3D y comportamiento de las texturas. El producto proyecta patrones en 2D sobre sólidos platónicos y una esfera. Para ello, fue necesario trabajar con shaders, proyección de texturas y el comportamiento de exportación. Incluso los pequeños defectos visuales (bordes, costuras, deformación de texturas) se consideraban problemas del producto.

Mejora tu producto móvil

Solución

El objetivo de nuestro equipo era reforzar las bases, ampliar el conjunto de funciones creativas y desarrollar un método de pruebas que respetara la naturaleza matemática de la geometría sagrada. Trabajando en estrecha colaboración con el cliente, nos aseguramos de que el proceso de desarrollo se ajustara a su visión creativa y a sus requisitos técnicos, respetando al mismo tiempo su presupuesto y su flujo de trabajo.

Configuración del producto y del flujo de trabajo

El primer paso consistió en establecer un proceso de entrega optimizado que se ajustara tanto al enfoque artístico del cliente como a las limitaciones del proyecto. Este proceso se diseñó para garantizar un intercambio continuo de opiniones, sin dejar de ser lo suficientemente flexible como para adaptarse a los cambios creativos:

  • Flujo de trabajo de desarrollo: Organizamos el desarrollo en torno a Kanban con ciclos internos de dos semanas, lo que garantiza un avance predecible. El equipo utilizó Jira para la planificación y el seguimiento, manteniendo una comunicación con el cliente centrada en los resultados. Proporcionamos periódicamente Compilaciones de TestFlight, estructurado notas de la versión, y breve vídeos de demostración para mostrar claramente las nuevas funciones.
  • Colaboración con los clientes: Para mantener al cliente informado sin abrumarlo con detalles técnicos, organizamos Sesiones de Google Meet cada dos semanas. Estas sesiones nos permitieron repasar juntos el comportamiento de la simetría, las mejoras en el diseño y las actualizaciones en 3D, recabar opiniones y ajustar las prioridades en consecuencia. Este enfoque proporcionó al cliente una visión clara de cómo evolucionaba la aplicación sin necesidad de ocuparse de los aspectos técnicos detallados.

Mejorar la aplicación principal

Antes de poder introducir nuevas funciones de simetría y 3D, era fundamental estabilizar la aplicación principal. Empezamos centrándonos en hacer que la experiencia diaria de dibujo fuera más fiable y predecible. Nuestro equipo trabajó en:

  • Comportamiento del lienzo: Hemos revisado y mejorado el comportamiento básico del lienzo, asegurándonos de que las herramientas, las capas y las funciones de deshacer y rehacer funcionaran según lo previsto durante las sesiones de boceto.
  • Lógica de exportación y restauración: Hemos perfeccionado la lógica de exportación y restauración de los dibujos, centrándonos en los casos relacionados con las herramientas de línea y los patrones complejos, que anteriormente habían planteado problemas.
  • Refactorización selectiva: Hemos llevado a cabo una refactorización específica en partes clave del Swift, UIKit, y CoreGraphics código base para sentar unas bases sólidas de cara a las fases futuras.

Tras el primer lanzamiento en la App Store, el equipo siguió centrándose en la estabilización. Preparamos nuevas versiones y las enviamos a través de TestFlight para mejorar progresivamente la estabilidad y resolver los casos extremos detectados durante el uso real.

Simetría evolutiva, herramientas y características tridimensionales

El núcleo de la aplicación es su motor de simetría, que permite a los usuarios crear patrones complejos tanto en espacios 2D como 3D. En este caso, el equipo colaboró estrechamente con el cliente para perfeccionar y ampliar las capacidades creativas:

  • Mejoras en el motor Symmetry: El motor de simetría se ha perfeccionado por completo, incorporando todas las 17 grupos orbifold con reflexiones precisas, rotaciones y reflexiones por deslizamiento. La simetría radial se ha ampliado para admitir hasta 360 rotaciones para tener un mayor control sobre la colocación de los motivos. Modo Nautilus Se introdujeron las simetrías de la proporción áurea y la espiral de Fermat, añadiendo la función de simetría automática. También se añadieron guías visuales al lienzo para ayudar a los usuarios a comprender mejor las transformaciones complejas.
  • Actualizaciones de herramientas y experiencia de usuario: Hemos ajustado el comportamiento de las principales herramientas de dibujo, como bolígrafo, lápiz, línea, goma de borrar, y rellenar, para que funcionara a la perfección con los modos de simetría. Esto garantizaba que cada trazo y relleno se duplicara, girara o reflejara con precisión en todo el patrón. También añadimos el “ajustar al centro”, lo que facilita a los usuarios la alineación precisa de formas y trazos en diseños radiales y orbifold. Se han actualizado la interfaz y la navegación de la aplicación para que estas funciones avanzadas sean más fáciles de encontrar y utilizar.
  • Mejoras en la cartografía 3D: El equipo trabajó en mejorar la proyección de patrones en 2D sobre Objetos 3D, entre otros Sólidos platónicos y esferas. También hemos perfeccionado Importación y exportación de texturas y comportamiento de asignación para que los patrones pudieran adaptarse a superficies tridimensionales de acuerdo con los estándares visuales y los requisitos de rendimiento del cliente.

En conjunto, estos cambios convirtieron la aplicación en una herramienta creativa muy completa: desde dibujar en un lienzo plano hasta crear diseños simétricos complejos y proyectarlos posteriormente sobre objetos en 3D.

Enfoque de control de calidad adaptado a la geometría sagrada

Dado que el producto en cuestión geometría sagrada y diseño de tatuaje, ambos calidad visual y precisión matemática eran igualmente importantes. Para garantizar que la aplicación cumpliera con estos estándares, desarrollamos un proceso de control de calidad centrado específicamente en las reglas matemáticas que rigen la simetría utilizada en la aplicación. Ese enfoque incluía:

  • Preparación centrada en un ámbito concreto: El equipo de control de calidad analizó los conceptos de simetría utilizados en la aplicación (simetría radial, grupos de orbifold y simetrías espirales) para comprender cómo deberían comportarse los dibujos al transformarlos.
  • Pruebas matemáticas y visuales: Los casos de prueba se diseñaron para comprobar no solo la funcionalidad, sino también las reglas geométricas previstas. Esto incluía verificar dónde debían aparecer las copias, en qué ángulos y cómo debían alinearse los patrones tanto en el lienzo como en las superficies 3D. También llevamos a cabo comprobaciones a nivel de píxel para garantizar que los rellenos no se salieran por los bordes, suavizado se mantuvieron sin problemas y los patrones exportados se veían de forma coherente al visualizarlos en herramientas externas.

Esta combinación de control de calidad móvil, conocimientos de geometría y periodicidad TestFlight Los comentarios del cliente convirtieron este proyecto en un claro ejemplo interno de cómo probar funciones de visualización basadas en la matemática en una aplicación creativa.

Tecnologías

Frontend

Swift, UIKit, Storyboard, CoreGraphics

Mobile

SDK de iOS, Xcode, Git

QA

TestFlight

Equipo

Icon 2
Desarrolladores iOS
Icon 1
Ingeniero de QA
Icon 1
Analista de negocio
Icon 1
Jefe de proyecto
Innowise team

Resultados

Duración del proyecto

Diciembre de 2023 – Febrero de 2026

La evolución de la aplicación de dibujo de geometría sagrada reforzó tanto su potencial creativo como su fiabilidad como herramienta profesional para el diseño de tatuajes y el arte geométrico. Trabajando codo con codo con el cliente, Innowise contribuyó a alcanzar varios resultados clave:

  • Flujo de trabajo creativo optimizado: Se han revisado y mejorado el comportamiento básico del lienzo, las herramientas de dibujo y los procesos de exportación, lo que ha permitido reducir los errores críticos y los bloqueos del programa, de modo que los artistas puedan centrarse en dibujar en lugar de tener que recuperar el trabajo perdido. Como resultado, El número de usuarios activos aumentó en 1,783%, el tiempo de interacción aumentó en 175%, y el número de nuevos usuarios aumentó en 1,576%.
  • Funcionalidades geométricas mejoradas: Los grupos de simetría ampliados, las simetrías espirales perfeccionadas (incluidas la proporción áurea y la de Fermat) y la mejora de la proyección en 3D sobre sólidos platónicos y una esfera ofrecieron a los usuarios más formas de crear patrones complejos de geometría sagrada tanto en 2D como en 3D.
  • Mayor precisión visual y matemática: Un enfoque específico de control de calidad, basado en la geometría y en pruebas realizadas en el propio dispositivo, permitió armonizar los patrones renderizados con sus modelos matemáticos subyacentes, mejorando la calidad de las líneas, los rellenos y la coherencia de la exportación para uso profesional.
  • Una experiencia de dibujo más intuitiva: Actualizaciones de las herramientas, "Alinear al centro" La funcionalidad, la navegación y el comportamiento de la interfaz facilitaron el descubrimiento y el uso de las funciones avanzadas en el trabajo diario de tatuaje y diseño.
  • Bases para futuras versiones: La refactorización de partes clave del código basado en Swift y un proceso de entrega estructurado (compilaciones periódicas en TestFlight, demostraciones y fases bien delimitadas) crearon una plataforma sólida para el desarrollo continuo de funcionalidades, las mejoras de rendimiento y las futuras actualizaciones en la App Store.

Índice

Mejora tu producto móvil

    Contáctenos

    Reserve usted una llamada o rellene usted el siguiente formulario y nos pondremos en contacto con usted cuando hayamos procesado su solicitud.

    Envíenos un mensaje de voz
    Adjuntar documentos
    Cargar archivo

    Puede adjuntar 1 archivo de hasta 2 MB. Formatos de archivo válidos: pdf, jpg, jpeg, png.

    Al hacer clic en Enviar, autoriza a Innowise a procesar sus datos personales de acuerdo con nuestra política de privacidad. Política de privacidad para proporcionarle información relevante. Al enviar su número de teléfono, acepta que nos pongamos en contacto con usted a través de llamadas de voz, SMS y aplicaciones de mensajería. Pueden aplicarse tarifas de llamadas, mensajes y datos.

    También puede enviarnos su solicitud
    a contact@innowise.com
    ¿Qué pasa después?
    1

    Una vez recibida y procesada su solicitud, nos pondremos en contacto con usted para detallarle las necesidades de su proyecto y firmar un acuerdo de confidencialidad. Proyecto y firmaremos un acuerdo de confidencialidad.

    2

    Tras examinar sus deseos, necesidades y expectativas, nuestro equipo elaborará una propuesta de proyecto con el alcance del trabajo, el tamaño del equipo, el plazo y los costes estimados con el alcance del trabajo, el tamaño del equipo, el tiempo y las estimaciones de costes.

    3

    Concertaremos una reunión con usted para hablar de la oferta y concretar los detalles.

    4

    Por último, firmaremos un contrato y empezaremos a trabajar en su proyecto de inmediato.

    arrow