Advancing sacred geometry tattoo design app on iOS

Un'app di disegno per iOS di nicchia dedicata alla geometria sacra e alla creazione di bozzetti per tatuaggi, realizzata per il tatuatore statunitense Dillon Forte.

175%

aumento del tempo di impegno

1,700%

un numero maggiore di utenti attivi

Advancing sacred geometry tattoo design app on iOS
Industria Arte e cultura
Dipendenti < 10
Regione Stati Uniti
Servizi Sviluppo iOS, progettazione UI/UX, controllo qualità
Cliente da 2024

Panoramica del cliente

Riassumere l'articolo con IA

Forte Tattoos LLC è lo studio del tatuatore statunitense Dillon Forte. Il suo marchio è incentrato sulla geometria sacra e su tatuaggi estremamente dettagliati, e questa app per iOS fa parte del suo kit di strumenti e della sua linea di prodotti per la progettazione di bozzetti di tatuaggi e motivi geometrici.

Sfida

Quando Innowise è entrata a far parte del progetto, l’app per il disegno di geometria sacra era già supportata da una solida idea creativa. Il cliente desiderava completare e perfezionare uno strumento di disegno per iOS in grado di supportare simmetrie avanzate, bozzetti per tatuaggi ed esplorazione geometrica, nonché di essere pronto per un’evoluzione a lungo termine nell’App Store.

  • L'app instabile che ha causato problemi agli utenti e al marchio. L'app live presentava numerosi bug e arresti anomali, tra cui problemi logici critici relativi al carrello e al comportamento dell'area di lavoro. Ciò ha compromesso l'esperienza utente degli abbonati a pagamento e ha causato frustrazione al cliente, che ha visto gli utenti lamentarsi dell'instabilità e disdire l'abbonamento.
  • È necessario espandere un prodotto di nicchia, non limitarsi a “tenere a galla l’azienda”. Il cliente non voleva un semplice progetto di correzione dei bug. Il suo obiettivo era quello di completare e lanciare un’app di disegno per iOS competitiva, aggiungere nuove funzionalità relative alla geometria sacra, ampliare le opzioni di simmetria e migliorare la mappatura 3D, pur mantenendo l’app utilizzabile per il disegno quotidiano.
  • Numero elevato di bug e arresti anomali. L'app presentava numerosi errori nella logica di base del disegno e dell'esportazione, tra cui arresti anomali che il team ha dovuto riprodurre e analizzare. Alcuni bug critici richiedevano modifiche profonde alla logica di rendering e non potevano essere risolti con piccole correzioni.
  • Problemi di prestazioni in un motore di rendering molto pesante. L'architettura attuale presentava difficoltà nella gestione della simmetria complessa e delle operazioni 3D. I limiti prestazionali limitavano ciò che poteva essere renderizzato in tempo reale, in particolare per funzionalità avanzate quali i 17 gruppi di simmetria orbifold e la mappatura di motivi su solidi platonici e sfere.
  • Algoritmi di simmetria altamente specializzati. L'app supporta:

    • simmetria radiale (rotazione e riflessione)
    • orbifold / gruppi cristallografici come p1, p2, pmm, p4m, p6
    • simmetrie a spirale come la sezione aurea e le spirali di Fermat

    Questi algoritmi non hanno praticamente alcun equivalente in altre app di disegno. Ciò significava che non c'era un'implementazione di riferimento con cui confrontarli durante il debug o i test.

  • Mappatura 3D e comportamento delle texture. Il prodotto proietta motivi bidimensionali su solidi platonici e su una sfera. Ciò ha richiesto la gestione di shader, proiezione delle texture e comportamento di esportazione. Anche i più piccoli difetti visivi (bordi, giunture, deformazione delle texture) venivano considerati problemi del prodotto.

Potenzia il tuo prodotto mobile

Soluzione

L'obiettivo del nostro team era quello di consolidare le basi, ampliare la gamma di funzionalità creative e sviluppare un approccio di test che tenesse conto della natura matematica della geometria sacra. Lavorando a stretto contatto con il cliente, abbiamo garantito che il processo di sviluppo fosse in linea con la sua visione creativa e i suoi requisiti tecnici, rispettando al contempo il budget e il flusso di lavoro stabiliti.

Configurazione del prodotto e del flusso di lavoro

Il primo passo è stato quello di mettere a punto un processo di realizzazione snello, in grado di conciliare sia l’approccio artistico del cliente sia i vincoli del progetto. Questo processo è stato concepito per garantire un feedback continuo, pur rimanendo sufficientemente flessibile da adattarsi alle modifiche creative:

  • Flusso di lavoro di sviluppo: Abbiamo organizzato lo sviluppo incentrandolo su Kanban con cicli interni di due settimane, garantendo un avanzamento prevedibile. Il team ha utilizzato Jira per la pianificazione e il monitoraggio, mantenendo una comunicazione con il cliente incentrata sui risultati. Abbiamo fornito regolarmente Build di TestFlight, strutturato note di rilascio, e breve video dimostrativi per illustrare chiaramente le nuove funzionalità.
  • Collaborazione con i clienti: Per tenere il cliente informato senza sommergerlo di dettagli tecnici, abbiamo organizzato Sessioni su Google Meet ogni due settimane. Queste sessioni ci hanno permesso di esaminare insieme il comportamento della simmetria, i miglioramenti al disegno e gli aggiornamenti 3D, raccogliere feedback e adeguare le priorità di conseguenza. Questo approccio ha offerto al cliente una visione chiara dell’evoluzione dell’app senza che dovesse occuparsi degli aspetti tecnici dettagliati.

