RainbowPuff
RainbowPuff began as a personal endeavor aimed at showcasing the remarkable capabilities of artificial intelligence (AI) in the realm of creative design. I was captivated by the rapid progress of AI technology, and decided to embarked on a journey to explore its potential by training it to create an entire collection inspired by cotton candy.
To present the AI-generated dresses to the world, I designed a website that not only serves as a visual display of the collection but also delves into the captivating narrative behind its creation.
My Role
UX & UI
Web Design
Wireframing
AI prompting
Developemnt
Completed
2023
Process
For this project, I had a clear idea of what I wanted to achieve. To stay focused and inspired, I created a mood board that reflected the desired vibe. This collection of visuals became a helpful source of inspiration whenever I needed it, guiding me towards the right aesthetic and atmosphere.
Low Fidelity Wireframes
To kickstart the creative process, I began by crafting basic wireframes with low fidelity. These rough wireframes helped me visualize and refine the positioning of all the items in the page, both desktop and mobile.
High Fidelity Wireframes
I enhanced the low fidelity wireframes by incorporating visual elements such as imagery, colors, and fonts inspired by the mood board prepared earlier. To capture the essence of the collection, I aimed to reflect the same atmosphere on the website. I utilized a soothing palette of pastel colors and employed gradients to convey a gentle and delicate feel. Additionally, I selected a font that evokes a sense of sweetness and playfulness, reminiscent of candy, and wrote the copy of the website.
The Outcome
During the development phase, I noticed that something was missing in the design. I wanted to improve the scrolling experience between sections of the website. To achieve a smoother and more visually pleasing transition, I decided to add gradients between the sections. This simple addition enhanced the overall look and feel of the website, creating a playful and colorful one-page design that perfectly aligned with the core vibe of the RainbowPuff collection.
Header
About
The Collection
The Collection
