Tattoos men
Tattoos men
Role in the project
UI/UX/Prototyp
About the project
AI tattoo design and order fulfillment application
Client
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)
Challenge
Challenge
Combining AI tattoo generation options with the ability to place orders from within the application.
Combining AI tattoo generation options with the ability to place orders from within the application.
Solution
Solution
Dividing the user's path into 3 stages
Dividing the user's path into 3 stages
First, the user can generate a project in AI, then has 2 options, overlay the project on the body (using a camera) in augmented reality or commission the project for implementation by selecting (from the tab) a tattoo salon for tattoo implementation
First, the user can generate a project in AI, then has 2 options, overlay the project on the body (using a camera) in augmented reality or commission the project for implementation by selecting (from the tab) a tattoo salon for tattoo implementation
![](https://framerusercontent.com/images/A9Sq96dHBCD2Vv89Od79GPvgdFI.jpg)
![](https://framerusercontent.com/images/A9Sq96dHBCD2Vv89Od79GPvgdFI.jpg)
1 stage
1 stage
Welcome screen
Welcome screen
Using the slider, views explain in 3 steps what the process of generating tattoo designs and placing orders involves
Using the slider, views explain in 3 steps what the process of generating tattoo designs and placing orders involves
![](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)
2nd stage
2nd stage
Generating projects in different styles using artificial intelligence
Generating projects in different styles using artificial intelligence
We enter keywords, choose the style that interests us, and the body part on which the tattoo is to be designed
We enter keywords, choose the style that interests us, and the body part on which the tattoo is to be designed
![](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)
3rd stage
3rd stage
In the next stage, we can apply a tattoo to the body or choose a tattoo artist for its execution
In the next stage, we can apply a tattoo to the body or choose a tattoo artist for its execution
We enter keywords, choose the style that interests us, and the body part on which the tattoo is to be designed
We enter keywords, choose the style that interests us, and the body part on which the tattoo is to be designed
![](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)
Stage 4
Stage 4
Light / Dark version
Light / Dark version
I designed two color versions.
I designed two color versions.
![](https://framerusercontent.com/images/QO2EcO5o2DZl37OEqLLhniEo1Ec.png?scale-down-to=2048)