{"id":659,"date":"2025-01-03T13:03:26","date_gmt":"2025-01-03T23:03:26","guid":{"rendered":"https:\/\/raphaelrouget.com\/index.php\/mobile-menu-ux-and-ui-design-copy\/"},"modified":"2025-01-10T18:08:20","modified_gmt":"2025-01-11T04:08:20","slug":"boarding-pass-ux-air-moana","status":"publish","type":"page","link":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/","title":{"rendered":"Boarding pass – UX and UI Design"},"content":{"rendered":"\n
\n
\n
\n
\n
\n
\n \n
\n
\n \"iphone_mockup_\" \n <\/div>\n \n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n \n
\n
\n

REDESIGNING THE BOARDING PASSES FOR AN AIRLINE<\/strong><\/h2> <\/div>\n<\/div>\n\n
\n
\n
How I applied Lean UX to redesign both physical and digital boarding passes, improving clarity and usability while accommodating operational constraints.<\/strong><\/h6> <\/div>\n<\/div>\n\n
\n
\n

Boarding passes are an essential touchpoint in the passenger journey, yet they are often a source of confusion and stress. They also play a dual role: they guide travelers with essential flight details and support airline operations by including information for agents. In this project, I redesigned two key formats:<\/p>\n

    \n
  • A digital version<\/strong> \u2013 provided for display on a smartphone or for printing at home after online check-in; used by passengers before arriving at the airport.<\/li>\n
  • A physical version<\/strong> \u2013 issued at check-in counters and handed to passengers who complete their check-in at the airport.<\/li>\n<\/ul>\n

    Using Lean UX, I focused on improving the layout and readability of both versions, ensuring a unified approach while addressing the unique requirements of each format.<\/p> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n

    \n
    \n
    \n
    \n
    \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
    \n
    \n
    \n \n
    \n
    \n

    CHALLENGES<\/span><\/strong><\/h4>\n
      \n
    • \n

      Passenger Comprehension<\/strong>
      The existing boarding pass lacked organization and clear labeling, leading to misunderstandings and frustration for passengers.<\/p>\n<\/li>\n

    • \n

      Balancing Digital and Print Needs<\/strong>
      A unified design was required to ensure that the same file could be printed and displayed digitally without the need for separate development efforts.<\/p>\n<\/li>\n

    • \n

      Operational Constraints<\/strong>
      The airline\u2019s legacy systems and equipment required the inclusion of certain agent-specific details, which cluttered the design and reduced overall readability.<\/p>\n<\/li>\n

    • \n

      Limited Resources<\/strong>
      With minimal resources, I relied on guerrilla testing, internal validation, and rapid iteration to deliver results within tight deadlines.<\/p>\n<\/li>\n<\/ul> <\/div>\n<\/div>\n <\/div>\n

      \n \n
      \n
      \n

      ROLE<\/span><\/h4>\n

      As the lead designer, I was responsible for:<\/p>\n

        \n
      • Conducting initial research, including benchmarking boarding pass designs from 20 major airlines.<\/li>\n
      • Redesigning the information architecture and visual hierarchy to prioritize key information for passengers while addressing operational needs.<\/li>\n
      • Creating and testing prototypes for both paper and digital formats using Lean UX methodologies.<\/li>\n
      • Coordinating with airline staff, including check-in agents, to validate the design against technical and operational constraints.<\/li>\n
      • Delivering a unified design solution that balanced usability, scalability, and cost efficiency.<\/li>\n<\/ul>\n

        This role required balancing creative problem-solving with practical constraints while managing rapid iterations to meet tight deadlines.<\/p> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n

        \n
        \n
        \n \n
        \n
        \n

        CHALLENGES<\/strong><\/h4>\n
          \n
        • \n

          Passenger Comprehension<\/strong>
          The existing boarding pass lacked organization and clear labeling, leading to misunderstandings and frustration for passengers.<\/p>\n<\/li>\n

        • \n

          Balancing Digital and Print Needs<\/strong>
          A unified design was required to ensure that the same file could be printed and displayed digitally without the need for separate development efforts.<\/p>\n<\/li>\n

        • \n

          Operational Constraints<\/strong>
          The airline\u2019s legacy systems and equipment required the inclusion of certain agent-specific details, which cluttered the design and reduced overall readability.<\/p>\n<\/li>\n

        • \n

          Limited Resources<\/strong>
          With minimal resources, I relied on guerrilla testing, internal validation, and rapid iteration to deliver results within tight deadlines.<\/p>\n<\/li>\n<\/ul> <\/div>\n<\/div>\n <\/div>\n

          \n \n
          \n
          \n

          ROLE<\/span><\/h4>\n

          As the lead designer, I was responsible for:<\/p>\n

            \n
          • Conducting initial research, including benchmarking boarding pass designs from 20 major airlines.<\/li>\n
          • Redesigning the information architecture and visual hierarchy to prioritize key information for passengers while addressing operational needs.<\/li>\n
          • Creating and testing prototypes for both paper and digital formats using Lean UX methodologies.<\/li>\n
          • Coordinating with airline staff, including check-in agents, to validate the design against technical and operational constraints.<\/li>\n
          • Delivering a unified design solution that balanced usability, scalability, and cost efficiency.<\/li>\n<\/ul>\n

            This role required balancing creative problem-solving with practical constraints while managing rapid iterations to meet tight deadlines.<\/p> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n

            \n
            \n
            \n <\/div>\n
            \n <\/div>\n <\/div>\n <\/div>\n
            \n
            \n
            \n \n
            \n
            \n

            INITIAL HYPOTHESES<\/strong><\/h4> <\/div>\n<\/div>\n <\/div>\n
            \n <\/div>\n <\/div>\n <\/div>\n
            \n
            \n
            \n \n
            \n
            \n

            To guide the redesign process and to stick with a Lean UX approach, I formulated the following hypotheses:<\/span><\/h4>\n
              \n
            1. \n

              Problem of Comprehension<\/strong>
              Poor organization and the lack of labels on the current boarding passes create comprehension issues for passengers.<\/p>\n<\/li>\n

            2. \n

              Highlighting Key Information<\/strong>
              Emphasizing the most critical details\u2014such as gate number, boarding time, and seat number\u2014will make the travel experience smoother and less stressful for passengers.<\/p>\n<\/li>\n

            3. \n

              Clarity Through Labels<\/strong>
              Adding explicit labels to each piece of information will help passengers quickly understand their flight details.<\/p>\n<\/li>\n

            4. \n

              Simplified Design<\/strong>
              A cleaner, more structured layout will facilitate rapid reading and improve the overall user experience.<\/p>\n<\/li>\n<\/ol> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n

              \n
              \n
              \n <\/div>\n
              \n <\/div>\n <\/div>\n <\/div>\n
              \n
              \n
              \n \n
              \n
              \n

              RESEARCH & BENCHMARKING<\/strong><\/h4> <\/div>\n<\/div>\n <\/div>\n
              \n <\/div>\n <\/div>\n <\/div>\n
              \n
              \n
              \n \n
              \n
              \n

              Benchmarking Across Industry<\/strong><\/h4>\n

              I analyzed the boarding passes of 20 major airlines worldwide, including both paper and digital formats. This benchmarking exercise provided insights into common design patterns, innovative approaches, and frequent usability challenges.<\/p>\n

              Findings<\/strong>:<\/p>\n

                \n
              • Many boarding passes suffered from overly cluttered designs, making it hard to prioritize information.<\/li>\n
              • Common frustrations were: (1) difficulties locating the flight number, gate number, seat or boarding time and (2) confusion caused by cryptic abbreviations or unlabelled information.<\/li>\n
              • Some airlines successfully used color coding, bold typography, and spacing to emphasize critical details.<\/li>\n
              • Digital boarding passes often lacked readability when displayed on smaller screens or printed.<\/li>\n<\/ul> <\/div>\n<\/div>\n\n
                \n
                \n

                Field Research with Passengers<\/strong><\/h4>\n

                To complement benchmarking, I conducted on-site research with passengers on several flights. I asked passengers what elements they looked at first when handed a boarding pass at check-in counters. This direct feedback revealed consistent priorities, such as gate number, boarding time, and seat assignment. Comparing these insights with industry practices allowed me to refine the hierarchy of information and ensure the most critical elements were prominently displayed.<\/p> <\/div>\n<\/div>\n\n

                \n
                \n

                Identifying User Pain Points<\/strong><\/h4>\n

                Through observations and passenger interviews, I identified common frustrations with the airline\u2019s existing boarding pass, such as difficulty locating departure and boarding times and confusion caused by unlabeled fields. These insights directly influenced the structure and layout of the new design.<\/p> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n

                \n
                \n
                \n <\/div>\n
                \n <\/div>\n <\/div>\n <\/div>\n
                \n
                \n
                \n \n
                \n
                \n

                REDESIGNING<\/b><\/span>\u00a0THE IA<\/strong><\/h4> <\/div>\n<\/div>\n <\/div>\n
                \n <\/div>\n <\/div>\n <\/div>\n
                \n
                \n
                \n \n
                \n
                \n

                Challenging the Actual Layouts<\/span><\/h4>\n
                \n
                  \n
                • Prioritizing Information<\/strong>: I reorganized the layouts to give prominence to key details for passengers (flight, gate, seat, boarding time) while moving agent-specific information to a less obtrusive area.<\/li>\n
                • Adding Labels<\/strong>: Each piece of information was paired with explicit labels (e.g., \u201cGate,\u201d \u201cSeat\u201d) to reduce ambiguity.<\/li>\n
                • Hierarchy of Details<\/strong>: I used typography, spacing, and grouping to establish a clear visual hierarchy<\/li>\n<\/ul>\n<\/div> <\/div>\n<\/div>\n\n
                  \n
                  \n \"Photo \n <\/div>\n \n \n
                  \n
                  \n Photo of the existing boarding pass issued at check-in counters. <\/div>\n \n <\/div>\n \n <\/div>\n\n
                  \n
                  \n \"Photo \n <\/div>\n \n \n
                  \n
                  \n Photo of the existing boarding pass (to home-print) issued during web check-in. <\/div>\n \n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
                  \n
                  \n
                  \n <\/div>\n
                  \n <\/div>\n <\/div>\n <\/div>\n
                  \n
                  \n
                  \n \n
                  \n
                  \n

                  PROTOTYPING<\/strong><\/h4> <\/div>\n<\/div>\n <\/div>\n
                  \n <\/div>\n <\/div>\n <\/div>\n
                  \n
                  \n
                  \n \n
                  \n
                  \n

                  Physical Boarding Pass<\/strong><\/h4>\n
                  \n
                    \n
                  • \n

                    Sketches for Information Zoning<\/strong>:
                    Initial sketches on paper explored different zoning arrangements for information. These quick iterations allowed me to prioritize passenger-critical details while allocating space for operational information.<\/p>\n<\/li>\n

                  • \n

                    Medium-Fidelity Prototypes<\/strong>:
                    At-scale prototypes of the boarding pass were created for the printed version, focusing on the practicality of the layout. These prototypes simulated the actual dimensions of the boarding pass and were essential for refining the arrangement of key elements such as gate, boarding time, and seat.<\/p>\n<\/li>\n

                  • \n

                    High-Fidelity Prototypes for Realistic Testing<\/strong>:
                    High-fidelity prototypes for the paper version accounted for the specific characteristics of printers at check-in counters, including margins, resolution, and print alignment.<\/p>\n<\/li>\n<\/ul>\n<\/div> <\/div>\n<\/div>\n\n

                    \n
                    \n \"Final \n <\/div>\n \n \n
                    \n
                    \n Final prototype of the boarding pass issued at check-in counters. <\/div>\n \n <\/div>\n \n <\/div>\n\n
                    \n
                    \n \"Next \n <\/div>\n \n \n
                    \n
                    \n Next iteration prototype (clean version) of the boarding pass for check-in counters, designed with fewer elements, particularly on the stub, to align with future systems at check-in counters that require less information for agents. <\/div>\n \n <\/div>\n \n <\/div>\n\n
                    \n
                    \n

                    Digital & Home-Printed Boarding Pass<\/strong><\/h4>\n
                    \n
                      \n
                    • The first digital prototypes were inspired by designs from Virgin Atlantic and ticketing systems in the entertainment industry, featuring a foldable format designed to fit neatly into a passport.<\/li>\n
                    • This concept was abandoned when leadership decided to unify digital and print versions, requiring a redesign focused on adaptability across formats.<\/li>\n
                    • The final digital prototypes emphasized clean design, consistent with the airline\u2019s broader branding strategy, and reduced color blocks to minimize ink usage during printing.\u00a0<\/li>\n<\/ul>\n<\/div> <\/div>\n<\/div>\n\n
                      \n
                      \n \"Screenshots \n <\/div>\n \n \n
                      \n
                      \n Screenshots of the initial foldable prototype (home-printed version) and the final unified prototype designed for both printing and\/or smartphone display. <\/div>\n \n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
                      \n
                      \n
                      \n <\/div>\n
                      \n <\/div>\n <\/div>\n <\/div>\n
                      \n
                      \n
                      \n \n
                      \n
                      \n

                      TESTING<\/strong><\/h4> <\/div>\n<\/div>\n <\/div>\n
                      \n <\/div>\n <\/div>\n <\/div>\n
                      \n
                      \n
                      \n \n
                      \n
                      \n

                      Physical Boarding pass<\/strong><\/h4>\n
                      \n

                      I conducted quick tests (guerrilla testing) with passengers at the airport, comparing the existing boarding pass with an advanced prototype.\u00a0<\/p>\n

                      Key findings:<\/span><\/p>\n

                      Comprehension Issues in the Current Version<\/strong>:<\/p>\n

                        \n
                      • Over 75% of passengers either failed to locate the required information (e.g., gate number) or were unsure if they had found the correct detail.<\/li>\n<\/ul>\n

                        Improved Performance in the Prototype<\/strong>:<\/p>\n

                          \n
                        • Highlighting critical information (flight number, boarding time, gate, seat) helped passengers locate details faster.<\/li>\n
                        • More than 75% of passengers, who had never seen the prototype before, intuitively focused on the emphasized areas for key details.<\/li>\n<\/ul>\n

                          Impact of Labels<\/strong>:<\/p>\n

                            \n
                          • Adding explicit labels (e.g., \u201cGate,\u201d \u201cSeat\u201d) resulted in 100% of passengers identifying the correct information with full confidence.<\/li>\n
                          • Information was found 2 to 3 times faster on the prototype compared to the current version.<\/li>\n<\/ul>\n

                            Areas for Improvement<\/strong>:<\/p>\n

                              \n
                            • Hierarchy of Information<\/strong>: Passengers suggested that the distinction between labels and information could be improved with grayscale variations.<\/li>\n
                            • Overloaded Stub<\/strong>: The boarding pass stub, frequently visible when agents inserted the pass into a passport, felt cluttered and caused mild cognitive overload.<\/li>\n<\/ul>\n<\/div> <\/div>\n<\/div>\n\n
                              \n
                              \n

                              Digital & Home-Printed Boarding Pass<\/strong><\/h4>\n
                              \n

                              I also conducted tests comparing the redesigned digital boarding pass with the version currently in use. These tests focused on usability, speed, and user confidence. Key findings included:<\/p>\n

                              Significant Improvements in Information Retrieval<\/strong>:<\/p>\n

                                \n
                              • Passengers found information 2 to 3 times faster with the redesigned digital boarding pass.<\/li>\n
                              • Critical details, such as departure times and boarding times, were clearly visible, reducing the time spent searching.<\/li>\n<\/ul>\nIncreased Confidence<\/strong>:
                                \n
                                  \n
                                • The redesigned version instilled maximum confidence in passengers, with 100% correctly identifying the needed information on the first attempt.<\/li>\n
                                • In contrast, the current version caused significant confusion, especially around departure and boarding times, leading to errors or doubts in most cases.<\/li>\n<\/ul>\nClarity and Readability<\/strong>:<\/div>\n
                                  \n
                                    \n
                                  • The new design’s clean layout and explicit labels greatly improved readability on the printed versions and especially on mobile devices.<\/li>\n<\/ul>\n

                                    These findings validated that the unified format worked effectively for both digital display and printing, simplifying workflows and avoiding the need for two separate designs.<\/p>\n<\/div> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n

                                    \n
                                    \n
                                    \n <\/div>\n
                                    \n <\/div>\n <\/div>\n <\/div>\n
                                    \n
                                    \n
                                    \n \n
                                    \n
                                    \n

                                    OUTCOME<\/strong><\/span><\/h4> <\/div>\n<\/div>\n <\/div>\n
                                    \n <\/div>\n <\/div>\n <\/div>\n
                                    \n
                                    \n
                                    \n \n
                                    \n
                                    \n

                                    The redesigned boarding passes brought measurable improvements to both passenger experience and operational efficiency:<\/p>\n

                                      \n
                                    • Improved Clarity and Usability:<\/span>
                                      <\/span>Passengers were able to locate critical flight information\u2014such as gate number, boarding time, and seat assignment\u2014more quickly and confidently. The clear hierarchy of details and use of explicit labels reduced confusion, minimizing errors and delays during the boarding process.<\/li>\n<\/ul>\n
                                      \n
                                        \n
                                      • Streamlined Navigation Across Formats:
                                        <\/strong>The unified design (for digital version) worked seamlessly for both digital and printed versions, eliminating the need for separate templates. This not only simplified workflows for the airline\u2019s development teams but also ensured a consistent experience for passengers across platforms.<\/li>\n
                                      • Enhanced Passenger Confidence:
                                        <\/strong>The intuitive layout reduced cognitive load and stress for passengers, particularly during high-pressure moments like boarding. Feedback from user testing highlighted how the improved design made the boarding pass feel approachable and easy to understand.<\/li>\n
                                      • Operational Alignment Without Sacrificing UX:
                                        <\/strong>While operational elements required by agents were integrated into the design, they were placed in a way that did not interfere with the passenger-focused experience. The design balanced usability for passengers with functionality for airline staff, demonstrating a thoughtful compromise.<\/li>\n
                                      • Support for Brand Identity:
                                        <\/strong>The clean, modern aesthetic of the boarding pass aligned with the airline\u2019s updated branding and reflected a professional, passenger-centric ethos. This consistency reinforced the airline\u2019s commitment to providing a seamless travel experience.<\/li>\n<\/ul>\n
                                        \u00a0<\/div>\n
                                        By addressing both passenger pain points and operational constraints, the redesigned boarding pass became a key tool for enhancing the airline’s service delivery and brand perception.<\/div>\n<\/div> <\/div>\n<\/div>\n\n
                                        \n

                                        Comparison of the physical boarding pass: existing vs final prototype<\/h3>\n
                                        \n\t\t\"boarding\"Physical\t\t
                                        \n\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t<\/div>\n <\/div>\n\n <\/div>\n\n\n
                                        \n

                                        Comparison of the digital boarding pass (home-printed version): existing vs final prototype<\/h3>\n
                                        \n\t\t\"Digital\"Boarding\t\t
                                        \n\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t<\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n
                                        \n
                                        \n
                                        \n <\/div>\n
                                        \n <\/div>\n <\/div>\n <\/div>\n
                                        \n
                                        \n
                                        \n \n
                                        \n
                                        \n

                                        REFLECTIONS<\/strong><\/span><\/h4> <\/div>\n<\/div>\n <\/div>\n
                                        \n <\/div>\n <\/div>\n <\/div>\n
                                        \n
                                        \n
                                        \n \n
                                        \n
                                        \n

                                        While the redesign successfully addressed major usability issues, I was unable to oversee its full implementation or make post-launch adjustments. Real-world testing after deployment could have further refined the design and aligned it more closely with my vision.<\/p> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n

                                        \n
                                        \n
                                        \n <\/div>\n
                                        \n <\/div>\n <\/div>\n <\/div>\n
                                        \n
                                        \n
                                        \n \n
                                        \n
                                        \n

                                        KEY TAKEAWAYS<\/strong><\/h4> <\/div>\n<\/div>\n <\/div>\n
                                        \n <\/div>\n <\/div>\n <\/div>\n
                                        \n
                                        \n
                                        \n \n
                                        \n
                                        \n
                                          \n
                                        • Holistic Design for Diverse Needs:<\/strong>
                                          Successfully balancing the needs of passengers and operational requirements demonstrated the importance of designing for multiple stakeholders without compromising user experience.<\/li>\n
                                        • Iterative Prototyping Enhances Precision:<\/strong>
                                          Moving from paper sketches to high-fidelity prototypes ensured that each iteration addressed specific challenges, from usability to technical compatibility, resulting in a refined final design.<\/li>\n
                                        • Unified Formats Drive Efficiency:<\/strong>
                                          The decision to create a single format for digital and printed versions streamlined processes, reduced development costs, and provided a consistent passenger experience.<\/li>\n
                                        • Research Validates Impactful Decisions:<\/strong>
                                          Benchmarking global boarding pass designs and conducting user tests\u2014both guerrilla and internal\u2014provided actionable insights that directly informed the redesign\u2019s success.<\/li>\n
                                        • Brand Integration Supports Trust:<\/strong>
                                          Aligning the boarding pass with the airline\u2019s updated branding reinforced the professionalism and passenger-centric values of the company, building trust and enhancing the overall perception of the airline.
                                          These takeaways highlight how research-driven, iterative design can address complex challenges and create tangible improvements for both users and stakeholders.<\/li>\n<\/ul> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n
                                          \n
                                          \n
                                          \n \n
                                          \n
                                          \n

                                          All rights reserved to Raphael Rouget and AIR MOANA.
                                          Note: This case study was reviewed and refined with the assistance of ChatGPT to ensure optimal clarity and syntax.<\/p> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

                                          REDESIGNING THE BOARDING PASSES FOR AN AIRLINE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-659","page","type-page","status-publish","hentry","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"yoast_head":"\nBoarding pass - UX and UI Design -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Boarding pass - UX and UI Design -\" \/>\n<meta property=\"og:description\" content=\"REDESIGNING THE BOARDING PASSES FOR AN AIRLINE\" \/>\n<meta property=\"og:url\" content=\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-11T04:08:20+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/\",\"url\":\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/\",\"name\":\"Boarding pass - UX and UI Design -\",\"isPartOf\":{\"@id\":\"http:\/\/raphaelrouget.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg\",\"datePublished\":\"2025-01-03T23:03:26+00:00\",\"dateModified\":\"2025-01-11T04:08:20+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#primaryimage\",\"url\":\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg\",\"contentUrl\":\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"http:\/\/raphaelrouget.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Boarding pass – UX and UI Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/raphaelrouget.com\/#website\",\"url\":\"http:\/\/raphaelrouget.com\/\",\"name\":\"Raphael Rouget - Product and CX Designer\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\/\/raphaelrouget.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/raphaelrouget.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/raphaelrouget.com\/#organization\",\"name\":\"Raphael Rouget - Product and CX Designer\",\"url\":\"http:\/\/raphaelrouget.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/raphaelrouget.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2024\/07\/Logo-Raphael-Rouget-2024.png\",\"contentUrl\":\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2024\/07\/Logo-Raphael-Rouget-2024.png\",\"width\":80,\"height\":80,\"caption\":\"Raphael Rouget - Product and CX Designer\"},\"image\":{\"@id\":\"http:\/\/raphaelrouget.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/raphaelrouget\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Boarding pass - UX and UI Design -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/","og_locale":"en_US","og_type":"article","og_title":"Boarding pass - UX and UI Design -","og_description":"REDESIGNING THE BOARDING PASSES FOR AN AIRLINE","og_url":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/","article_modified_time":"2025-01-11T04:08:20+00:00","og_image":[{"url":"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/","url":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/","name":"Boarding pass - UX and UI Design -","isPartOf":{"@id":"http:\/\/raphaelrouget.com\/#website"},"primaryImageOfPage":{"@id":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#primaryimage"},"image":{"@id":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#primaryimage"},"thumbnailUrl":"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg","datePublished":"2025-01-03T23:03:26+00:00","dateModified":"2025-01-11T04:08:20+00:00","breadcrumb":{"@id":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#primaryimage","url":"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg","contentUrl":"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg"},{"@type":"BreadcrumbList","@id":"http:\/\/raphaelrouget.com\/index.php\/boarding-pass-ux-air-moana\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"http:\/\/raphaelrouget.com\/"},{"@type":"ListItem","position":2,"name":"Boarding pass – UX and UI Design"}]},{"@type":"WebSite","@id":"http:\/\/raphaelrouget.com\/#website","url":"http:\/\/raphaelrouget.com\/","name":"Raphael Rouget - Product and CX Designer","description":"","publisher":{"@id":"http:\/\/raphaelrouget.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/raphaelrouget.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/raphaelrouget.com\/#organization","name":"Raphael Rouget - Product and CX Designer","url":"http:\/\/raphaelrouget.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/raphaelrouget.com\/#\/schema\/logo\/image\/","url":"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2024\/07\/Logo-Raphael-Rouget-2024.png","contentUrl":"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2024\/07\/Logo-Raphael-Rouget-2024.png","width":80,"height":80,"caption":"Raphael Rouget - Product and CX Designer"},"image":{"@id":"http:\/\/raphaelrouget.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/in\/raphaelrouget\/"]}]}},"builder_content":"<img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg\" title=\"iphone_mockup_\" alt=\"iphone_mockup_\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_.jpeg 1346w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_-202x300.jpeg 202w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_-689x1024.jpeg 689w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_-768x1141.jpeg 768w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/iphone_mockup_-1034x1536.jpeg 1034w\" sizes=\"(max-width: 1346px) 100vw, 1346px\" \/>\n<h2><strong>REDESIGNING THE BOARDING PASSES FOR AN AIRLINE<\/strong><\/h2>\n<h6><strong>How I applied Lean UX to redesign both physical and digital boarding passes, improving clarity and usability while accommodating operational constraints.<\/strong><\/h6>\n<p>Boarding passes are an essential touchpoint in the passenger journey, yet they are often a source of confusion and stress. They also play a dual role: they guide travelers with essential flight details and support airline operations by including information for agents. In this project, I redesigned two key formats:<\/p> <ul> <li><strong>A digital version<\/strong> \u2013 provided for display on a smartphone or for printing at home after online check-in; used by passengers before arriving at the airport.<\/li> <li><strong>A physical version<\/strong> \u2013 issued at check-in counters and handed to passengers who complete their check-in at the airport.<\/li> <\/ul> <p>Using Lean UX, I focused on improving the layout and readability of both versions, ensuring a unified approach while addressing the unique requirements of each format.<\/p>\n<h4><strong>CHALLENGES<\/strong><\/h4> <ul> <li> <p><strong>Passenger Comprehension<\/strong><br>The existing boarding pass lacked organization and clear labeling, leading to misunderstandings and frustration for passengers.<\/p> <\/li> <li> <p><strong>Balancing Digital and Print Needs<\/strong><br>A unified design was required to ensure that the same file could be printed and displayed digitally without the need for separate development efforts.<\/p> <\/li> <li> <p><strong>Operational Constraints<\/strong><br>The airline\u2019s legacy systems and equipment required the inclusion of certain agent-specific details, which cluttered the design and reduced overall readability.<\/p> <\/li> <li> <p><strong>Limited Resources<\/strong><br>With minimal resources, I relied on guerrilla testing, internal validation, and rapid iteration to deliver results within tight deadlines.<\/p> <\/li> <\/ul>\n<h4>ROLE<\/h4> <p>As the lead designer, I was responsible for:<\/p> <ul> <li>Conducting initial research, including benchmarking boarding pass designs from 20 major airlines.<\/li> <li>Redesigning the information architecture and visual hierarchy to prioritize key information for passengers while addressing operational needs.<\/li> <li>Creating and testing prototypes for both paper and digital formats using Lean UX methodologies.<\/li> <li>Coordinating with airline staff, including check-in agents, to validate the design against technical and operational constraints.<\/li> <li>Delivering a unified design solution that balanced usability, scalability, and cost efficiency.<\/li> <\/ul> <p>This role required balancing creative problem-solving with practical constraints while managing rapid iterations to meet tight deadlines.<\/p>\n<h4><strong>CHALLENGES<\/strong><\/h4> <ul> <li> <p><strong>Passenger Comprehension<\/strong><br>The existing boarding pass lacked organization and clear labeling, leading to misunderstandings and frustration for passengers.<\/p> <\/li> <li> <p><strong>Balancing Digital and Print Needs<\/strong><br>A unified design was required to ensure that the same file could be printed and displayed digitally without the need for separate development efforts.<\/p> <\/li> <li> <p><strong>Operational Constraints<\/strong><br>The airline\u2019s legacy systems and equipment required the inclusion of certain agent-specific details, which cluttered the design and reduced overall readability.<\/p> <\/li> <li> <p><strong>Limited Resources<\/strong><br>With minimal resources, I relied on guerrilla testing, internal validation, and rapid iteration to deliver results within tight deadlines.<\/p> <\/li> <\/ul>\n<h4>ROLE<\/h4> <p>As the lead designer, I was responsible for:<\/p> <ul> <li>Conducting initial research, including benchmarking boarding pass designs from 20 major airlines.<\/li> <li>Redesigning the information architecture and visual hierarchy to prioritize key information for passengers while addressing operational needs.<\/li> <li>Creating and testing prototypes for both paper and digital formats using Lean UX methodologies.<\/li> <li>Coordinating with airline staff, including check-in agents, to validate the design against technical and operational constraints.<\/li> <li>Delivering a unified design solution that balanced usability, scalability, and cost efficiency.<\/li> <\/ul> <p>This role required balancing creative problem-solving with practical constraints while managing rapid iterations to meet tight deadlines.<\/p>\n<h4><strong>INITIAL HYPOTHESES<\/strong><\/h4>\n<h4>To guide the redesign process and to stick with a Lean UX approach, I formulated the following hypotheses:<\/h4> <ol> <li> <p><strong>Problem of Comprehension<\/strong><br>Poor organization and the lack of labels on the current boarding passes create comprehension issues for passengers.<\/p> <\/li> <li> <p><strong>Highlighting Key Information<\/strong><br>Emphasizing the most critical details\u2014such as gate number, boarding time, and seat number\u2014will make the travel experience smoother and less stressful for passengers.<\/p> <\/li> <li> <p><strong>Clarity Through Labels<\/strong><br>Adding explicit labels to each piece of information will help passengers quickly understand their flight details.<\/p> <\/li> <li> <p><strong>Simplified Design<\/strong><br>A cleaner, more structured layout will facilitate rapid reading and improve the overall user experience.<\/p> <\/li> <\/ol>\n<h4><strong>RESEARCH & BENCHMARKING<\/strong><\/h4>\n<h4><strong>Benchmarking Across Industry<\/strong><\/h4> <p>I analyzed the boarding passes of 20 major airlines worldwide, including both paper and digital formats. This benchmarking exercise provided insights into common design patterns, innovative approaches, and frequent usability challenges.<\/p> <p><strong>Findings<\/strong>:<\/p> <ul> <li>Many boarding passes suffered from overly cluttered designs, making it hard to prioritize information.<\/li> <li>Common frustrations were: (1) difficulties locating the flight number, gate number, seat or boarding time and (2) confusion caused by cryptic abbreviations or unlabelled information.<\/li> <li>Some airlines successfully used color coding, bold typography, and spacing to emphasize critical details.<\/li> <li>Digital boarding passes often lacked readability when displayed on smaller screens or printed.<\/li> <\/ul>\n<h4><strong>Field Research with Passengers<\/strong><\/h4> <p>To complement benchmarking, I conducted on-site research with passengers on several flights. I asked passengers what elements they looked at first when handed a boarding pass at check-in counters. This direct feedback revealed consistent priorities, such as gate number, boarding time, and seat assignment. Comparing these insights with industry practices allowed me to refine the hierarchy of information and ensure the most critical elements were prominently displayed.<\/p>\n<h4><strong>Identifying User Pain Points<\/strong><\/h4> <p>Through observations and passenger interviews, I identified common frustrations with the airline\u2019s existing boarding pass, such as difficulty locating departure and boarding times and confusion caused by unlabeled fields. These insights directly influenced the structure and layout of the new design.<\/p>\n<h4><b>REDESIGNING<\/b><strong>\u00a0THE IA<\/strong><\/h4>\n<h4>Challenging the Actual Layouts<\/h4>\n<ul> <li><strong>Prioritizing Information<\/strong>: I reorganized the layouts to give prominence to key details for passengers (flight, gate, seat, boarding time) while moving agent-specific information to a less obtrusive area.<\/li> <li><strong>Adding Labels<\/strong>: Each piece of information was paired with explicit labels (e.g., \u201cGate,\u201d \u201cSeat\u201d) to reduce ambiguity.<\/li> <li><strong>Hierarchy of Details<\/strong>: I used typography, spacing, and grouping to establish a clear visual hierarchy<\/li> <\/ul>\n<img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-scaled.jpg\" title=\"boarding pass papier\" alt=\"Photo of the existing boarding pass issued at check-in counters.\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-scaled.jpg 2560w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-300x121.jpg 300w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-1024x414.jpg 1024w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-768x311.jpg 768w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-1536x621.jpg 1536w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-2048x829.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/> Photo of the existing boarding pass issued at check-in counters.\n<img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Digital-Boarding-pass.png\" title=\"Digital Boarding pass\" alt=\"Photo of the existing boarding pass (to home-print) issued during web check-in.\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Digital-Boarding-pass.png 595w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Digital-Boarding-pass-212x300.png 212w\" sizes=\"(max-width: 595px) 100vw, 595px\" \/> Photo of the existing boarding pass (to home-print) issued during web check-in.\n<h4><strong>PROTOTYPING<\/strong><\/h4>\n<h4><strong>Physical Boarding Pass<\/strong><\/h4>\n<ul> <li> <p><strong>Sketches for Information Zoning<\/strong>:<br>Initial sketches on paper explored different zoning arrangements for information. These quick iterations allowed me to prioritize passenger-critical details while allocating space for operational information.<\/p> <\/li> <li> <p><strong>Medium-Fidelity Prototypes<\/strong>:<br>At-scale prototypes of the boarding pass were created for the printed version, focusing on the practicality of the layout. These prototypes simulated the actual dimensions of the boarding pass and were essential for refining the arrangement of key elements such as gate, boarding time, and seat.<\/p> <\/li> <li> <p><strong>High-Fidelity Prototypes for Realistic Testing<\/strong>:<br>High-fidelity prototypes for the paper version accounted for the specific characteristics of printers at check-in counters, including margins, resolution, and print alignment.<\/p> <\/li> <\/ul>\n<img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass.png\" title=\"Physical boarding pass\" alt=\"Final prototype of the boarding pass issued at check-in counters.\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass.png 1153w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-300x121.png 300w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-1024x414.png 1024w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-768x310.png 768w\" sizes=\"(max-width: 1153px) 100vw, 1153px\" \/> Final prototype of the boarding pass issued at check-in counters.\n<img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version.png\" title=\"Physical boarding pass - clean version\" alt=\"Next iteration prototype (clean version) of the boarding pass for check-in counters, designed with fewer elements, particularly on the stub, to align with future systems at check-in counters that require less information for agents.\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version.png 1153w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version-300x121.png 300w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version-1024x414.png 1024w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version-768x310.png 768w\" sizes=\"(max-width: 1153px) 100vw, 1153px\" \/> Next iteration prototype (clean version) of the boarding pass for check-in counters, designed with fewer elements, particularly on the stub, to align with future systems at check-in counters that require less information for agents.\n<h4><strong>Digital & Home-Printed Boarding Pass<\/strong><\/h4>\n<ul> <li>The first digital prototypes were inspired by designs from Virgin Atlantic and ticketing systems in the entertainment industry, featuring a foldable format designed to fit neatly into a passport.<\/li> <li>This concept was abandoned when leadership decided to unify digital and print versions, requiring a redesign focused on adaptability across formats.<\/li> <li>The final digital prototypes emphasized clean design, consistent with the airline\u2019s broader branding strategy, and reduced color blocks to minimize ink usage during printing.\u00a0<\/li> <\/ul>\n<img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/New-Digital-Boarding-pass.png\" title=\"New - Digital Boarding pass\" alt=\"Screenshots of the initial foldable prototype (home-printed version) and the final unified prototype designed for both printing and\/or smartphone display.\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/New-Digital-Boarding-pass.png 1216w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/New-Digital-Boarding-pass-300x224.png 300w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/New-Digital-Boarding-pass-1024x764.png 1024w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/New-Digital-Boarding-pass-768x573.png 768w\" sizes=\"(max-width: 1216px) 100vw, 1216px\" \/> Screenshots of the initial foldable prototype (home-printed version) and the final unified prototype designed for both printing and\/or smartphone display.\n<h4><strong>TESTING<\/strong><\/h4>\n<h4><strong>Physical Boarding pass<\/strong><\/h4>\n<p>I conducted quick tests (guerrilla testing) with passengers at the airport, comparing the existing boarding pass with an advanced prototype.\u00a0<\/p> <p>Key findings:<\/p> <p><strong>Comprehension Issues in the Current Version<\/strong>:<\/p> <ul> <li>Over 75% of passengers either failed to locate the required information (e.g., gate number) or were unsure if they had found the correct detail.<\/li> <\/ul> <p><strong>Improved Performance in the Prototype<\/strong>:<\/p> <ul> <li>Highlighting critical information (flight number, boarding time, gate, seat) helped passengers locate details faster.<\/li> <li>More than 75% of passengers, who had never seen the prototype before, intuitively focused on the emphasized areas for key details.<\/li> <\/ul> <p><strong>Impact of Labels<\/strong>:<\/p> <ul> <li>Adding explicit labels (e.g., \u201cGate,\u201d \u201cSeat\u201d) resulted in 100% of passengers identifying the correct information with full confidence.<\/li> <li>Information was found 2 to 3 times faster on the prototype compared to the current version.<\/li> <\/ul> <p><strong>Areas for Improvement<\/strong>:<\/p> <ul> <li><strong>Hierarchy of Information<\/strong>: Passengers suggested that the distinction between labels and information could be improved with grayscale variations.<\/li> <li><strong>Overloaded Stub<\/strong>: The boarding pass stub, frequently visible when agents inserted the pass into a passport, felt cluttered and caused mild cognitive overload.<\/li> <\/ul>\n<h4><strong>Digital & Home-Printed Boarding Pass<\/strong><\/h4>\n<p>I also conducted tests comparing the redesigned digital boarding pass with the version currently in use. These tests focused on usability, speed, and user confidence. Key findings included:<\/p> <p><strong>Significant Improvements in Information Retrieval<\/strong>:<\/p> <ul> <li>Passengers found information 2 to 3 times faster with the redesigned digital boarding pass.<\/li> <li>Critical details, such as departure times and boarding times, were clearly visible, reducing the time spent searching.<\/li> <\/ul> <strong>Increased Confidence<\/strong>:<br> <ul> <li>The redesigned version instilled maximum confidence in passengers, with 100% correctly identifying the needed information on the first attempt.<\/li> <li>In contrast, the current version caused significant confusion, especially around departure and boarding times, leading to errors or doubts in most cases.<\/li> <\/ul> <strong>Clarity and Readability<\/strong>:\n<ul> <li>The new design's clean layout and explicit labels greatly improved readability on the printed versions and especially on mobile devices.<\/li> <\/ul> <p>These findings validated that the unified format worked effectively for both digital display and printing, simplifying workflows and avoiding the need for two separate designs.<\/p>\n<h4><strong>OUTCOME<\/strong><\/h4>\n<p>The redesigned boarding passes brought measurable improvements to both passenger experience and operational efficiency:<\/p> <ul> <li>Improved Clarity and Usability:<br>Passengers were able to locate critical flight information\u2014such as gate number, boarding time, and seat assignment\u2014more quickly and confidently. The clear hierarchy of details and use of explicit labels reduced confusion, minimizing errors and delays during the boarding process.<\/li> <\/ul>\n<ul> <li><strong>Streamlined Navigation Across Formats:<br><\/strong>The unified design (for digital version) worked seamlessly for both digital and printed versions, eliminating the need for separate templates. This not only simplified workflows for the airline\u2019s development teams but also ensured a consistent experience for passengers across platforms.<\/li> <li><strong>Enhanced Passenger Confidence:<br><\/strong>The intuitive layout reduced cognitive load and stress for passengers, particularly during high-pressure moments like boarding. Feedback from user testing highlighted how the improved design made the boarding pass feel approachable and easy to understand.<\/li> <li><strong>Operational Alignment Without Sacrificing UX: <br><\/strong>While operational elements required by agents were integrated into the design, they were placed in a way that did not interfere with the passenger-focused experience. The design balanced usability for passengers with functionality for airline staff, demonstrating a thoughtful compromise.<\/li> <li><strong>Support for Brand Identity:<br><\/strong>The clean, modern aesthetic of the boarding pass aligned with the airline\u2019s updated branding and reflected a professional, passenger-centric ethos. This consistency reinforced the airline\u2019s commitment to providing a seamless travel experience.<\/li> <\/ul> \u00a0 By addressing both passenger pain points and operational constraints, the redesigned boarding pass became a key tool for enhancing the airline's service delivery and brand perception.\n<h3>Comparison of the physical boarding pass: existing vs final prototype<\/h3> <img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-scaled.jpg\" title=\"boarding pass papier\" alt=\"boarding pass papier\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-scaled.jpg 2560w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-300x121.jpg 300w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-1024x414.jpg 1024w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-768x311.jpg 768w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-1536x621.jpg 1536w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/boarding-pass-papier-2048x829.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version.png\" title=\"Physical boarding pass - clean version\" data-tf-not-load=\"1\" alt=\"Physical boarding pass - clean version\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version.png 1153w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version-300x121.png 300w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version-1024x414.png 1024w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Physical-boarding-pass-clean-version-768x310.png 768w\" sizes=\"(max-width: 1153px) 100vw, 1153px\" \/>\n<h3>Comparison of the digital boarding pass (home-printed version): existing vs final prototype<\/h3> <img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Digital-Boarding-pass.png\" title=\"Digital Boarding pass\" alt=\"Digital Boarding pass\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Digital-Boarding-pass.png 595w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Digital-Boarding-pass-212x300.png 212w\" sizes=\"(max-width: 595px) 100vw, 595px\" \/><img src=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Boarding-pass-PAX-.png\" title=\"Boarding pass PAX\" data-tf-not-load=\"1\" alt=\"Boarding pass PAX\" srcset=\"http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Boarding-pass-PAX-.png 595w, http:\/\/raphaelrouget.com\/wp-content\/uploads\/2025\/01\/Boarding-pass-PAX--212x300.png 212w\" sizes=\"(max-width: 595px) 100vw, 595px\" \/>\n<h4><strong>REFLECTIONS<\/strong><\/h4>\n<p>While the redesign successfully addressed major usability issues, I was unable to oversee its full implementation or make post-launch adjustments. Real-world testing after deployment could have further refined the design and aligned it more closely with my vision.<\/p>\n<h4><strong>KEY TAKEAWAYS<\/strong><\/h4>\n<ul> <li><strong>Holistic Design for Diverse Needs:<\/strong><br>Successfully balancing the needs of passengers and operational requirements demonstrated the importance of designing for multiple stakeholders without compromising user experience.<\/li> <li><strong>Iterative Prototyping Enhances Precision:<\/strong><br>Moving from paper sketches to high-fidelity prototypes ensured that each iteration addressed specific challenges, from usability to technical compatibility, resulting in a refined final design.<\/li> <li><strong>Unified Formats Drive Efficiency:<\/strong><br>The decision to create a single format for digital and printed versions streamlined processes, reduced development costs, and provided a consistent passenger experience.<\/li> <li><strong>Research Validates Impactful Decisions:<\/strong><br>Benchmarking global boarding pass designs and conducting user tests\u2014both guerrilla and internal\u2014provided actionable insights that directly informed the redesign\u2019s success.<\/li> <li><strong>Brand Integration Supports Trust:<\/strong><br>Aligning the boarding pass with the airline\u2019s updated branding reinforced the professionalism and passenger-centric values of the company, building trust and enhancing the overall perception of the airline.<br>These takeaways highlight how research-driven, iterative design can address complex challenges and create tangible improvements for both users and stakeholders.<\/li> <\/ul>\n<p>All rights reserved to Raphael Rouget and AIR MOANA.<br>Note: This case study was reviewed and refined with the assistance of ChatGPT to ensure optimal clarity and syntax.<\/p>","_links":{"self":[{"href":"http:\/\/raphaelrouget.com\/index.php\/wp-json\/wp\/v2\/pages\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/raphaelrouget.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/raphaelrouget.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/raphaelrouget.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/raphaelrouget.com\/index.php\/wp-json\/wp\/v2\/comments?post=659"}],"version-history":[{"count":49,"href":"http:\/\/raphaelrouget.com\/index.php\/wp-json\/wp\/v2\/pages\/659\/revisions"}],"predecessor-version":[{"id":732,"href":"http:\/\/raphaelrouget.com\/index.php\/wp-json\/wp\/v2\/pages\/659\/revisions\/732"}],"wp:attachment":[{"href":"http:\/\/raphaelrouget.com\/index.php\/wp-json\/wp\/v2\/media?parent=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}