Step 1: Visualise the concept
Our goal was to create a hypothetical robot suitcase that follows you around the airport so you don't have to carry it. We started by heading to @midjourney and setting up a prompt.
![](https://framerusercontent.com/images/ALO1v0Gko3mFX5BJ4xj7TnJU38.png)
Step 2: Refine your Midjourney prompt
We experimented with a few different variations before settling on a style we liked with a prompt change.
![](https://framerusercontent.com/images/k3jomYkO5CwTw8ecvSLo56DKQ.png)
![](https://framerusercontent.com/images/2AaReO2eGZ44nJXo6glkdig49BI.png)
![](https://framerusercontent.com/images/pjpJcyG27k14W2ZIjxFLJ0B49RY.png)
Step 3: Our Final concept refined and upscaled.
More prompt changes led to this super cute result.
![](https://framerusercontent.com/images/Z8bGW9DgzOW3crZg22i2mob53k.png)
![](https://framerusercontent.com/images/2GyGLiH0Lu5oacczZsjR4XYmDbo.png)
Step 4: Back to Framer
Next, we switched back to Framer and set up a basic canvas for an app landing page where users can click and download the hypothetical app.
![](https://framerusercontent.com/images/uxUWnLgQ5BUoEAd09Pxke2urTQ8.png)
Step 5: Responsive Design in Framer
We made sure the landing page was responsive and would load on all devices including Tablet and Mobile resolutions. This is a crucial step as we cannot anticipate where your users will visit the website from.
![](https://framerusercontent.com/images/aa2VOiIApj9zpJdra6qWn3Ayyeo.png)