UI UX Design

Prismic Reflections: Designing an Animated Showreel That Brings UI/UX Portfolios to Life

For Prismic Reflections, a world-class UI/UX design studio based in India, their work needed a showcase as dynamic and impactful as the human-centered experiences they engineer.

After all, your portfolio isn't just a record of past work, it’s the fastest, most powerful way to prove your capability in this digital world.

Prismic Reflections has spent over two decades crafting meaningful designs for prestigious startups and Fortune 500 companies across 20+ industries. They needed an asset that could capture that vast, high-caliber work in 60 seconds of sheer impact.

Knowing our expertise in producing high-conversion animated explainer videos for the tech and SaaS sectors, Prismic Reflections partnered with WhataStory to create their new Showreel, a visual journey designed to immediately captivate their next big client.

Following is our journey as how we took on the task, understood the brief, navigated the challenges, brought the static UIs to life with the animations and delivered an outcome beyond client’s expectations!

1. The Creative Brief: Speaking the Language of UX

Our initial call with the Prismic Reflections CEO and Design Head set the bar high. They shared their vision: a high-energy video that felt premium, tech-forward, and sophisticated. Displayed on their website, it was going to act as the first interaction with the visitors and it has to have the impact to not only grab their attention but to make them visit the whole platform. 

Our Animation Head and creative team immediately saw this as a massive opportunity to showcase the true art of motion design. The showreel wasn't a quick slideshow; it had to be a visual testimonial to their design thinking.

Our Core Strategic Choices:

  • Audience-First Tone: We adopted an elegant, confident tone, knowing the primary audience was highly discerning C-suite executives and product leaders.
  • Authentic Sourcing: We chose to work directly with their raw Figma design files, selecting screens from their most diverse and prestigious client projects to ensure impeccable quality and accuracy.
  • The Power of Pace: We built a storyboard focused on rapid, intelligent cuts and transitions, ensuring the video maintained a pulse that matched the fast pace of the tech industry.

2. The Challenge: Static Portfolios Don’t Show the Story

For an elite design studio, the biggest hurdle is bridging the gap between a static design image and the actual user experience (UX). A flat screenshot doesn't convey the smooth transitions, deliberate interactions, or the feeling of a product in use.

Prismic Reflections needed a solution that could take their meticulously designed Figma files, packed with high-fidelity UI screens, and animate them into a single, cohesive narrative. Their brief was clear: the video had to be sleek, modern, professional, and versatile enough to be used in high-stakes pitch decks and on their website.

A dynamic, animated Showreel was the only answer. It was a mission to transform an impressive collection of work into an irresistible experience.

3. The Production Process: Animating the Impossible Details

Our process is built on continuous alignment, but this project presented a few unique, yet exciting, technical hurdles:

  1. Selection & Flow: We curated the best UIs, arranging them to demonstrate Prismic’s versatility across industries, storyboarding every transition to ensure maximum impact within the required timeframe.
  2. The Color & 3D Element Clash: Prismic Reflections has a unique, strong brand color they needed to be the primary anchor. We had to strategically integrate this brand color and our own added 3D elements in a way that didn't clash with the underlying client UI designs (each with its own palette). This required subtle color grading and layered animation work to create a unified, branded look without compromising the integrity of the original designs.
  3. The Static-to-Dynamic Challenge (The Secret Sauce): The biggest challenge was making the static UI screens truly live. To keep the energy high and illustrate true user experience, we couldn't leave anything standing still. Our team took on the arduous task of custom-animating micro-interactions and elements that were originally still within the UI frame, from animating characters and icons to fluidly moving data in graphs. This commitment to detail was the difference-maker, transforming screens into fully believable, functioning interfaces.

Constant check-ins and shared file previews ensured the Prismic team was aligned at every stage, turning potential friction points into collaborative breakthroughs.

4. The Rhythm of the Reel: Sound as Design

A showreel's impact is incomplete without the perfect sonic landscape. The music selection for the Prismic Reflections reel was a dedicated and important point of discussion, treated with the same meticulousness as the animation itself. We needed a track that was not just exciting, but magical—a modern, tech-forward beat that could match the high energy of the rapid UI transitions while still allowing the visual story to flow effortlessly.

The selected music track became the foundational rhythm for the entire animation. By carefully syncopating every transition, every movement, and every dramatic reveal to the beat, we ensured the music didn't just play in the background, but actively contributed to the feeling of a cutting-edge, professional, and sophisticated product—making the reel truly unforgettable.

5. The Outcome: Beyond the Client's Vision

The final product was a high-octane visual asset that successfully synthesized Prismic Reflections' decades of work into a cohesive, breathtaking reel. Our team not only met the client's expectations but, by focusing on those key animated details, produced a video that was even beyond their initial vision.

The showreel has become a foundational piece of their marketing stack:

  • Client Conversion: It’s a powerful tool in pitch decks, giving potential clients a tangible, emotionally engaging demo of their quality in the first few minutes of a meeting.
  • Brand Authority: It instantly establishes a premium, world-class image on their website and social channels.

Value Delivered: WhataStory helped Prismic Reflections to elevate their portfolio and instantly communicate the strategic thought behind their UI/UX excellence, positioning them for their next phase of growth.

6. Lessons Learned & Next Steps

The Prismic Reflections showreel was a masterclass in why every pixel matters.

  • For WhataStory (Creative Learning): The project affirmed that for UI/UX showcases, you must animate the static. Going the extra mile to create motion for previously still characters, icons, and graphs is the secret sauce that turns a simple reel into a persuasive, memorable experience.
  • For UI/UX Leaders (Business Insight): This project shows the immense value of investing in dynamic media. If you are showcasing complex, detailed, or premium work, a static image will always undersell your talent. Video provides the narrative and the polish to attract the right kind of client.

The collaboration with Prismic Reflections was a perfect synergy between world-class design and expert motion graphics.

Final Note: A Partnership Built on Excellence

Working alongside the team at Prismic Reflections was a genuinely positive and inspiring experience. They are not just exceptional designers; they are clear communicators and committed partners who value a collaborative process.

This project, while challenging in its detail, from color matching across diverse UIs to animating the smallest micro-elements, served as a perfect alignment of expertise.

We extend our sincere thanks to Prismic Reflections for entrusting WhataStory with the task of visually translating their legacy of design excellence.

We look forward to seeing how this new, dynamic asset helps them capture new horizons and continue crafting meaningful experiences for the world.

Harns

Fintech Video
With no direct mentions of services, we needed a storyline that would scream Harns' brand values without saying a word about their tech prowess.
Read Case Study
Get Pricing


Choose what’s best for your product

Try us out, ask us questions. And only hire us if you feel we are the right fit for you.
rees from what a storyruchi from what a storyshivam from what a story
Strategy Session
Book a call with one of our experts, and understand the best video marketing strategy for your product.
Schedule Call
Download Sample Project
To understand our process better, you can download a sample of project files.
No obligations.
Download Now