iOS + Produktdesign
ARtist iOS
ARtist är en native iOS-app där en referensbild läggs över den valda ytan i livekameran och används som visuell guidning i ritprocessen, med AR Pro-stabilisering, lokal bildbearbetning och tydlig produktlogik från onboarding till export och monetisering.
Från referens till ritflöde
ARtist är byggd för att göra referensbaserad ritning snabbare, tydligare och mer användbar direkt på iPhone och iPad.
Vilket problem produkten löser
Många som vill rita från referensbilder fastnar i ett manuellt arbetsflöde: skriva ut, tejpa fast, byta mellan bild och papper och försöka hålla rätt proportioner. Målet med ARtist var att göra det arbetsflödet snabbare, tydligare och mer användbart direkt i mobilen, utan att appen känns tekniktung för den som bara vill börja rita.
Vad användaren kan göra idag
Produkten fungerar redan som ett tydligt ritflöde i iPhone och iPad, med funktioner som stöder både första användning och mer avancerade arbetssätt.
Import och overlay
- Importera en referens med PhotosUI och öppna den ovanpå livekameran.
- Rikta in overlayn över papperet med opacitet, flytta, skala, rotera, låsa och återställa.
Ritstöd i användning
- Använda icke-destruktiv zoom, focus mode och ficklampsstöd för tydligare ritflöde.
- Konvertera bilden lokalt till linjeteckning eller målarbild direkt i appen.
Export och avancerade lägen
- Spela in ritprocessen och exportera video till kamerarullen, med vattenstämpel i fria flöden.
- Växla till AR Pro där ARKit används för att hitta pappret, stabilisera spårningen, validera ytan och korrigera overlayn perspektiviskt.
Produktkrav och begränsningar
- Kärnflödet behövde kännas direkt begripligt trots att produkten kombinerar kamera, bildimport, overlay, zoom och export i samma upplevelse.
- Gratis- och Pro-nivåer behövde vara tydliga utan att gratisversionen känns begränsad på fel sätt eller att betalflödet bryter användningen för tidigt.
- Appen behövde hålla ihop över onboarding, återbesök, senaste session, lokala filer i Documents, språkbyte i appen och exportrelaterade kantfall.
- Den tekniska lösningen måste vara tillräckligt modulär för att vidareutveckla kamera-, overlay-, AR- och köpflöden utan att produkten blir svår att underhålla.
Produkt i användning
Produktflödet i vyer
Sekvensen samlar hur produkten introduceras, används och förklaras: från första tomma läget och onboarding till AR Pro, inspelning och monetisering.
Välj en bild
Teknisk komplexitet
Den tekniska lösningen byggdes för att göra kameraflödet robust, hålla state pålitligt och låta produkten utvecklas utan att förlora kontroll.
Kameraflöde, bildbearbetning och AR-stabilisering
Kärnflödet byggdes i Swift och SwiftUI ovanpå AVFoundation för livekamera, PhotosUI för import, Vision och CoreImage för lokal bildbearbetning, och ARKit för AR Pro-läget. AR användes som stabiliseringslogik för pappret, inte som ett visuellt lager ovanpå produkten.
Lokal persistens, export och robust state management
Lokal persistens löstes med UserDefaults och filer i Documents för importer, användarinställningar, overlay-läge och senaste session. Lösningen omfattade även inspelning och export av processvideo, time-lapse-lägen, fria exportflöden med vattenstämpel samt återställning av köp och Pro-status med StoreKit.
Modulär arkitektur för fortsatt produktutveckling
Lösningen byggdes i modulerad MVVM-arkitektur för att hålla bibliotek, kamera, overlay, AR, onboarding, köpflöden och lokala resurser separerade. Det gjorde det möjligt att iterera UI och produktlogik utan att allt blir hårt kopplat i samma vyhierarki.
Produktbeslut i lösningen
Produktbesluten togs för att få något komplext att kännas tydligt, användbart och trovärdigt redan från första användning.
Snabb väg till första värde
Avvägning
Mer arbete i onboarding, tomma tillstånd och mikrocopy i tidig fas.
Effekt
Användaren kan förstå huvudflödet snabbt: importera bild, öppna kamera, justera overlay och börja rita utan att behöva tolka tekniken bakom.
Tydlig gratis- och Pro-logik
Avvägning
Mer produktlogik och fler specialfall kring begränsningar, paywall och export.
Effekt
Produkten har en riktig monetiseringsmodell: begränsade importer i gratisläget, Pro-funktioner, vattenstämpel i fria exportflöden, paywall och återställning av köp utan att kärnupplevelsen blir förvirrande.
AR Pro som produktfunktion, inte gimmick
Avvägning
Högre teknisk komplexitet och större krav på tydlig förklaring i UI.
Effekt
AR Pro positioneras som ett avancerat läge för stabilisering och låsning mot papperet, vilket ger bättre kontroll i faktisk användning.
Resultat och positionering
Caset positionerar ARtist som en genomarbetad produkt med sammanhållen UX, monetisering och native implementation, inte som en enskild funktionsdemo.
ARtist är ett genomfört produktcase, inte en konceptuell appdemo. Det visar ett sammanhållet system där UX, interaktion, onboarding, lokal persistens, betalflöden och native implementation arbetar tillsammans för att lösa ett konkret ritproblem i faktisk användning.
Vad projektet visar
Projektet visar min förmåga att förena produktlogik, interaktionsdesign och native implementation i en lösning som håller i verklig användning.
Fler användarfall