INTERACTION DESIGN - MATERIAL HANDLING
Exploring microinteractions to improve engagement in learning interfaces
The goal of this project was to explore an unfamiliar area of interaction design for me: microinteractions. This opportunity was provided by Crown as a personal project during my co-op, where I was mentored by designers on the Crown team, allowing me to develop a new skill while also giving insight into something Crown could potentially explore in the future.
This was completed as my personal project during my co-op at Crown Equipment Corporation. This project is conceptual and is not a Crown product.
Company
Crown
Team & Role
Me (UX/IxD Co-op)
Contribution
Research and Analysis
Illustrations
Designing
Animating
Data Binding
Microinteractions
Timeline
12 Weeks, 4 Hrs/Wk
INTERACTION DESIGN - MATERIAL HANDLING
Exploring microinteractions to improve engagement in learning interfaces
The goal of this project was to explore an unfamiliar area of interaction design for me: microinteractions. This opportunity was provided by Crown as a personal project during my co-op, where I was mentored by designers on the Crown team, allowing me to develop a new skill while also giving insight into something Crown could potentially explore in the future.
This was completed as my personal project during my co-op at Crown Equipment Corporation. This project is conceptual and is not a Crown product.
Company
Crown
Team & Role
Me (UX/IxD Co-op)
Contribution
Research and Analysis
Illustrations
Designing
Animating
Data Binding
Microinteractions
Timeline
12 Weeks, 4 Hrs/Wk
INTERACTION DESIGN - MATERIAL HANDLING
Exploring microinteractions to improve engagement in learning interfaces
The goal of this project was to explore an unfamiliar area of interaction design for me: microinteractions. This opportunity was provided by Crown as a personal project during my co-op, where I was mentored by designers on the Crown team, allowing me to develop a new skill while also giving insight into something Crown could potentially explore in the future.
This was completed as my personal project during my co-op at Crown Equipment Corporation. This project is conceptual and is not a Crown product.
Company
Crown
Team & Role
Me (UX/IxD Co-op)
Contribution
Research and Analysis
Illustrations
Designing
Animating
Data Binding
Microinteractions
Timeline
12 Weeks, 4 Hrs/Wk
INTERACTION DESIGN - MATERIAL HANDLING
Exploring microinteractions to improve engagement in learning interfaces
The goal of this project was to explore an unfamiliar area of interaction design for me: microinteractions. This opportunity was provided by Crown as a personal project during my co-op, where I was mentored by designers on the Crown team, allowing me to develop a new skill while also giving insight into something Crown could potentially explore in the future.
This was completed as my personal project during my co-op at Crown Equipment Corporation. This project is conceptual and is not a Crown product.
Company
Crown
Team & Role
Me (UX/IxD Co-op)
Contribution
Research and Analysis
Illustrations
Designing
Animating
Data Binding
Microinteractions
Timeline
12 Weeks, 4 Hrs/Wk
Challenge
Online learning modules for new employees were repetitive and disengaging, causing users to lose focus and struggle to stay motivated through the countless truck trainings they need to complete.
Challenge
Online learning modules for new employees were repetitive and disengaging, causing users to lose focus and struggle to stay motivated through the countless truck trainings they need to complete.
Challenge
Online learning modules for new employees were repetitive and disengaging, causing users to lose focus and struggle to stay motivated through the countless truck trainings they need to complete.
Challenge
Online learning modules for new employees were repetitive and disengaging, causing users to lose focus and struggle to stay motivated through the countless truck trainings they need to complete.
Solution + Impact
I ended up with a successful, ready-to-ship product built in Rive, incorporating five microinteractions to help enhance the learning experience for users.
Solution + Impact
I ended up with a successful, ready-to-ship product built in Rive, incorporating five microinteractions to help enhance the learning experience for users.
Solution + Impact
I ended up with a successful, ready-to-ship product built in Rive, incorporating five microinteractions to help enhance the learning experience for users.
Solution + Impact
I ended up with a successful, ready-to-ship product built in Rive, incorporating five microinteractions to help enhance the learning experience for users.
Project Goals + Identifying Opportunities
Project Goals + Identifying Opportunities
Project Goals + Identifying Opportunities
Project Goals + Identifying Opportunities
I Wanted to Learn How to Create a Microinteraction
A major goal of mine this semester was to learn more about microinteractions and their impact on digital experiences! As a daily Duolingo user with a 1,000+ day streak, the app served as a strong inspiration for me due to its highly effective use of them.
I Wanted to Learn How to Create a Microinteraction
A major goal of mine this semester was to learn more about microinteractions and their impact on digital experiences! As a daily Duolingo user with a 1,000+ day streak, the app served as a strong inspiration for me due to its highly effective use of them.
I Wanted to Learn How to Create a Microinteraction
A major goal of mine this semester was to learn more about microinteractions and their impact on digital experiences! As a daily Duolingo user with a 1,000+ day streak, the app served as a strong inspiration for me due to its highly effective use of them.
I Wanted to Learn How to Create a Microinteraction
A major goal of mine this semester was to learn more about microinteractions and their impact on digital experiences! As a daily Duolingo user with a 1,000+ day streak, the app served as a strong inspiration for me due to its highly effective use of them.
New Employees Spend Lots of Time in Online Training
New employees, including myself, spent weeks training on the material handling industry and Crown’s massive fleet of trucks. This training required countless hours engaging with an unengaging experience that offered no visual sense of progress and limited gratification.
New Employees Spend Lots of Time in Online Training
New employees, including myself, spent weeks training on the material handling industry and Crown’s massive fleet of trucks. This training required countless hours engaging with an unengaging experience that offered no visual sense of progress and limited gratification.
New Employees Spend Lots of Time in Online Training
New employees, including myself, spent weeks training on the material handling industry and Crown’s massive fleet of trucks. This training required countless hours engaging with an unengaging experience that offered no visual sense of progress and limited gratification.
New Employees Spend Lots of Time in Online Training
New employees, including myself, spent weeks training on the material handling industry and Crown’s massive fleet of trucks. This training required countless hours engaging with an unengaging experience that offered no visual sense of progress and limited gratification.
Image of Crown's massive Truck Fleet and visual representation of the amount of accompanying training modules needed to complete in order to learn about them
Image of Crown's massive Truck Fleet and visual representation of the amount of accompanying training modules needed to complete in order to learn about them
Image of Crown's massive Truck Fleet and visual representation of the amount of accompanying training modules needed to complete in order to learn about them
Image of Crown's massive Truck Fleet and visual representation of the amount of accompanying training modules needed to complete in order to learn about them
Can Crown Have a Similar Experience With a Lift Truck Education App?
I wondered if Crown could have a similar experience to Duolingo, incorporating microinteractions for a lift truck education app.
Can Crown Have a Similar Experience With a Lift Truck Education App?
I wondered if Crown could have a similar experience to Duolingo, incorporating microinteractions for a lift truck education app.
Can Crown Have a Similar Experience With a Lift Truck Education App?
I wondered if Crown could have a similar experience to Duolingo, incorporating microinteractions for a lift truck education app.
Can Crown Have a Similar Experience With a Lift Truck Education App?
I wondered if Crown could have a similar experience to Duolingo, incorporating microinteractions for a lift truck education app.
Research, Analysis, and Content
Research, Analysis, and Content
Research, Analysis, and Content
Research, Analysis, and Content
What is a Microinteraction?
I needed to understand what actually was a microinteraction? I investigated articles, books, videos, examples, best practices, etc. I then came to 3 main insights below.
What is a Microinteraction?
I needed to understand what actually was a microinteraction? I investigated articles, books, videos, examples, best practices, etc. I then came to 3 main insights below.
What is a Microinteraction?
I needed to understand what actually was a microinteraction? I investigated articles, books, videos, examples, best practices, etc. I then came to 3 main insights below.
What is a Microinteraction?
I needed to understand what actually was a microinteraction? I investigated articles, books, videos, examples, best practices, etc. I then came to 3 main insights below.
Lift Truck Analysis
I also needed to learn what did designing for the material handling industry feel like? I did a landscape analysis of many material handling websites, internal resources, and Crown products to analyze colors, feel, typefaces, visuals, etc.. I came to 3 main insights below.
Lift Truck Analysis
I also needed to learn what did designing for the material handling industry feel like? I did a landscape analysis of many material handling websites, internal resources, and Crown products to analyze colors, feel, typefaces, visuals, etc.. I came to 3 main insights below.
Lift Truck Analysis
I also needed to learn what did designing for the material handling industry feel like? I did a landscape analysis of many material handling websites, internal resources, and Crown products to analyze colors, feel, typefaces, visuals, etc.. I came to 3 main insights below.
Lift Truck Analysis
I also needed to learn what did designing for the material handling industry feel like? I did a landscape analysis of many material handling websites, internal resources, and Crown products to analyze colors, feel, typefaces, visuals, etc.. I came to 3 main insights below.
Storyboard Selecting, Style Frame, and Education Content
Next, I needed an exact plan for where I would incorporate the microinteractions. I selected an already successful Duolingo flow as a base so I could focus on microinteraction creation, not the flow itself. I also created a style frame modeled after Crown’s branding and assembled quiz content for the selected flow.
Storyboard Selecting, Style Frame, and Education Content
Next, I needed an exact plan for where I would incorporate the microinteractions. I selected an already successful Duolingo flow as a base so I could focus on microinteraction creation, not the flow itself. I also created a style frame modeled after Crown’s branding and assembled quiz content for the selected flow.
Storyboard Selecting, Style Frame, and Education Content
Next, I needed an exact plan for where I would incorporate the microinteractions. I selected an already successful Duolingo flow as a base so I could focus on microinteraction creation, not the flow itself. I also created a style frame modeled after Crown’s branding and assembled quiz content for the selected flow.
Storyboard Selecting, Style Frame, and Education Content
Next, I needed an exact plan for where I would incorporate the microinteractions. I selected an already successful Duolingo flow as a base so I could focus on microinteraction creation, not the flow itself. I also created a style frame modeled after Crown’s branding and assembled quiz content for the selected flow.
Illustrating Duo-Inspired Crown Graphics
I now needed visuals for the screen! I went to Illustrator and illustrated over images of real Crown trucks. I tried to create a nice blend of Duo-inspired graphics, while also keeping Crown’s signature design and layering of colors and depth. I’m very proud of how these illustrations turned out.
Illustrating Duo-Inspired Crown Graphics
I now needed visuals for the screen! I went to Illustrator and illustrated over images of real Crown trucks. I tried to create a nice blend of Duo-inspired graphics, while also keeping Crown’s signature design and layering of colors and depth. I’m very proud of how these illustrations turned out.
Illustrating Duo-Inspired Crown Graphics
I now needed visuals for the screen! I went to Illustrator and illustrated over images of real Crown trucks. I tried to create a nice blend of Duo-inspired graphics, while also keeping Crown’s signature design and layering of colors and depth. I’m very proud of how these illustrations turned out.
Illustrating Duo-Inspired Crown Graphics
I now needed visuals for the screen! I went to Illustrator and illustrated over images of real Crown trucks. I tried to create a nice blend of Duo-inspired graphics, while also keeping Crown’s signature design and layering of colors and depth. I’m very proud of how these illustrations turned out.
Building an Education Product, Ready to Ship, in Rive
Building an Education Product, Ready to Ship, in Rive
Building an Education Product, Ready to Ship, in Rive
Building an Education Product, Ready to Ship, in Rive
Rive [design, code, and animate — then ship anywhere.]
I chose Rive for several reasons. The biggest is that it eliminates the need for a developer to replicate animations and designs made in other software like Figma—designers can now design, code, and animate all in one tool. Other reasons include its strength in creating microinteractions and the fact that leading brands like Duolingo (my main inspiration) and many others use it today!
Rive [design, code, and animate — then ship anywhere.]
I chose Rive for several reasons. The biggest is that it eliminates the need for a developer to replicate animations and designs made in other software like Figma—designers can now design, code, and animate all in one tool. Other reasons include its strength in creating microinteractions and the fact that leading brands like Duolingo (my main inspiration) and many others use it today!
Rive [design, code, and animate — then ship anywhere.]
I chose Rive for several reasons. The biggest is that it eliminates the need for a developer to replicate animations and designs made in other software like Figma—designers can now design, code, and animate all in one tool. Other reasons include its strength in creating microinteractions and the fact that leading brands like Duolingo (my main inspiration) and many others use it today!
Rive [design, code, and animate — then ship anywhere.]
I chose Rive for several reasons. The biggest is that it eliminates the need for a developer to replicate animations and designs made in other software like Figma—designers can now design, code, and animate all in one tool. Other reasons include its strength in creating microinteractions and the fact that leading brands like Duolingo (my main inspiration) and many others use it today!
Designing, Animating, Interactivity, and Data Binding
This step took the most time, spanning multiple weeks. Learning a new software with limited tutorials and unfamiliar concepts made it the most challenging phase, but it ultimately built new confidence in my abilities and determination.
Designing, Animating, Interactivity, and Data Binding
This step took the most time, spanning multiple weeks. Learning a new software with limited tutorials and unfamiliar concepts made it the most challenging phase, but it ultimately built new confidence in my abilities and determination.
Designing, Animating, Interactivity, and Data Binding
This step took the most time, spanning multiple weeks. Learning a new software with limited tutorials and unfamiliar concepts made it the most challenging phase, but it ultimately built new confidence in my abilities and determination.
Designing, Animating, Interactivity, and Data Binding
This step took the most time, spanning multiple weeks. Learning a new software with limited tutorials and unfamiliar concepts made it the most challenging phase, but it ultimately built new confidence in my abilities and determination.
Challenges and How I Pivoted
Learning a new software was not easy. I ran into many challenges and had to find solutions to meet my deliverable by the end of the semester.
Challenges and How I Pivoted
Learning a new software was not easy. I ran into many challenges and had to find solutions to meet my deliverable by the end of the semester.
Challenges and How I Pivoted
Learning a new software was not easy. I ran into many challenges and had to find solutions to meet my deliverable by the end of the semester.
Challenges and How I Pivoted
Learning a new software was not easy. I ran into many challenges and had to find solutions to meet my deliverable by the end of the semester.
A Final Prototyped Experience, Ready to Ship
A Final Prototyped Experience, Ready to Ship
A Final Prototyped Experience, Ready to Ship
A Final Prototyped Experience, Ready to Ship
Reflection
Reflection
Reflection
Reflection
Personal Project Takeaways
This project came with plenty of ups and downs, but in the end, it led to three key takeaways that best sum up the experience!
Microinteractions will play a key role in the future of interaction and experience design
Be adaptable: attack projects from multiple angles, pivot when resources or methods fail, and explore alternatives to stay on track
Rive has a steep learning curve, but its growing investment and innovation make it a promising tool for the future
Personal Project Takeaways
This project came with plenty of ups and downs, but in the end, it led to three key takeaways that best sum up the experience!
Microinteractions will play a key role in the future of interaction and experience design
Be adaptable: attack projects from multiple angles, pivot when resources or methods fail, and explore alternatives to stay on track
Rive has a steep learning curve, but its growing investment and innovation make it a promising tool for the future
Personal Project Takeaways
This project came with plenty of ups and downs, but in the end, it led to three key takeaways that best sum up the experience!
Microinteractions will play a key role in the future of interaction and experience design
Be adaptable: attack projects from multiple angles, pivot when resources or methods fail, and explore alternatives to stay on track
Rive has a steep learning curve, but its growing investment and innovation make it a promising tool for the future
Personal Project Takeaways
This project came with plenty of ups and downs, but in the end, it led to three key takeaways that best sum up the experience!
Microinteractions will play a key role in the future of interaction and experience design
Be adaptable: attack projects from multiple angles, pivot when resources or methods fail, and explore alternatives to stay on track
Rive has a steep learning curve, but its growing investment and innovation make it a promising tool for the future
A Thank You
A final huge thank you to the amazingly talented designers at Crown who provided weekly mentorship and invaluable feedback throughout my time there. A special shoutout to my managers, Trish Luthman and Justin Montan, who inspired far more than just my work. I will miss all of you!
A Thank You
A final huge thank you to the amazingly talented designers at Crown who provided weekly mentorship and invaluable feedback throughout my time there. A special shoutout to my managers, Trish Luthman and Justin Montan, who inspired far more than just my work. I will miss all of you!
A Thank You
A final huge thank you to the amazingly talented designers at Crown who provided weekly mentorship and invaluable feedback throughout my time there. A special shoutout to my managers, Trish Luthman and Justin Montan, who inspired far more than just my work. I will miss all of you!
A Thank You
A final huge thank you to the amazingly talented designers at Crown who provided weekly mentorship and invaluable feedback throughout my time there. A special shoutout to my managers, Trish Luthman and Justin Montan, who inspired far more than just my work. I will miss all of you!
