RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN
Film - Roll
Film - Roll
Film - Roll
A Seamless Experience,
One Ticket at a Time
A Seamless Experience,
One Ticket at a Time
A Seamless Experience,
One Ticket at a Time
My Roles: Identify problems, interviewing users, creating user journey maps,
building wireframes, mockups, prototypes and conduct usability studies
My Roles: Identify problems, interviewing users, creating user journey maps,
building wireframes, mockups, prototypes and conduct usability studies
My Roles: Identify problems, interviewing users, creating user journey maps,
building wireframes, mockups, prototypes and conduct usability studies
movie magic
movie magic
movie magic
Project Overview
Project Overview
Project Overview
Film Roll is designed to simplify online movie ticket booking, especially for elderly users who often find online processes cumbersome.
The goal of the project is to create a seamless and user-friendly booking experience that helps users reserve tickets quickly, with options to add food or other services, skipping long queues at the theater.
Film Roll is designed to simplify online movie ticket booking, especially for elderly users who often find online processes cumbersome.
The goal of the project is to create a seamless and user-friendly booking experience that helps users reserve tickets quickly, with options to add food or other services, skipping long queues at the theater.
Film Roll is designed to simplify online movie ticket booking, especially for elderly users who often find online processes cumbersome.
The goal of the project is to create a seamless and user-friendly booking experience that helps users reserve tickets quickly, with options to add food or other services, skipping long queues at the theater.
“The biggest challenge for me is the disability of knowing if i have booked the correct movie at the correct time”
“The biggest challenge for me is the disability of knowing if i have booked the correct movie at the correct time”
“The biggest challenge for me is the disability of knowing if i have booked the correct movie at the correct time”
PROBLEM
PROBLEM
PROBLEM
In a world where technology often leaves the elderly behind, a group of elderly users who wish to book movie tickets online find it difficult to navigate and book tickets online and would rather buy a ticket over the counter.
In a world where technology often leaves the elderly behind, a group of elderly users who wish to book movie tickets online find it difficult to navigate and book tickets online and would rather buy a ticket over the counter.
In a world where technology often leaves the elderly behind, a group of elderly users who wish to book movie tickets online find it difficult to navigate and book tickets online and would rather buy a ticket over the counter.
SOLUTION
SOLUTION
SOLUTION
Film Roll is all about creating a seamless, user-friendly booking experience that helps our beloved audience reserve tickets easily while providing options to add snacks too.
Film Roll is all about creating a seamless, user-friendly booking experience that helps our beloved audience reserve tickets easily while providing options to add snacks too.
Film Roll is all about creating a seamless, user-friendly booking experience that helps our beloved audience reserve tickets easily while providing options to add snacks too.
meet our cast
meet our cast
meet our cast
User Research
User Research
User Research
Through a series of interviews and surveys, we uncovered the plot twists that were throwing our users off their game
Through a series of interviews and surveys, we uncovered the plot twists that were throwing our users off their game
An initial questionnaire was circulated among different users to identify the daily challenges of those who rely on a consistent medication routine.
A key insight was that users wanted more than reminders, they needed notifications about when to refill and a quick way to input their medication details. Thus, enabling them to keep
their health on track.
Through a series of interviews and surveys,
we uncovered the plot twists that were throwing our users off their game
“Purchasing a ticket online would sometimes mean that there is too much of information all at once, making it a very tedious task”
“Purchasing a ticket online would sometimes mean that there is too much of information all at once, making it a very tedious task”
“Purchasing a ticket online would sometimes mean that there is too much of information all at once, making it a very tedious task”
Based on the user interviews, personas and the user journey maps, these were the Pain Points
that needed to be addressed while designing for Film Roll
Based on the user interviews, personas and the user journey maps, these were the Pain Points
that needed to be addressed while designing for Film Roll
Based on the user interviews, personas and the user journey maps, these were the Pain Points
that needed to be addressed while designing for Film Roll
01
01
01
Complex Booking Flow
Complex Booking Flow
Complex Booking Flow
Our users found themselves lost in a maze of screens and options, often resulting in incorrect information input.
Our users found themselves lost in a maze of screens and options, often resulting in incorrect information input.
Our users found themselves lost in a maze of screens and options, often resulting in incorrect information input.
02
02
02
Disappearing Ticket
Disappearing Ticket
Disappearing Ticket
Users struggled to locate their digital tickets, leaving them empty-handed at the theater.
Users struggled to locate their digital tickets, leaving them empty-handed at the theater.
Users struggled to locate their digital tickets, leaving them empty-handed at the theater.
03
03
03
The Add-On confusion
The Add-On confusion
The Add-On confusion
Users preferred the traditional approach of buying snacks in person, unfamiliar with the available online options.
Users preferred the traditional approach of buying snacks in person, unfamiliar with the available online options.
Users preferred the traditional approach of buying snacks in person, unfamiliar with the available online options.
Based on the results of the initial Questionnaire and Pain points, the following User Personas were created
Based on the results of the initial Questionnaire and Pain points, the following
User Personas were created
Based on the results of the initial Questionnaire and Pain points, the following User Personas were created
Based on the results of the initial Questionnaire and Pain points, the following
User Personas were created
The Other movie providers
The Other movie providers
The Other movie providers
Competitive Audit
Competitive Audit
Competitive Audit
I selected “Vo” and “Novo” as direct competitors and “Netflix and “Amazon Prime” and Indirect competitors.
I selected “Vo” and “Novo” as direct competitors and “Netflix and “Amazon Prime” and Indirect competitors.
I selected “Vo” and “Novo” as direct competitors and “Netflix and “Amazon Prime” and Indirect competitors.
“Vox” cinemas hold the largest market share in the Mena region and they position themselves as the market leader.
“Vox” cinemas hold the largest market share in the Mena region and they position themselves as the market leader.
“Vox” cinemas hold the largest market share in the Mena region and they position themselves as the market leader.
Ensures that their users are aware of their medical conditions and do not forget to take their medications.
Strengths:
Pattern to select a movie is easy
Allows you to order food to your home
Small question mark to view additional information
Strengths:
Pattern to select a movie is easy
Allows you to order food to your home
Small question mark to view additional information
Strengths:
Pattern to select a movie is easy
Allows you to order food to your home
Small question mark to view additional information
Strengths:
Strong focus on gift giving
Premium Brand Image
DIY Flower option available
Weakness:
Unable to see ticket prices when you browse as guest
The showtimes list is long and never ending.
Only when the seats are selected the price is shown
Weakness:
Unable to see ticket prices when you browse as guest
The showtimes list is long and never ending.
Only when the seats are selected the price is shown
Weakness:
Unable to see ticket prices when you browse as guest
The showtimes list is long and never ending.
Only when the seats are selected the price is shown
“Novo” coming in second is more of a friendly accessible choice, also with similar product ranges as Vox. Slightly lower in cost when compare to Vox.
“Novo” coming in second is more of a friendly accessible choice, also with similar product ranges as Vox. Slightly lower in cost when compare to Vox.
“Novo” coming in second is more of a friendly accessible choice, also with similar product ranges as Vox. Slightly lower in cost when compare to Vox.
A basic app, well suited to get reminders for medication and also record other health information
Strengths:
Filter option to book by movie or book by cinema
Ticket prices are visible even without logging in.
Latest movie offers with price as an advertisement overlay when opening the desktop and mobile app.
Strengths:
Filter option to book by movie or book by cinema
Ticket prices are visible even without logging in.
Latest movie offers with price as an advertisement overlay when opening the desktop and mobile app.
Strengths:
Filter option to book by movie or book by cinema
Ticket prices are visible even without logging in.
Latest movie offers with price as an advertisement overlay when opening the desktop and mobile app.
Strengths:
Preset message options to choose from
Seamless International flower delivery
Delivery Under 60 minutes option
Weakness:
Although there is an navigation to select a movie and book, it does not seem to work properly.
There is a timer to select seats around 6 mins.
When redeeming offers the lists of options are endless.
Weakness:
Although there is an navigation to select a movie and book, it does not seem to work properly.
There is a timer to select seats around 6 mins.
When redeeming offers the lists of options are endless.
Weakness:
Although there is an navigation to select a movie and book, it does not seem to work properly.
There is a timer to select seats around 6 mins.
When redeeming offers the lists of options are endless.
“Netflix” and “prime” differ among themselves based on their collections of movies and shows. Netflix positions itself slightly higher than prime and gives you access to brand new movies and shows that are their own productions.
“Netflix” and “prime” differ among themselves based on their collections of movies and shows. Netflix positions itself slightly higher than prime and gives you access to brand new movies and shows that are their own productions.
“Netflix” and “prime” differ among themselves based on their collections of movies and shows. Netflix positions itself slightly higher than prime and gives you access to brand new movies and shows that are their own productions.
A very comprehensive pre-installed App that brings all health-related information to your fingertips
Strengths:
Small prices when compared to novo and Vox
Navigation is easy. Easy to search for a movie
Automated genres based on your recent watch history
Access to a lot more content
Strengths:
Small prices when compared to novo and Vox
Navigation is easy. Easy to search for a movie
Automated genres based on your recent watch history
Access to a lot more content
Strengths:
Small prices when compared to novo and Vox
Navigation is easy. Easy to search for a movie
Automated genres based on your recent watch history
Access to a lot more content
Strengths:
Beautifully arranged and gift wrapped flowers are available
Customer support services
Weakness:
Not able to view the movies that are shown in the cinemas
Sound systems and atmosphere is different to the ones in the cinema
Weakness:
Not able to view the movies that are shown in the cinemas
Sound systems and atmosphere is different to the ones in the cinema
Weakness:
Not able to view the movies that are shown in the cinemas
Sound systems and atmosphere is different to the ones in the cinema
Based on the findings, Film Roll could benefit from adding these findings in the design development process
which would ultimately become the Our Market Gap Opportunity
While competitors focused on premium aesthetics or fast delivery, none were designing for users like Regina. Floward overwhelmed with information, Ferns & Petals ignored accessibility needs,
and others hid flowers entirely.
Based on the findings, Pill-Pro can be a simple app that helps with medical reminders, refill notifications and also guide the users in keeping track of their health.
Based on the findings, Film Roll could benefit from adding these findings in the design development process which would ultimately become the Our Market Gap Opportunity
01
01
01
Create a simple flow to book movies
Create a simple flow to book movies
Create a simple flow to book movies
02
02
02
Basket information should be updated while the tickets are being booked
Basket information should be updated while the tickets are being booked
Basket information should be updated while the tickets are being booked
03
03
03
Easy to store the ticket information in
e wallet
Easy to store the ticket information in e wallet
Easy to store the ticket information
in e-wallet
04
04
04
Ability to order food while booking the movie ticket
Ability to order food while booking the movie ticket
Ability to order food while booking the movie ticket
From Concept to Creation
From Concept to Creation
From Concept to Creation
Ideation and Wireframing
Ideation and Wireframing
Ideation and Wireframing
Ideation and Wireframing
Film Roll Needed a simple and easy booking flow, and to do that I first had to decide on the websites’ navigation and how to place the easy booking feature. After creating the site map, paper wireframes and digital wireframes were created.
Keeping in mind the needs of our patients John and Emily I explored multiple solutions to address their medication management challenges. The layouts included App sign in, Pill-Pro walk through, adding basic pill information, medicine reminders and restocking pills.
Keeping in mind the needs of our patients John and Emily I explored multiple solutions to address their medication management challenges. The layouts included App sign in, Pill-Pro walk through, adding basic pill information, medicine reminders and restocking pills.
Keeping in mind the needs of our patients John and Emily I explored multiple solutions to address their medication management challenges. The layouts included App sign in, Pill-Pro walk through, adding basic pill information, medicine reminders and restocking pills.
Lights, Camera, Interaction
Lights, Camera, Interaction
Lights, Camera, Interaction
Usability Studies
Usability Studies
Usability Studies
A low-fidelity prototype of Film Roll was created to test the initial booking flow. Users were guided through selecting a movie, adding food, and completing their ticket purchase.
A low-fidelity prototype of Film Roll was created to test the initial booking flow. Users were guided through selecting a movie, adding food, and completing their ticket purchase.
A low-fidelity prototype of Film Roll was created to test the initial booking flow. Users were guided through selecting a movie, adding food, and completing their ticket purchase.
Findings - 01
Findings - 01
Findings - 01
In the initial wireframes to select an appropriate slot the user will have to horizontally scroll the available slots a pick one.
In the initial wireframes to select an appropriate slot the user will have to horizontally scroll the available slots a pick one.
In the initial wireframes to select an appropriate slot the user will have to horizontally scroll the available slots a pick one.
In the Mock up this was slightly improved, in a tabular manner, where at one glance the user is able to see all the options and pick one that is suitable
In the Mock up this was slightly improved, in a tabular manner, where at one glance the user is able to see all the options and pick one that is suitable
In the Mock up this was slightly improved, in a tabular manner, where at one glance the user is able to see all the options and pick one that is suitable
Findings - 02
Findings - 02
Findings - 02
Early wireframe had a confusing seat selection structure. The information about the selected movie and location was also missing.
Early wireframe had a confusing seat selection structure. The information about the selected movie and location was also missing.
Early wireframe had a confusing seat selection structure. The information about the selected movie and location was also missing.
With this in mind the mock up had an improved layout where all information was available at the top of the screen, and there was also a sticky bottom navigation that updates instantly when a booking is made.
With this in mind the mock up had an improved layout where all information was available at the top of the screen, and there was also a sticky bottom navigation that updates instantly when a booking is made.
With this in mind the mock up had an improved layout where all information was available at the top of the screen, and there was also a sticky bottom navigation that updates instantly when a booking is made.
SIT BACK AND WATCH
SIT BACK AND WATCH
SIT BACK AND WATCH
Final Design Flows
Final Design Flows
Final Design Flows
The final design featured a simple navigation, ensuring elderly users were able to book a movie ticket easily and also add food and other options as well.
The final design featured a simple navigation, ensuring elderly users were able to book a movie ticket easily and also add food and other options as well.
The final design featured a simple navigation, ensuring elderly users were able to book a movie ticket easily and also add food and other options as well.
Regina's struggles became our solutions.
Here's how we transformed
her flower shopping experience.
"The completed Trendy Florist App includes the complete user flows for Add to Basket and checkout, Clear Care Instructions with visual cues and the Customize a Flower Bouquet Flow.
"The easy booking flow was very interesting, and I just followed the steps and now have my ticket saved safely in my e-wallet”
"The easy booking flow was very interesting, and I just followed the steps and now have my ticket saved safely in my e-wallet”
"The easy booking flow was very interesting, and I just followed the steps and now have my ticket saved safely in my e-wallet”
Homepage with the video of the latest movie playing and the top 5 movies to select from
Homepage with the video of the latest movie playing and the top 5 movies to select from
Homepage with the video of the latest movie playing and the top 5 movies to select from
The introduction of easy booking to follow step by step instructions easily
The introduction of easy booking to follow step by step instructions easily
The introduction of easy booking to follow step by step instructions easily
The flow of selecting day, theater location and time
The flow of selecting day, theater location and time
The flow of selecting day, theater location
and time
Following the previous flow and follow through seat booking, add on snacks and finally saving the ticket to the wallet.
Following the previous flow and follow through seat booking, add on snacks and finally saving the ticket to the wallet.
Following the previous flow and follow through seat booking, add on snacks and finally saving the ticket to the wallet.
All the other desktop screens for “Easy Booking Flow”
All the other desktop screens for “Easy Booking Flow”
All the other desktop screens for
“Easy Booking Flow”
Conclusion
Conclusion
Conclusion
Film Roll has made booking movie tickets more accessible for elderly users, allowing them to easily navigate through the booking process.
The step-by-step flow and accessible design elements have made it easier for users to book tickets independently, without needing to visit the theater in person.
Users appreciated the simplicity, with one stating,
Film Roll has made booking movie tickets more accessible for elderly users, allowing them to easily navigate through the booking process.
The step-by-step flow and accessible design elements have made it easier for users to book tickets independently, without needing to visit the theater in person.
Users appreciated the simplicity, with one stating,
Film Roll has made booking movie tickets more accessible for elderly users, allowing them to easily navigate through the booking process.
The step-by-step flow and accessible design elements have made it easier for users to book tickets independently, without needing to visit the theater in person.
Users appreciated the simplicity, with one stating,
There is always room for improvement, and some of the next steps would be;
There is always room for improvement, and some of the next steps would be;
There is always room for improvement, and some of the next steps would be;
01
01
01
Conduct another round of usability testing to further refine the final design based on user feedback.
Conduct another round of usability testing to further refine the final design based on user feedback.
Conduct another round of usability testing to further refine the final design based on user feedback.
02
02
02
Implement new features such as cancellation notifications, points redemption systems, and alerts for elderly users.
Implement new features such as cancellation notifications, points redemption systems, and alerts for elderly users.
Implement new features such as cancellation notifications, points redemption systems, and alerts for elderly users.
03
03
03
Continue refining the accessibility features to ensure inclusivity across all age groups and abilities.
Continue refining the accessibility features to ensure inclusivity across all age groups and abilities.
Continue refining the accessibility features to ensure inclusivity across all age groups and abilities.
MY LEARNING
MY LEARNING
MY LEARNING
For Designs to actually solve problems, we do not have to come up with super creative ideas.
Instead having a single feature that helps to reduce user error rates and help them in completing the task is also a great step.Sometimes, the most valuable improvement is simplifying the user experience to reduce error rates and help users complete their tasks efficiently.
For Designs to actually solve problems, we do not have to come up with super creative ideas.
Instead having a single feature that helps to reduce user error rates and help them in completing the task is also a great step.Sometimes, the most valuable improvement is simplifying the user experience to reduce error rates and help users complete their tasks efficiently.
For Designs to actually solve problems, we do not have to come up with super creative ideas.
Instead having a single feature that helps to reduce user error rates and help them in completing the task is also a great step.Sometimes, the most valuable improvement is simplifying the user experience to reduce error rates and help users complete their tasks efficiently.
Sometimes, the most valuable improvement is simplifying the user experience to reduce error rates and help users complete their tasks efficiently.
Sometimes, the most valuable improvement is simplifying the user experience to reduce error rates and help users complete their tasks efficiently.
Sometimes, the most valuable improvement is simplifying the user experience to reduce error rates and help users complete their tasks efficiently.
Trendy Florist
Trendy Florist
Trendy Florist
A mobile application to make buying flowers easy for everyone
A mobile application to make buying flowers easy for everyone
A mobile application to make buying flowers easy for everyone
Click To View
Pill Pro
Pill Pro
Pill Pro
Your Personal Prescription for Healthy Living
Your Personal Prescription for Healthy Living
Your Personal Prescription for Healthy Living
Click To View
