Tattoos men
Tattoos men
Rola w projekcie
UI/UX/Prototyp
O projekcie
Aplikacja do generowania tatuaży w AI i realizacji zamówień
Klient
Tattoos
![](https://framerusercontent.com/images/kzPJw1ZRbg0hBz8zuZujtsdeGfs.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/nURF8jYMIzj9KEGdtUe4m6QepEs.png)
![](https://framerusercontent.com/images/kzPJw1ZRbg0hBz8zuZujtsdeGfs.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/nURF8jYMIzj9KEGdtUe4m6QepEs.png)
![](https://framerusercontent.com/images/kzPJw1ZRbg0hBz8zuZujtsdeGfs.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/nURF8jYMIzj9KEGdtUe4m6QepEs.png)
Wyzwanie
Wyzwanie
Połączenie opcji generowania tatuaży w AI z możliwością składania zamówień z poziomu aplikacji
Połączenie opcji generowania tatuaży w AI z możliwością składania zamówień z poziomu aplikacji
Rozwiązanie
Rozwiązanie
Podzielenie ścieżki użytkownika na 3 etapy
Podzielenie ścieżki użytkownika na 3 etapy
Najpierw użytkownik może wygenerować projekt w AI, następnie ma 2 opcje, nałożyć projekt na ciało (za pomocą aparatu) w rozszerzonej rzeczywistości lub zlecić projekt do realizacji wybierając (z poziomu kart) salon tatuatora do realizacji tatuażu
Najpierw użytkownik może wygenerować projekt w AI, następnie ma 2 opcje, nałożyć projekt na ciało (za pomocą aparatu) w rozszerzonej rzeczywistości lub zlecić projekt do realizacji wybierając (z poziomu kart) salon tatuatora do realizacji tatuażu
![](https://framerusercontent.com/images/A9Sq96dHBCD2Vv89Od79GPvgdFI.jpg)
![](https://framerusercontent.com/images/A9Sq96dHBCD2Vv89Od79GPvgdFI.jpg)
1 etap
1 etap
Ekran powitalny
Ekran powitalny
Za pomocą slidera widoki wyjaśniają w 3 krokach na czym polega proces generowania projektów tatuaży i składania zamówień
Za pomocą slidera widoki wyjaśniają w 3 krokach na czym polega proces generowania projektów tatuaży i składania zamówień
![](https://framerusercontent.com/images/F0HRU8t97N56aMF4eTndZd3K8.png?scale-down-to=1024)
![](https://framerusercontent.com/images/F0HRU8t97N56aMF4eTndZd3K8.png?scale-down-to=1024)
![](https://framerusercontent.com/images/F0HRU8t97N56aMF4eTndZd3K8.png?scale-down-to=1024)
![](https://framerusercontent.com/images/SWRRD4EPJdBLWlnKBJE73YPyABY.png?scale-down-to=1024)
![](https://framerusercontent.com/images/SWRRD4EPJdBLWlnKBJE73YPyABY.png?scale-down-to=1024)
![](https://framerusercontent.com/images/SWRRD4EPJdBLWlnKBJE73YPyABY.png?scale-down-to=1024)
![](https://framerusercontent.com/images/lwuCsH9Aw8LLEa1mb544IMF9Avc.png?scale-down-to=1024)
![](https://framerusercontent.com/images/lwuCsH9Aw8LLEa1mb544IMF9Avc.png?scale-down-to=1024)
![](https://framerusercontent.com/images/lwuCsH9Aw8LLEa1mb544IMF9Avc.png?scale-down-to=1024)
2 etap
2 etap
Generowanie projektów w różnych stylach za pomocą sztucznej inteligencji
Generowanie projektów w różnych stylach za pomocą sztucznej inteligencji
Wpisujemy słowa kluczowe, wybieramy styl jaki nas interesuje oraz element ciała na który tatuaż ma zostać zaprojektowany
Wpisujemy słowa kluczowe, wybieramy styl jaki nas interesuje oraz element ciała na który tatuaż ma zostać zaprojektowany
![](https://framerusercontent.com/images/zQTSKZvfbyKGW8bAqORRCMVQr8s.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/zQTSKZvfbyKGW8bAqORRCMVQr8s.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/zQTSKZvfbyKGW8bAqORRCMVQr8s.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/jFlTUZx9K943BosvOwa30Gttig.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/jFlTUZx9K943BosvOwa30Gttig.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/jFlTUZx9K943BosvOwa30Gttig.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/D1QXOiqo9c3rVraSXmjYERfRFHA.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/D1QXOiqo9c3rVraSXmjYERfRFHA.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/D1QXOiqo9c3rVraSXmjYERfRFHA.jpg?scale-down-to=1024)
3 etap
3 etap
W kolejnym etapie możemy nałożyć tatuaż na ciało lub przejść do wyboru tatuatora do jego realizacji
W kolejnym etapie możemy nałożyć tatuaż na ciało lub przejść do wyboru tatuatora do jego realizacji
Wpisujemy słowa kluczowe, wybieramy styl jaki nas interesuje oraz element ciała na który tatuaż ma zostać zaprojektowany
Wpisujemy słowa kluczowe, wybieramy styl jaki nas interesuje oraz element ciała na który tatuaż ma zostać zaprojektowany
![](https://framerusercontent.com/images/yre9ce4cHJuOisMUI9ScGwVnL9s.png)
![](https://framerusercontent.com/images/yre9ce4cHJuOisMUI9ScGwVnL9s.png)
![](https://framerusercontent.com/images/yre9ce4cHJuOisMUI9ScGwVnL9s.png)
![](https://framerusercontent.com/images/nkCuNzaUTwblpJdCQdQkUCiyj4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/nkCuNzaUTwblpJdCQdQkUCiyj4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/nkCuNzaUTwblpJdCQdQkUCiyj4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/BWC4GH6VjEyygfc3xs2hg9woCY0.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/BWC4GH6VjEyygfc3xs2hg9woCY0.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/BWC4GH6VjEyygfc3xs2hg9woCY0.jpg?scale-down-to=1024)
4 etap
4 etap
Wersja jasna / ciemna
Wersja jasna / ciemna
Zaprojektowałem dwie wersje kolorystyczne.
Zaprojektowałem dwie wersje kolorystyczne.
![](https://framerusercontent.com/images/QO2EcO5o2DZl37OEqLLhniEo1Ec.png?scale-down-to=2048)