Rafforzamento dell'app principale

Prima di poter introdurre nuove funzionalità relative alla simmetria e al 3D, era fondamentale stabilizzare l'app di base. Abbiamo iniziato concentrandoci sul rendere l'esperienza di disegno quotidiana più affidabile e prevedibile. Il nostro team ha lavorato su:

  • Comportamento di Canvas: Abbiamo rivisto e migliorato il comportamento di base della tela, assicurandoci che gli strumenti, i livelli e le funzioni di annullamento e ripetizione funzionassero come previsto durante le sessioni di disegno.
  • Logica di esportazione e ripristino: Abbiamo perfezionato la logica di esportazione e ripristino dei disegni, concentrandoci sugli scenari che coinvolgono gli strumenti per le linee e i motivi complessi, che in precedenza avevano causato dei problemi.
  • Rifattorizzazione mirata: Abbiamo effettuato una rifattorizzazione mirata in alcune parti chiave del Swift, UIKit, e CoreGraphics codebase per creare una base solida per le fasi future.

Dopo il primo rilascio sull’App Store, il team ha continuato a concentrarsi sulla stabilizzazione. Abbiamo preparato nuove build e le abbiamo inviate tramite TestFlight per migliorare progressivamente la stabilità e risolvere i casi limite individuati durante l'utilizzo effettivo.

Simmetria evolutiva, strumenti e caratteristiche 3D

Il cuore dell'app è il suo motore di simmetria, che consente agli utenti di creare motivi complessi sia in 2D che in 3D. In questo caso, il team ha lavorato a stretto contatto con il cliente per perfezionare e ampliare le potenzialità creative:

  • Miglioramenti al motore Symmetry: Il motore di simmetria è stato completamente perfezionato, integrando tutte le 17 gruppi orbifold con riflessioni precise, rotazioni e riflessioni con traslazione. La simmetria radiale è stata estesa per supportare fino a 360 rotazioni per avere un maggiore controllo sul posizionamento dei motivi. Modalità Nautilus è stata introdotta con le simmetrie del rapporto aureo e della spirale di Fermat, aggiungendo la funzione di specchiatura automatica. Sono state inoltre aggiunte delle linee guida visive all'area di lavoro per aiutare gli utenti a comprendere meglio le trasformazioni complesse.
  • Aggiornamenti relativi agli strumenti e all'esperienza utente: Abbiamo modificato il funzionamento di alcuni strumenti di disegno fondamentali, quali penna, matita, riga, gomma, e riempire, per garantire una perfetta integrazione con le modalità di simmetria. Ciò ha permesso di duplicare, ruotare o riflettere con precisione ogni tratto e ogni riempimento lungo l’intero motivo. Abbiamo inoltre aggiunto il “allinea al centro”, che consente agli utenti di allineare con maggiore facilità e precisione forme e tratti nei layout radiali e orbifold. L’interfaccia e la navigazione dell’app sono state aggiornate per rendere queste funzionalità avanzate più facili da individuare e utilizzare.
  • Miglioramenti alla mappatura 3D: Il team ha lavorato per migliorare la mappatura dei motivi bidimensionali su Oggetti 3D, tra cui Solidi platonici e sfere. Abbiamo inoltre perfezionato importazione/esportazione di texture e comportamento di mappatura in modo che i motivi potessero adattarsi alle superfici 3D secondo gli standard visivi e i requisiti prestazionali del cliente.

Nel loro insieme, queste modifiche hanno trasformato l'app in uno strumento creativo completo: dal disegno su una tela piatta alla creazione di complessi disegni simmetrici, fino alla loro proiezione su oggetti 3D.

Un approccio al controllo qualità su misura per la geometria sacra

Poiché il prodotto in questione geometria sacra e disegno per tatuaggio, entrambi qualità visiva e precisione matematica erano ugualmente importanti. Per garantire che l’app rispettasse tali standard, abbiamo sviluppato un processo di controllo qualità incentrato specificatamente sulle regole matematiche che regolano la simmetria utilizzata nell’app. Tale approccio comprendeva:

  • Preparazione mirata per settore: Il team di controllo qualità ha analizzato i concetti di simmetria utilizzati nell'app (simmetria radiale, gruppi orbifold e simmetrie a spirale) per comprendere come i disegni dovrebbero comportarsi una volta trasformati.
  • Test basati sulla matematica e test visivi: I casi di test sono stati progettati per verificare non solo la funzionalità, ma anche le regole geometriche previste. Ciò ha comportato la verifica di dove dovessero apparire le copie, con quali angoli e come i motivi dovessero allinearsi sia sulla tela che sulle superfici 3D. Abbiamo inoltre eseguito controlli a livello di pixel per garantire che i riempimenti non andassero oltre i bordi, anti-aliasing è rimasto fluido e i modelli esportati risultavano coerenti quando visualizzati in strumenti esterni.

