Role

UX designer

Duration

3 days

Team

1 UX Designer

1 Product Designer



Tools

Figma

Chatgpt

FigJam

UIzard.io

Year

2024

Participation

50%

AI & UX: The Perfect "Plan Pals" Duo

Developed during two specialized courses, AI-assisted UX at Ironhack (English) and Motion Design at Cimdata, Berlin (German)

My Contributions

I led the UX strategy, defined the problem framing, and conducted the research that shaped the app's core features. The Marvel-style storyboard was also mine, storytelling is something I actively use in client presentations to communicate user journeys quickly and clearly. I first applied this technique at Luxoft in 2023, pitching to clients like Ferrari using MidJourney. I also designed and built all the micro-animations, developed in parallel during my motion design course at Cimdata. My teammate handled the UI, visual language, and color system.

Lean UX approach

PlanPals was created to speed up the design process as much as possible. It’s a practical app for rapid iteration, perfect when you need to pitch ideas to clients without going through the full design process yourself. The goal was to make something clear, fast, and easy to present.

Emma is known both in her work and private life for being a leader.  

When she wants to organize an event, it doesn’t go as planned, and not all her friends come. 

She needs an app where she can organize her plans.

Emma has found the solution.

Since Emma started using Plan Pals, she can organize her events.

Marvel Storyboard

Using a Marvel-style cartoon with DALL·E was the fastest and clearest way to show the problem we were solving. I first used this idea at Luxoft in 2023, when we pitched to clients like Ferrari using MidJourney. Back then DALL·E didn’t exist, but when we created Emma’s story, it was the perfect tool to bring the journey to life.

Example of wireframe music while navigation
        

Low-fidelity

Our initial wireframes, created with Uizard, focused on the core functionalities and user flows. These wireframes served as a foundation for our design, allowing us to visualize the app's structure and interactions.

Design Opportunity

  • Make it easy to organize events and tracking feature to see who brings what


  • Connect the app with calendars and social media


  • A discovery feature to Suggest places and activities based on user location

🔗 See full process (personas, maps, flows…)

Microanimations

We added micro-animations to guide users, give visual feedback, and enhance the overall flow of the app. These animations were first prototyped in Figma, then turned into components. The graphic shows the animated molecules that became part of those final components.

What AI Actually Changed

AI didn't replace the design process, it compressed it. Research synthesis, storyboard generation, and rapid wireframing that would normally take two weeks were done in three days. That freed up time for what matters more: strategic decisions, user empathy, and interaction quality. The human layer, the research, the storytelling, the motion craft, remained entirely ours.