Project overview
Yoona.ai is a pioneering B2B company for process boosting in fashion design through artificial intelligence. Together with my studio partner and developer, Toni Minge, we accompanied their team from shaping the concept for their product until the launch of their MVP and new brand identity.
Role:
I led the creative direction and the design of the overall user experience and their visual identity. I created a fully optimized digital experience across platforms, including the web app, the website and the pitch deck.
I led the creative direction and the design of the overall user experience and their visual identity. I created a fully optimized digital experience across platforms, including the web app, the website and the pitch deck.
Tools:
Framer, Adobe XD, Illustrator, InDesign, Photoshop, Keynote
Framer, Adobe XD, Illustrator, InDesign, Photoshop, Keynote
Methods:
Design Research, Design Sprint, Design Thinking, Interviews, User Journey, Prototyping
Design Research, Design Sprint, Design Thinking, Interviews, User Journey, Prototyping
Brand challenge
The first challenge was to equip Yoona.ai with a visual identity that would look professional and modern to attract potential investors and leaders of the fashion industry. A vibrant violet as the brand color and a mix of a serif and sans-serif typeface was the ideal choice to represent the combination of technology and fashion as it's the origin of Yoona.ai. Next, I brought their new identity to life by redesigning the website, the pitch deck, and other brand assets for social media. Furthermore, I created a unique set of 60+ icons that serve their brand appearance and their product's interface together with Toni Minge.
The final design of the new logo
Logo idea explanation
Identity guideline overview
Website preview
Icon construction
Selected icons from the Yoona.ai icon set
Product challenge
Fashion designers are usually not experienced in working with neural networks and artificial intelligence within their creative process. Therefore, the challenge was to make Yoona.ai's technology accessible to fashion designers to make them benefit from sales data and previous design efforts. Through interviews, we gathered detailed insight into the work process of fashion designers, including pain points, needs, and desires.
Interviewing fashion designers to understand their working process
Initial discoveries
We found that fashion designers spend much of their time working on designs that will never be produced. They need help using sales data to inform their new designs. On top, this leads to many garments that won't sell because they don't meet the customer's demand. That results in financial losses for fashion companies and harms the environment.
Design Sprint
Through a Design Sprint, we channeled all insights and everybody's understanding to explore concepts for a solution. As a result, we decided to create a web app that would be easy to use regardless of the operating system and device. Furthermore, we defined a user journey, including the steps and functions for the MVP.
The user journey that derived from our sprint.
User flow of the MVP concept.
Spatial organization of the interface areas of the web app.
Prototyping & UX Research
We built interactive prototypes that we frequently tested with fashion designers in an iterative process. Therefore, we used Framer as it allowed us to integrate datasets of previously generated designs into the prototype dynamically. That was essential to create an immersive experience and enable high-quality feedback in the testing sessions. The generated insights led to a gradual progression of the prototype's quality.
The fuzzy start of prototyping the concept
Testing early prototypes
Results & impact
Our joint effort resulted in a fully functional web app. I was responsible for designing the overall user experience and the graphical user interface. Moreover, I created a concept for the in-app onboarding and implemented it. Subsequently, Yoona.ai got accepted into the Techstars accelerator program 2021 in Berlin and attracted its first business clients.
Assistant view with generated designs
Sign in & register form
Train your assistant (model) and upload datasets
Detail view of generated design item
Credits
Concept: yoona.ai & Minge+Schmidt
Brand Design: Johannes Schmidt
Prototype: Johannes Schmidt & Toni Minge
UX/UI Design: Johannes Schmidt
Frontend Development: Toni Minge
Backend Development: Ammar Khan
ML Engineer: Basem Dabbour
Brand Design: Johannes Schmidt
Prototype: Johannes Schmidt & Toni Minge
UX/UI Design: Johannes Schmidt
Frontend Development: Toni Minge
Backend Development: Ammar Khan
ML Engineer: Basem Dabbour