Questa combinazione di controllo qualità mobile, conoscenza della geometria e regolare TestFlight Il feedback del cliente ha trasformato questo progetto in un valido esempio interno di come testare funzionalità di visualizzazione basate sulla matematica in un'app creativa.

Tecnologie

Frontend

Swift, UIKit, Storyboard, CoreGraphics

Mobile

SDK iOS, Xcode, Git

QA

TestFlight

Team

Icon 2
Sviluppatori iOS
Icon 1
Engineer QA
Icon 1
Analista aziendale
Icon 1
Responsabile di progetto
Innowise team

Risultati

Durata del progetto

Dicembre 2023 – febbraio 2026

L'evoluzione dell'app per il disegno della geometria sacra ne ha rafforzato sia il potenziale creativo sia l'affidabilità come strumento professionale per la progettazione di tatuaggi e l'arte geometrica. Lavorando fianco a fianco con il cliente, Innowise ha contribuito al raggiungimento di diversi risultati chiave:

  • Flusso di lavoro creativo ottimizzato: Sono state riviste e migliorate le funzionalità di base della tela, gli strumenti di disegno e i flussi di esportazione, riducendo i bug critici e i crash, in modo che gli artisti possano concentrarsi sullo schizzo anziché sul recupero del lavoro perso. Di conseguenza, gli utenti attivi sono aumentati di 1.783%, il tempo di interazione è aumentato di 175%, e il numero di nuovi utenti è aumentato di 1,576%.
  • Funzionalità geometriche potenziate: I gruppi di simmetria estesi, le simmetrie a spirale perfezionate (tra cui il rapporto aureo e quello di Fermat) e la mappatura 3D migliorata sui solidi platonici e su una sfera hanno offerto agli utenti ulteriori possibilità di creare complessi motivi di geometria sacra sia in 2D che in 3D.
  • Maggiore precisione visiva e matematica: Un approccio dedicato al controllo qualità, incentrato sulla geometria e sui test effettuati direttamente sul dispositivo, ha permesso di allineare i motivi renderizzati ai relativi modelli matematici sottostanti, migliorando la qualità delle linee, le ombreggiature e l'uniformità dell'esportazione per un utilizzo professionale.
  • Un'esperienza di disegno più intuitiva: Aggiornamenti agli strumenti, "allinea al centro" Le funzionalità, la navigazione e il comportamento dell'interfaccia hanno reso più facile individuare e utilizzare le funzionalità avanzate nel lavoro quotidiano di tatuaggio e progettazione.
  • Basi per le versioni future: La rifattorizzazione di parti fondamentali del codice basato su Swift e un processo di rilascio strutturato (build regolari su TestFlight, demo e fasi ben definite) hanno creato una solida piattaforma per lo sviluppo continuo di nuove funzionalità, il miglioramento delle prestazioni e i futuri aggiornamenti sull'App Store.

Indice dei contenuti

Potenzia il tuo prodotto mobile

    Contattateci

    Prenota una chiamata oppure compilate il modulo sottostante e sarete ricontattati una volta elaborata la vostra richiesta.

    Inviaci un messaggio vocale
    Allegare i documenti
    Caricare il file

    È possibile allegare 1 file di dimensioni massime di 2 MB. Formati di file validi: pdf, jpg, jpeg, png.

    Facendo clic su Invia, l'utente acconsente al trattamento dei propri dati personali da parte di Innowise in base alla nostra Informativa sulla privacy per fornirvi informazioni pertinenti. Inviando il vostro numero di telefono, accettate che possiamo contattarvi tramite chiamate vocali, SMS e applicazioni di messaggistica. Potrebbero essere applicate tariffe per chiamate, messaggi e dati.

    Potete anche inviarci la vostra richiesta
    a contact@innowise.com
    Cosa succede dopo?
    1

    Una volta ricevuta ed elaborata la vostra richiesta, vi contatteremo per illustrarvi le esigenze del vostro progetto. Progetto e firmare un NDA per garantire la riservatezza.

    2

    Dopo aver esaminato i vostri desideri, le vostre esigenze e le vostre aspettative, il nostro team elaborerà una proposta di progetto con l'ambito di lavoro, le dimensioni del team, i tempi e le stime dei costi stimati.

    3

    Organizzeremo un incontro con voi per discutere l'offerta e definire i dettagli.

    4

    Infine, firmeremo un contratto e inizieremo subito a lavorare sul vostro progetto.

    arrow