February 18, 2025 

TCKT is a streamlined movie ticket purchasing platform that integrates with Fandango and Cinemark, simplifying ticket selection, checkout, and loyalty point tracking for a seamless user experience.

After gathering insights from user research, I moved into the ideation phase, focusing on how to streamline the movie ticket purchasing experience. This phase involved brainstorming, organizing ideas, and mapping out user journeys to ensure a seamless, intuitive experience for TCKT.

Affinity Mapping & Problem Prioritization

To make sense of the research data, I used Mural to create an affinity map, grouping common pain points identified in the survey. This helped categorize issues such as:

• Login Frustrations – Users disliked logging into multiple platforms just to buy a ticket.
• Checkout Complexity – Many found the checkout process too long or confusing.
• Loyalty Tracking Issues – Users struggled to keep up with rewards across different theaters.
• Navigation & Usability – Switching between apps/websites to compare showtimes was inconvenient.

By visually organizing these insights, I was able to prioritize the biggest frustrations and ensure that TCKT addressed them directly.

Feature Brainstorming & Solution Mapping

With the core problems identified, I brainstormed potential solutions that would improve the user experience. Some of the key features that emerged from this process included:

• A centralized platform that connects to Fandango and Cinemark, eliminating the need for multiple logins.
• A simplified checkout flow with minimal steps to reduce purchase friction.
• Loyalty point integration, allowing users to track and redeem rewards seamlessly.
• A comparison tool that lets users view showtimes from multiple theaters in one place.

To ensure that these features worked together smoothly, I mapped out the user journey, detailing how a user would navigate from searching for a movie to completing a purchase. This ensured that every touchpoint was optimized for efficiency and ease of use.

User Flow Mapping

I created a user flow diagram to visualize the step-by-step process a user would take when using TCKT. This included:

• Homepage – Users enter the platform and see upcoming movies, personalized recommendations, and loyalty points at a glance.
• Showtime Selection – Users search for movies and compare showtimes across multiple theaters in one view.
• Ticket Selection – Users choose seats and ticket types, with loyalty rewards automatically applied if available.
• Checkout – A fast and frictionless checkout process with saved payment methods and minimal form fields.
• Confirmation & Loyalty Tracking – Users receive their tickets and can view their updated loyalty points directly in the app.

This structured approach ensured that every aspect of TCKT was designed with user convenience in mind, leading to the next phase—wireframing and prototyping.

Before moving into digital wireframing, I started with hand-drawn wireframes to quickly explore layout ideas and refine the overall user experience. Sketching by hand allowed for rapid iteration, enabling me to focus on structure and functionality without getting caught up in visual details too early in the process.

Wireframing Goals

The goal of the wireframing phase was to:

• Establish a clear user journey from browsing showtimes to completing a purchase.
• Ensure the checkout process was as simple and frictionless as possible.
• Integrate loyalty tracking in a way that felt natural and unobtrusive.
• Minimize cognitive load by reducing unnecessary steps and emphasizing key actions.

Sketching Key Screens

The initial wireframes included rough layouts for the core screens of the TCKT experience:

• Homepage Wireframe
  • A search bar for quick access to movies.
  • Personalized recommendations and upcoming showtimes.
  • A loyalty points tracker for easy access to rewards.
• Showtime Selection Wireframe
  • A side-by-side comparison of showtimes across multiple theaters.
  • Filters for movie format, time, and location.
  • Easy selection buttons for quick ticket reservations.
• Ticket Selection & Checkout Wireframe
  • An intuitive seat selection layout.
  • Loyalty points automatically applied (if available).
  • A one-page checkout with minimal fields and saved payment options.
• Confirmation & Loyalty Tracking Wireframe
  • A confirmation page with a QR code for easy ticket access.
  • An updated loyalty tracker displaying earned and redeemed points.
  • Options to manage past ticket purchases and upcoming bookings.

Wireframes Preview

Once the initial sketches were complete, I reviewed them for usability improvements before transitioning into digital wireframing in Figma. This process ensured that the foundational layout was strong before refining interactions and UI details. 

After refining the initial hand-drawn wireframes, I transitioned to digital wireframing using Figma to bring the design into a structured format. This phase focused on laying out the core user interface (UI), ensuring a smooth navigation flow, and refining interactions based on user feedback.

Wireframing & Layout Design

The goal of the digital wireframes was to translate the user flow mapping into a functional interface while maintaining clarity and ease of use. I focused on creating a clean, intuitive layout with minimal distractions. The key wireframes included:

• Homepage
  • A search bar for quick movie lookups.
  • A personalized section displaying upcoming showtimes based on user preferences.
  • A loyalty tracking widget to show points and redemption options at a glance.
• Showtime Selection Screen
  • A comparison table showing multiple theaters and their showtimes in one place.
  • Filter options for movie format (IMAX, 3D, Standard) and nearby locations.
  • Clear call-to-action (CTA) buttons for ticket selection.
• Ticket Selection & Checkout
  • Minimalist seat selection UI to reduce cognitive load.
  • Automatic application of loyalty points if available.
  • A one-page checkout system with saved payment methods to reduce friction.
  • A progress indicator to show where the user is in the checkout process.
• Confirmation & Loyalty Tracking
  • A dynamic confirmation page with a QR code for ticket retrieval.
  • Loyalty points update in real-time, displaying how many were used or earned.
  • Easy access to ticket history and receipts.

Prototype Development

Once the wireframes were complete, I built an interactive prototype in Figma, allowing users to click through the experience as if using the real application. The prototype simulated:
✅ Browsing showtimes and comparing theaters
✅ Selecting seats and applying loyalty points automatically
✅ Completing a seamless checkout process in under a minute
✅ Viewing tickets and tracking loyalty rewards in-app

Visual Hierarchy & UI Considerations

To make the experience more intuitive, I incorporated UX/UI best practices, such as:

• Clear, high-contrast CTAs (e.g., "Buy Tickets" in a bold color).
• Minimal input fields to reduce user effort.
• Logical information grouping (e.g., showtimes listed first, checkout at the end).
• Mobile-first design, ensuring a smooth experience on smaller screens.

Next Steps

With the digital prototype complete, I moved into usability testing, gathering real user feedback before refining the final high-fidelity design.

This phase was crucial in validating the effectiveness of the design and ensuring that TCKT provided a frictionless, user-friendly movie ticket purchasing experience. 

Next Steps & Future Refinements

Based on this feedback, future iterations of TCKT will focus on:
✔ Refining the homepage layout to improve navigation and movie discovery.
✔ Expanding payment options to give users more flexibility at checkout.
✔ Enhancing loyalty tracking with a clearer redemption process.
✔ Adding advanced filters to the showtime comparison feature.
✔ Introducing customization options for a more personalized experience.

These refinements will ensure that TCKT continues to evolve based on real user feedback, providing an even more seamless and user-friendly experience in future updates.