Figma
Video Prototyping
Mobile
Project Overview
In today's digital age, engaging users through interactive content is paramount. For this case study, we aimed to enhance user engagement in an app that provides information about different games and activities. The primary goal was to leverage prototyping skills to incorporate a video feature, making the learning experience more interactive and engaging for users.
My Role
As a UI/UX designer with a focus on prototyping, my role was to design and prototype the video feature integration in the app. This included creating interactive mockups that demonstrated how users could seamlessly access and interact with video content.
Objective
To demonstrate prototyping skills by adding a video feature to an app that allows users to learn about various games and activities.
Design Process
Research and Analysis:
Conducted user research to understand the target audience's preferences and expectations regarding video content.
Analyzed competitors' apps to identify best practices and areas for improvement.
Conceptualization:
Collaborated with the development team to define the technical requirements for video integration.
Brainstormed ideas for the most effective and user-friendly ways to incorporate videos into the app.
Prototyping:
Designed wireframes that illustrated the placement of video thumbnails and interactive controls within the app's interface.
Created interactive prototypes using prototyping tools (e.g., Figma) to showcase how users could access and interact with videos.
Visual Design:
Worked on the visual design of the video player interface, ensuring it aligned with the app's overall aesthetic and branding.
Final Prototypes:
Produced a set of final interactive prototypes that showcased the video feature's functionality and user flow.
Typography & Colors
Finding the balance between aesthetics and meaningful elements in the design is what I like to accomplish. Colors, font, icons and every pixel plays a very important role building emotional relationship with the user
Aa
Roboto Regular
abcdefghijklmnopqrstuvwxyz
0123456789
Aa
Roboto Medium
abcdefghijklmnopqrstuvwxyz
0123456789
#219653
#E1EFD7
#92E3A9
#FF4C32
#FFD1AD
#FF725E
#2D78BC
#C3E2FF
Design
Home Screen
Football Exercise Drill List
Football Shooting Drill Video
Football Shooting Drill Video - Full Screen
Football Rules & Tactics
Popular Video Gallery
Results
To demonstrate prototyping skills by adding a video feature to an app that allows users to learn about various games and activities.
Enhanced Engagement:
Users could now watch tutorials, gameplay demos, and tips through the video feature, increasing engagement and time spent on the app.
Improved Learning Experience:
Users found it easier to learn about games and activities through video demonstrations, making the app a valuable educational resource.
Prototyping:
Designed wireframes that illustrated the placement of video thumbnails and interactive controls within the app's interface.
Created interactive prototypes using prototyping tools (e.g., Figma) to showcase how users could access and interact with videos.
Positive Feedback:
User feedback indicated a significant improvement in the app's overall usability and enjoyment.
Conclusion
This case study demonstrates how prototyping skills were leveraged to successfully enhance user engagement within an app that provides information about games and activities. The incorporation of interactive videos not only improved the user experience but also made the app a more valuable and user-friendly resource for its target audience.
Other Projects
View All Projects