Since most AI platforms are a bit fragmented−users hop from one tool to another to generate text, video, image or audio. This makes the whole process scattered and inefficient.

Therefore, I decided to design a platform that could bring everything at one place. To ease and simplify the experience of using AI, I designed Cosmic AI - a fictional UI/UX project that allows users to generate text, images, videos, and audios all on one platform.

This video is a quick walkthrough video showcasing the website's design, interactions, and the user journey.

The sign-in card opens as soon as the user selects the CTA button “Enter Cosmos”. The card design is clean and responsive, with advanced Figma prototyping used to activate the input fields. As users click on the input fields, they would be able to write their mail address and password — just like they usually do.

It begins with a friendly welcome message like “Hello, Dakshi,” creating an instant sense of connection. The layout is clean and focused, with a dark-themed canvas, a minimal collapsible sidebar, and a simple prompt bar — encouraging users to generate and edit images effortlessly, just by typing a prompt.

Using advanced Figma prototyping, I’ve built a responsive prompt bar where users can actually type in their prompts. Upon submitting the prompt by hitting the arrow button, the AI starts its work of generating image.

For the loading process, I’ve added a blur skeleton loader to give users a smooth and magic-like preview experience as the final image loads. It’s like witnessing the magic of AI unfold right before the eyes.