Prototyping

Project Name

User-Interaction

Year

2022-2023

Domain

NA

Device

Mobile

Brief

An experimental process where design teams implement ideas into tangible forms from paper to digital. Teams build prototypes of varying degrees of fidelity to capture design concepts and test on users. With prototypes, you can refine and validate your designs so your brand can release the right products.

Creating Realistic Expereinces

Figma offers the most sophisticated solution for prototyping workflows, delivering conditional logic among other high-level prototyping capabilities for a genuine user experience.

Animation

I employ intelligent animation for engagement and adjust durations and status control based on user actions.

The Collective - Prototyping

Note: Please use prorotype in full screen and follow the hotspot hints on click.

Tiqmo (Onboarding) - Prototyping

Note: Please use prorotype in full screen and follow the hotspot hints on click.

Pinninfarina (Companion App) - Prototyping

Note: Please use prorotype in full screen and follow the hotspot hints on click.

Challenges & Learnings

1.
At my first introduction to Figma prototyping, understanding its application was a hurdle.
2.
I gained knowledge on timings and discovered the intelligent animation feature in Figma, and strategies to manipulate its condition.
3.
Furthermore, I have honed the skill of creating micro-animations and presenting them to our team of developers for integration into our projects.