Viggle.ai UI/UX Design Project

Viggle.ai – Web & Mobile UI/UX Design

Viggle.ai is a groundbreaking AI-powered platform that allows users to animate still images and bring them to life through motion and storytelling. I was responsible for designing both the web and mobile user experience, with the goal of making advanced AI tools accessible, intuitive, and delightful.

While the underlying AI was powerful, the product risked feeling too complex and “technical” for everyday creators. The challenge was to simplify the workflow without stripping away creative control, and to ensure that both casual users and professionals could find value in the platform.

Key challenges:

Communicate “magic” while keeping the process simple.

Create a UI that doesn’t overwhelm first-time users but still feels professional.

Ensure seamless cross-platform experiences on web and mobile.

Design flows that encourage discovery, instant feedback, and sharing.

I crafted a minimal yet emotionally engaging interface designed around clarity, interactivity, and flow.

Web Experience: Clean, cinematic layouts that showcase animations in fullscreen. Intuitive edit and preview controls let users focus on the final product rather than navigation.

Mobile Experience: A thumb-friendly, fluid design where users can animate, customize, and share within a few taps. Optimized for quick interactions and an immersive feel.

Onboarding: A guided, visually engaging process that quickly introduces new users to the platform’s value and gets them creating their first animation immediately.

Research & Benchmarking

Wireframing & Flow Optimization

Visual & Interaction Design

Testing & Iteration

Increased accessibility: Casual creators could animate images without feeling intimidated, while creative pros had enough depth to explore advanced features.

Faster user adoption: Streamlined onboarding reduced drop-off rates and encouraged first-time users to complete an animation quickly.

Brand differentiation: The UI/UX positioned Viggle.ai as more than just a technical tool — it became a creative playground with a modern, inspiring identity.

Cross-platform cohesion: Web and mobile now share a unified design system, ensuring consistency across touchpoints.

High-fidelity Figma UI/UX designs for web and mobile

Onboarding and user flow redesigns

Export/share functionality with seamless cross-device experience

Visual design system with motion guidelines and accessibility notes