Motion Design: Taskpin Motion Samples
Hussein Shirvani
Type
Motion Design
Overview
To improve user understanding and engagement, I designed a series of motion graphics for Taskpin that explain how different features of the platform work. These short, clear animations simplify complex flows and highlight key value propositions for both Pinners and Taskers.
Key Motions
Pin a Task: A three-step walkthrough showing how easy it is to post and complete a task.
Calendar: Visualizing upcoming tasks to help Taskers stay organized.
Notes: Demonstrating note cards linked to different tasks for better task management.
All Pinners: Helping Taskers manage and track their client relationships.
Quotes: Showing new quote requests and how Taskers can respond with offers.
Impact
These animations served as educational micro-stories, making the platform’s features more approachable and engaging while reducing onboarding friction for new users.
Pin a Task flow on Taskpin
Calendar feature on Taskpin Workspace
Clients Management feature on Taskpin Workspace
Quote Management feature on Taskpin Workspace
Notes feature on Taskpin Workspace
Like this project
Posted Sep 9, 2025
Designed Taskpin motion graphics to simplify complex features, boost user understanding, and reduce onboarding friction for Pinners and Taskers.
Product Design: Taskpin, Marketplace for Home Services
UI/UX Design: Nanavaran Website Redesign
Landing Page Design: Markobot One-Page Website
Design System: Radcom CMS Design System
