{"id":1743,"date":"2026-01-31T11:16:38","date_gmt":"2026-01-31T11:16:38","guid":{"rendered":"https:\/\/dominhtunglam.com\/?page_id=1743"},"modified":"2026-03-20T11:48:28","modified_gmt":"2026-03-20T11:48:28","slug":"elementor-1743","status":"publish","type":"page","link":"https:\/\/dominhtunglam.com\/?page_id=1743","title":{"rendered":"Vietnamairlines Showcase"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1743\" class=\"elementor elementor-1743\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbb6f7b e-con-full e-flex e-con e-parent\" data-id=\"cbb6f7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dbe7bb4 e-con-full e-flex e-con e-child\" data-id=\"dbe7bb4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8cacea elementor-widget elementor-widget-heading\" data-id=\"d8cacea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vietnam Airlines <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69fec32 elementor-widget elementor-widget-heading\" data-id=\"69fec32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Website Revamp 2025<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc88aa0 e-con-full e-flex e-con e-child\" data-id=\"bc88aa0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8941d4 elementor-widget elementor-widget-text-editor\" data-id=\"e8941d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A full UX\/UI redesign of Vietnam Airlines digital presence \u2014 transforming a cluttered, legacy interface into a premium, brand-defining experience worthy of a five-star airline.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc6b106 elementor-widget elementor-widget-button\" data-id=\"bc6b106\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.vietnamairlines.com\/vn\/vi\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Website<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa90ec9 e-con-full e-flex e-con e-parent\" data-id=\"fa90ec9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a095939 elementor-widget__width-inherit elementor-widget elementor-widget-video\" data-id=\"a095939\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/dominhtunglam.com\/wp-content\/uploads\/2026\/01\/VNA-showcase.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\" poster=\"https:\/\/dominhtunglam.com\/wp-content\/uploads\/2026\/01\/MacBook-13-scaled.png\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5f792f e-con-full e-flex e-con e-parent\" data-id=\"b5f792f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-57a1a38 e-con-full e-flex e-con e-child\" data-id=\"57a1a38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca13cbb elementor-widget elementor-widget-heading\" data-id=\"ca13cbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Project Snapshot<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c84f82 elementor-widget elementor-widget-text-editor\" data-id=\"2c84f82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-start=\"514\" data-end=\"531\" style=\"\">Project type:<\/span> Website Revamp&nbsp;<\/p>\n<p><span data-start=\"568\" data-end=\"581\">Platform:<\/span> Desktop &amp; Mobile Responsive<\/p>\n<p><span data-start=\"596\" data-end=\"609\" style=\"\">Industry:<\/span> Aviation \/ Airlines<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb5dff8 e-con-full e-flex e-con e-child\" data-id=\"eb5dff8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70b223b elementor-widget elementor-widget-heading\" data-id=\"70b223b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Team<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25cf146 elementor-widget elementor-widget-text-editor\" data-id=\"25cf146\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>UI\/UX Design Lead<\/p><p>1 Researcher<\/p><p>5 UI\/UX Designers<\/p><p>1 Graphic Designer<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd9c0e6 e-con-full e-flex e-con e-child\" data-id=\"fd9c0e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26a106a elementor-widget elementor-widget-heading\" data-id=\"26a106a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Druation<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb5b534 elementor-widget elementor-widget-text-editor\" data-id=\"cb5b534\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>5 months<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d66b37 e-con-full e-flex e-con e-parent\" data-id=\"1d66b37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24e8f56 elementor-widget elementor-widget-html\" data-id=\"24e8f56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 08 \u2014 MY ROLE \/ CONTRIBUTION -->\n<style>\n.vna-role { background: #E0F4FA; padding: 60px 48px; }\n.vna-role .role-inner {\n  display: grid; grid-template-columns: 1fr 2fr; gap: 64px; align-items: start;\n}\n.vna-role .role-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.vna-role .role-tile {\n  background: white; border-radius: 10px; padding: 20px 24px;\n  border: 1px solid rgba(0,104,133,0.1);\n}\n.vna-role .role-tile-label {\n  font-size: 11px !important; font-weight: 600 !important;\n  letter-spacing: 0.14em; text-transform: uppercase;\n  color: #006885 !important; margin-bottom: 10px !important; display: block !important;\n}\n.vna-role .role-tile-items { list-style: none; display: flex; flex-direction: column; gap: 6px; }\n.vna-role .role-tile-items li {\n  font-size: 13px !important; font-weight: 400 !important; color: #5F6E68 !important;\n  display: flex; align-items: flex-start; gap: 8px;\n}\n.vna-role .role-tile-items li::before {\n  content: '\u2014'; color: #0088aa !important; flex-shrink: 0;\n  font-size: 12px !important; margin-top: 2px;\n}\n@media (max-width: 900px) {\n  .vna-role { padding: 40px 24px; }\n  .vna-role .role-inner { grid-template-columns: 1fr; gap: 32px; }\n  .vna-role .role-tiles { grid-template-columns: 1fr; }\n}\n<\/style>\n<div class=\"vna-wrap\">\n  <div class=\"vna-role\">\n    <div class=\"role-inner\">\n      <div>\n        <div class=\"vna-label\">My Role<\/div>\n        <h2 class=\"vna-title\" style=\"font-size: clamp(24px, 2.5vw, 36px) !important;\">Design<br><em>Leadership<\/em><\/h2>\n        <p class=\"vna-body\" style=\"max-width: 320px; margin-top: 16px !important;\">\n          As UI\/UX Design Lead, I was responsible for the full arc \u2014 from strategy and research to final presentation to the client.\n        <\/p>\n      <\/div>\n      <div class=\"role-tiles\">\n        <div class=\"role-tile fi\">\n          <span class=\"role-tile-label\">Leadership<\/span>\n          <ul class=\"role-tile-items\">\n            <li>Organized team into 2 parallel squads<\/li>\n            <li>Defined 6-month design roadmap<\/li>\n            <li>Maintained overall UX quality &amp; consistency<\/li>\n            <li>Presented solutions directly to VNA C-suite<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"role-tile fi\">\n          <span class=\"role-tile-label\">Research &amp; Strategy<\/span>\n          <ul class=\"role-tile-items\">\n            <li>Led UX workshops &amp; stakeholder interviews<\/li>\n            <li>Designed user survey framework<\/li>\n            <li>Competitor analysis (6 global airlines)<\/li>\n            <li>User persona development<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"role-tile fi\">\n          <span class=\"role-tile-label\">Design Execution<\/span>\n          <ul class=\"role-tile-items\">\n            <li>Concept direction &amp; art direction<\/li>\n            <li>High-fidelity prototypes (desktop + mobile)<\/li>\n            <li>Design system &amp; component library<\/li>\n            <li>Accessibility implementation (WCAG)<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"role-tile fi\">\n          <span class=\"role-tile-label\">Collaboration<\/span>\n          <ul class=\"role-tile-items\">\n            <li>Close coordination with PMs, BAs, engineers<\/li>\n            <li>Ensured feasibility across all solutions<\/li>\n            <li>Design QA during development handoff<\/li>\n            <li>Supported launch preparation<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea71564 e-con-full e-flex e-con e-parent\" data-id=\"ea71564\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8f7f3c elementor-widget elementor-widget-html\" data-id=\"c8f7f3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 02 \u2014 RESEARCH & DISCOVERY -->\n<style>\n.vna-research { padding: 64px 48px 64px; }\n\n.vna-research .rg {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px;\n}\n\n.vna-research .rc {\n  background: #ffffff; border-radius: 14px;\n  border: 1px solid rgba(0,104,133,0.13);\n  padding: 36px 32px; position: relative; overflow: hidden;\n}\n\n\/* Accent bar k\u1ebb d\u1ecdc b\u00ean tr\u00e1i *\/\n.vna-research .rc::before {\n  content: ''; position: absolute; top: 0; left: 0;\n  width: 4px; height: 100%; background: #006885; border-radius: 14px 0 0 14px;\n}\n.vna-research .rc.gold::before { background: #DBA410; }\n\n.vna-research .rc-icon {\n  width: 52px; height: 52px; border-radius: 12px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 22px !important; margin-bottom: 22px;\n}\n.vna-research .rc-icon.t { background: #E0F4FA; }\n.vna-research .rc-icon.g { background: #FAF0D6; }\n\n.vna-research .rc-title {\n  font-size: 19px !important; font-weight: 700 !important;\n  color: #00202b !important; margin-bottom: 12px !important; line-height: 1.3 !important;\n}\n.vna-research .rc-desc {\n  font-size: 14px !important; font-weight: 400 !important;\n  color: #5F6E68 !important; line-height: 1.75 !important; margin-bottom: 24px !important;\n}\n.vna-research .rc-stats { display: flex; gap: 28px; }\n.vna-research .rc-stats .num {\n  display: block !important; font-size: 30px !important; font-weight: 800 !important;\n  color: #006885 !important; line-height: 1 !important;\n}\n.vna-research .rc-stats .num.g { color: #a07a0c !important; }\n.vna-research .rc-stats .lbl {\n  display: block !important; font-size: 12px !important; font-weight: 400 !important;\n  color: #5F6E68 !important; margin-top: 5px !important;\n}\n\n@media (max-width: 860px) {\n  .vna-research { padding: 40px 24px; }\n  .vna-research .rg { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"vna-wrap\">\n  <div class=\"vna-research\">\n    <div class=\"vna-label\">Research &amp; Discovery<\/div>\n    <h2 class=\"vna-title\">Understanding the<br><em>full picture<\/em><\/h2>\n    <p class=\"vna-body\">We combined quantitative data from 919 user surveys with qualitative insights from 40+ stakeholder interviews across 9 departments \u2014 including leadership, marketing, digital, and passenger services.<\/p>\n\n    <div class=\"rg\">\n      <div class=\"rc fi\">\n        <div class=\"rc-icon t\">\ud83d\udc65<\/div>\n        <div class=\"rc-title\">Stakeholder Interviews<\/div>\n        <p class=\"rc-desc\">Conducted structured interviews with VNA's Chairman, CEO, Deputy CEOs, 18 department heads, and 20+ specialists. Four key themes emerged: visual direction, content strategy, booking flow, and Lotusmiles loyalty.<\/p>\n        <div class=\"rc-stats\">\n          <div><span class=\"num\">4<\/span><span class=\"lbl\">C-suite leaders<\/span><\/div>\n          <div><span class=\"num\">18<\/span><span class=\"lbl\">department heads<\/span><\/div>\n          <div><span class=\"num\">20+<\/span><span class=\"lbl\">specialists<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"rc gold fi\">\n        <div class=\"rc-icon g\">\ud83d\udcca<\/div>\n        <div class=\"rc-title\">User Survey \u00b7 919 Responses<\/div>\n        <p class=\"rc-desc\">Surveyed 919 real Vietnam Airlines customers across three usage frequencies. Participants rated 9 core tasks on usability and provided open-ended feedback. Data revealed a sharp gap between primary booking tasks and secondary functions.<\/p>\n        <div class=\"rc-stats\">\n          <div><span class=\"num g\">496<\/span><span class=\"lbl\">frequent users<\/span><\/div>\n          <div><span class=\"num g\">395<\/span><span class=\"lbl\">occasional users<\/span><\/div>\n          <div><span class=\"num g\">28<\/span><span class=\"lbl\">rare users<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8b5eb6 e-con-full e-flex e-con e-parent\" data-id=\"e8b5eb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7defbb4 elementor-widget elementor-widget-html\" data-id=\"7defbb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 02b \u2014 USER AUDIENCE ANALYSIS -->\n<style>\n.vna-audience { padding: 64px 48px; }\n\n\/* \u2500\u2500 Audience split \u2500\u2500 *\/\n.vna-audience .aud-grid {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px;\n}\n\n.vna-audience .aud-card {\n  background: #fff; border: 1px solid rgba(0,104,133,0.12);\n  border-radius: 14px; padding: 32px; position: relative; overflow: hidden;\n}\n.vna-audience .aud-card::before {\n  content: ''; position: absolute; top: 0; left: 0;\n  width: 4px; height: 100%; background: #006885;\n  border-radius: 14px 0 0 14px;\n}\n\n.vna-audience .aud-card-title {\n  font-size: 15px !important; font-weight: 700 !important;\n  color: #00202b !important; margin-bottom: 20px !important;\n}\n\n\/* Age bar chart *\/\n.vna-audience .bar-list { display: flex; flex-direction: column; gap: 10px; }\n.vna-audience .bar-row { display: flex; align-items: center; gap: 12px; }\n.vna-audience .bar-label {\n  font-size: 12px !important; font-weight: 500 !important;\n  color: #5F6E68 !important; width: 52px; flex-shrink: 0;\n}\n.vna-audience .bar-track {\n  flex: 1; height: 8px; background: rgba(0,104,133,0.08); border-radius: 99px; overflow: hidden;\n}\n.vna-audience .bar-fill {\n  height: 100%; border-radius: 99px; background: #006885;\n}\n.vna-audience .bar-fill.secondary { background: #0088aa; }\n.vna-audience .bar-fill.light { background: #4db8d4; }\n.vna-audience .bar-pct {\n  font-size: 13px !important; font-weight: 700 !important;\n  color: #006885 !important; width: 40px; text-align: right; flex-shrink: 0;\n}\n\n\/* Device split *\/\n.vna-audience .device-split {\n  display: flex; gap: 16px; margin-top: 8px; align-items: stretch;\n}\n.vna-audience .device-block {\n  flex: 1; border-radius: 10px; padding: 20px 16px; text-align: center;\n}\n.vna-audience .device-block.mobile { background: #006885; }\n.vna-audience .device-block.desktop { background: rgba(0,104,133,0.08); }\n.vna-audience .device-pct {\n  display: block !important; font-size: 32px !important; font-weight: 800 !important;\n  line-height: 1 !important; margin-bottom: 6px !important;\n}\n.vna-audience .device-block.mobile .device-pct { color: #fff !important; }\n.vna-audience .device-block.desktop .device-pct { color: #006885 !important; }\n.vna-audience .device-label {\n  font-size: 12px !important; font-weight: 500 !important;\n}\n.vna-audience .device-block.mobile .device-label { color: rgba(255,255,255,0.75) !important; }\n.vna-audience .device-block.desktop .device-label { color: #5F6E68 !important; }\n\n\/* Nielsen Connected Spenders *\/\n.vna-audience .nielsen-grid {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 40px;\n}\n.vna-audience .ncard {\n  background: #fff; border: 1px solid rgba(0,104,133,0.12);\n  border-radius: 12px; padding: 20px 16px; text-align: center;\n}\n.vna-audience .ncard-pct {\n  display: block !important; font-size: 28px !important; font-weight: 800 !important;\n  color: #006885 !important; line-height: 1 !important; margin-bottom: 8px !important;\n}\n.vna-audience .ncard-desc {\n  font-size: 12px !important; font-weight: 400 !important;\n  color: #5F6E68 !important; line-height: 1.6 !important;\n}\n\n.vna-audience .nielsen-note {\n  background: #E0F4FA; border-radius: 10px; padding: 16px 20px; margin-top: 16px;\n  font-size: 13px !important; font-weight: 400 !important;\n  color: #006885 !important; line-height: 1.6 !important;\n}\n.vna-audience .nielsen-note strong {\n  font-weight: 700 !important; color: #00202b !important;\n}\n\n@media (max-width: 860px) {\n  .vna-audience { padding: 40px 24px; }\n  .vna-audience .aud-grid { grid-template-columns: 1fr; }\n  .vna-audience .nielsen-grid { grid-template-columns: 1fr 1fr; }\n}\n<\/style>\n\n<div class=\"vna-wrap\">\n<div class=\"vna-audience\">\n\n  <div class=\"vna-label\">Audience Analysis<\/div>\n  <h2 class=\"vna-title\">Who uses the<br><em>VNA website?<\/em><\/h2>\n  <p class=\"vna-body\">Using SimilarWeb traffic data and Nielsen's \"Connected Spenders\" research, combined with 30 individual user interviews (ages 25\u201335), we built a clear picture of VNA's digital audience.<\/p>\n\n  <div class=\"aud-grid\">\n\n    <!-- Age distribution -->\n    <div class=\"aud-card fi\">\n      <div class=\"aud-card-title\">Age distribution of website visitors<\/div>\n      <div class=\"bar-list\">\n        <div class=\"bar-row\">\n          <span class=\"bar-label\">18\u201324<\/span>\n          <div class=\"bar-track\"><div class=\"bar-fill secondary\" style=\"width:29.89%\"><\/div><\/div>\n          <span class=\"bar-pct\">29.89%<\/span>\n        <\/div>\n        <div class=\"bar-row\">\n          <span class=\"bar-label\">25\u201334<\/span>\n          <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:37.96%\"><\/div><\/div>\n          <span class=\"bar-pct\" style=\"color:#00202b !important; font-size:14px !important;\">37.96%<\/span>\n        <\/div>\n        <div class=\"bar-row\">\n          <span class=\"bar-label\">35\u201344<\/span>\n          <div class=\"bar-track\"><div class=\"bar-fill light\" style=\"width:12.45%\"><\/div><\/div>\n          <span class=\"bar-pct\">12.45%<\/span>\n        <\/div>\n        <div class=\"bar-row\">\n          <span class=\"bar-label\">45\u201354<\/span>\n          <div class=\"bar-track\"><div class=\"bar-fill light\" style=\"width:9.33%; opacity:0.7\"><\/div><\/div>\n          <span class=\"bar-pct\">9.33%<\/span>\n        <\/div>\n        <div class=\"bar-row\">\n          <span class=\"bar-label\">55\u201364<\/span>\n          <div class=\"bar-track\"><div class=\"bar-fill light\" style=\"width:6.32%; opacity:0.5\"><\/div><\/div>\n          <span class=\"bar-pct\">6.32%<\/span>\n        <\/div>\n        <div class=\"bar-row\">\n          <span class=\"bar-label\">65+<\/span>\n          <div class=\"bar-track\"><div class=\"bar-fill light\" style=\"width:4.04%; opacity:0.4\"><\/div><\/div>\n          <span class=\"bar-pct\">4.04%<\/span>\n        <\/div>\n      <\/div>\n      <div style=\"margin-top:14px; font-size:12px !important; color:#0088aa !important; font-weight:500 !important;\">\n        \u2191 25\u201334 is the dominant group \u2014 young professionals are VNA's core digital audience\n      <\/div>\n    <\/div>\n\n    <!-- Device + traffic -->\n    <div class=\"aud-card fi\">\n      <div class=\"aud-card-title\">Device & traffic overview<\/div>\n      <div class=\"device-split\">\n        <div class=\"device-block mobile\">\n          <span class=\"device-pct\">57.12%<\/span>\n          <div class=\"device-label\">Mobile web<\/div>\n        <\/div>\n        <div class=\"device-block desktop\">\n          <span class=\"device-pct\">42.88%<\/span>\n          <div class=\"device-label\">Desktop<\/div>\n        <\/div>\n      <\/div>\n      <div style=\"margin-top:20px; display:flex; flex-direction:column; gap:10px;\">\n        <div style=\"display:flex; justify-content:space-between; padding:10px 14px; background:rgba(0,104,133,0.05); border-radius:8px;\">\n          <span style=\"font-size:13px !important; color:#5F6E68 !important;\">Monthly visits<\/span>\n          <span style=\"font-size:13px !important; font-weight:700 !important; color:#00202b !important;\">2.3M avg<\/span>\n        <\/div>\n        <div style=\"display:flex; justify-content:space-between; padding:10px 14px; background:rgba(0,104,133,0.05); border-radius:8px;\">\n          <span style=\"font-size:13px !important; color:#5F6E68 !important;\">Avg. session duration<\/span>\n          <span style=\"font-size:13px !important; font-weight:700 !important; color:#00202b !important;\">5 min 37 sec<\/span>\n        <\/div>\n        <div style=\"display:flex; justify-content:space-between; padding:10px 14px; background:rgba(0,104,133,0.05); border-radius:8px;\">\n          <span style=\"font-size:13px !important; color:#5F6E68 !important;\">Pages per visit<\/span>\n          <span style=\"font-size:13px !important; font-weight:700 !important; color:#00202b !important;\">5.69<\/span>\n        <\/div>\n        <div style=\"display:flex; justify-content:space-between; padding:10px 14px; background:rgba(0,104,133,0.05); border-radius:8px;\">\n          <span style=\"font-size:13px !important; color:#5F6E68 !important;\">Bounce rate<\/span>\n          <span style=\"font-size:13px !important; font-weight:700 !important; color:#00202b !important;\">38.71%<\/span>\n        <\/div>\n      <\/div>\n      <div style=\"margin-top:14px; font-size:12px !important; color:#0088aa !important; font-weight:500 !important;\">\n        \u2191 Mobile-first design is non-negotiable \u2014 over half of users arrive on phone\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Nielsen Connected Spenders -->\n  <div style=\"margin-top:48px;\">\n    <div class=\"vna-label\">Nielsen \u00b7 Connected Spenders<\/div>\n    <h3 style=\"font-size:22px !important; font-weight:800 !important; color:#00202b !important; margin-bottom:8px !important; letter-spacing:-0.01em !important;\">\n      VNA's audience behaves like \"Connected Spenders\"\n    <\/h3>\n    <p style=\"font-size:15px !important; color:#5F6E68 !important; line-height:1.75 !important; max-width:600px; margin-bottom:0 !important;\">\n      Age and income alone don't define VNA's most valuable users. Nielsen's Connected Spenders framework \u2014 applied through 30 individual interviews \u2014 reveals behavior patterns that directly shaped our design priorities.\n    <\/p>\n\n    <div class=\"nielsen-grid\">\n      <div class=\"ncard fi\">\n        <span class=\"ncard-pct\">30%+<\/span>\n        <p class=\"ncard-desc\">of Connected Spenders in Vietnam are aged 25\u201334 \u2014 matching VNA's dominant traffic segment<\/p>\n      <\/div>\n      <div class=\"ncard fi\">\n        <span class=\"ncard-pct\">80%<\/span>\n        <p class=\"ncard-desc\">live in major cities \u2014 Hanoi &amp; Ho Chi Minh City account for most VNA digital traffic<\/p>\n      <\/div>\n      <div class=\"ncard fi\">\n        <span class=\"ncard-pct\">60%+<\/span>\n        <p class=\"ncard-desc\">research and compare prices before purchasing \u2014 demanding clear, trustworthy information<\/p>\n      <\/div>\n      <div class=\"ncard fi\">\n        <span class=\"ncard-pct\">70%+<\/span>\n        <p class=\"ncard-desc\">want more options when shopping \u2014 expecting add-on services and customizable journeys<\/p>\n      <\/div>\n      <div class=\"ncard fi\">\n        <span class=\"ncard-pct\">70%<\/span>\n        <p class=\"ncard-desc\">share their shopping experiences \u2014 word-of-mouth and online reviews heavily influence choices<\/p>\n      <\/div>\n      <div class=\"ncard fi\">\n        <span class=\"ncard-pct\">50%+<\/span>\n        <p class=\"ncard-desc\">willing to pay more for modern, premium products and experiences<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"nielsen-note fi\">\n      <strong>Design implication:<\/strong> This audience is digitally confident, quality-driven, and brand-aware. They won't tolerate a slow, cluttered, or impersonal website \u2014 and they'll switch to a competitor that respects their time.\n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-feab41f e-con-full e-flex e-con e-parent\" data-id=\"feab41f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e3607d elementor-widget elementor-widget-html\" data-id=\"6e3607d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 03 \u2014 KEY FINDINGS \/ PAIN POINTS -->\n<style>\n.vna-problems { padding: 60px 48px; background: transparent; }\n.vna-problems .problems-wrapper {\n  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-top: 40px;\n}\n.vna-problems .problem-card {\n  background: #fff; border: 1px solid rgba(0,104,133,0.12);\n  border-radius: 12px; padding: 28px;\n}\n.vna-problems .problem-pct {\n  font-size: 48px !important; font-weight: 800 !important;\n  line-height: 1 !important; margin-bottom: 12px !important;\n  color: #00202b !important; display: block !important;\n}\n.vna-problems .problem-pct .unit {\n  font-size: 24px !important; color: #5F6E68 !important; font-weight: 600 !important;\n}\n.vna-problems .problem-desc {\n  font-size: 14px !important; color: #5F6E68 !important;\n  line-height: 1.75 !important; margin-bottom: 16px !important;\n}\n.vna-problems .problem-tag {\n  display: inline-block; font-size: 11px !important; font-weight: 600 !important;\n  letter-spacing: 0.1em; text-transform: uppercase;\n  padding: 4px 10px; border-radius: 4px;\n}\n.vna-problems .problem-tag.perf { background: #FCF0E5; color: #884D0A !important; }\n.vna-problems .problem-tag.ux   { background: #E8F3FD; color: #1355A0 !important; }\n.vna-problems .problem-tag.ai   { background: #E8F8F2; color: #00607a !important; }\n.vna-problems .pull-quote {\n  border-left: 3px solid #006885; padding: 24px 32px;\n  margin-top: 40px; background: #E0F4FA; border-radius: 0 8px 8px 0;\n}\n.vna-problems .pull-quote p {\n  font-size: 20px !important; font-style: italic !important;\n  color: #00202b !important; line-height: 1.6 !important; margin-bottom: 8px !important;\n}\n.vna-problems .pull-quote cite {\n  font-size: 12px !important; font-style: normal !important;\n  color: #5F6E68 !important; letter-spacing: 0.08em; text-transform: uppercase;\n}\n@media (max-width: 900px) {\n  .vna-problems { padding: 40px 24px; }\n  .vna-problems .problems-wrapper { grid-template-columns: 1fr; }\n}\n<\/style>\n<div class=\"vna-wrap\">\n  <div class=\"vna-problems\">\n    <div class=\"vna-label\">Key Findings<\/div>\n    <h2 class=\"vna-title\">Three critical<br><em>pain points<\/em><\/h2>\n    <p class=\"vna-body\">Across both data streams, the same problems surfaced repeatedly. These became the north star for our design decisions.<\/p>\n    <div class=\"problems-wrapper\">\n      <div class=\"problem-card fi\">\n        <span class=\"problem-pct\">18<span class=\"unit\">%<\/span><\/span>\n        <p class=\"problem-desc\">Users cited slow page loading speed as their biggest frustration \u2014 causing abandonment before the booking flow even began.<\/p>\n        <span class=\"problem-tag perf\">Performance<\/span>\n      <\/div>\n      <div class=\"problem-card fi\">\n        <span class=\"problem-pct\">56<span class=\"unit\">%<\/span><\/span>\n        <p class=\"problem-desc\">Over half of users encountered friction within the booking flow \u2014 complex steps, unclear fare differences, slow transitions.<\/p>\n        <span class=\"problem-tag ux\">Booking UX<\/span>\n      <\/div>\n      <div class=\"problem-card fi\">\n        <span class=\"problem-pct\">33<span class=\"unit\">%<\/span><\/span>\n        <p class=\"problem-desc\">Users said the site lacked personalization \u2014 content, offers, and suggestions felt generic and disconnected from their needs.<\/p>\n        <span class=\"problem-tag ai\">Personalization<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"pull-quote fi\">\n      <p>\"Users don't want to see everything \u2014 they want to see exactly what's right for them, the moment they land.\"<\/p>\n      <cite>Key insight from user surveys<\/cite>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce2706b e-con-full e-flex e-con e-parent\" data-id=\"ce2706b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfba400 elementor-widget elementor-widget-html\" data-id=\"dfba400\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 02c \u2014 JAKOB NIELSEN WEBSITE AUDIT -->\n<style>\n.vna-audit { padding: 64px 48px; }\n\n.vna-audit .audit-intro {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 24px;\n  margin-top: 40px; margin-bottom: 44px;\n}\n.vna-audit .ai-card {\n  border-radius: 12px; padding: 24px 28px;\n}\n.vna-audit .ai-card.pros { background: #E0F4FA; border: 1px solid rgba(0,104,133,0.15); }\n.vna-audit .ai-card.cons { background: #fff3f0; border: 1px solid rgba(220,80,60,0.15); }\n.vna-audit .ai-label {\n  font-size: 11px !important; font-weight: 700 !important;\n  letter-spacing: 0.12em; text-transform: uppercase;\n  margin-bottom: 12px !important; display: block !important;\n}\n.vna-audit .ai-card.pros .ai-label { color: #006885 !important; }\n.vna-audit .ai-card.cons .ai-label { color: #b03020 !important; }\n.vna-audit .ai-list { list-style: none; display: flex; flex-direction: column; gap: 7px; }\n.vna-audit .ai-list li {\n  font-size: 13px !important; font-weight: 400 !important;\n  display: flex; align-items: flex-start; gap: 8px; line-height: 1.5 !important;\n}\n.vna-audit .ai-list li::before {\n  flex-shrink: 0; font-size: 13px !important; margin-top: 1px;\n}\n.vna-audit .ai-card.pros .ai-list li { color: #003d52 !important; }\n.vna-audit .ai-card.pros .ai-list li::before { content: '\u2713'; color: #006885 !important; font-weight:700 !important; }\n.vna-audit .ai-card.cons .ai-list li { color: #5a1a10 !important; }\n.vna-audit .ai-card.cons .ai-list li::before { content: '\u2715'; color: #c0392b !important; font-weight:700 !important; }\n\n\/* 10 heuristics grid *\/\n.vna-audit .hgrid {\n  display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;\n}\n.vna-audit .hcard {\n  background: #fff; border: 1px solid rgba(0,104,133,0.1);\n  border-radius: 12px; padding: 20px 22px;\n  display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: start;\n}\n.vna-audit .h-num {\n  width: 36px; height: 36px; border-radius: 8px; flex-shrink: 0;\n  background: rgba(0,104,133,0.08); display: flex; align-items: center; justify-content: center;\n  font-size: 13px !important; font-weight: 800 !important; color: #006885 !important;\n}\n.vna-audit .h-body {}\n.vna-audit .h-name {\n  font-size: 13px !important; font-weight: 700 !important;\n  color: #00202b !important; margin-bottom: 4px !important; line-height: 1.3 !important;\n}\n.vna-audit .h-desc {\n  font-size: 12px !important; font-weight: 400 !important;\n  color: #5F6E68 !important; line-height: 1.6 !important;\n}\n.vna-audit .h-score {\n  flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 3px;\n}\n.vna-audit .h-badge {\n  font-size: 10px !important; font-weight: 700 !important;\n  letter-spacing: 0.08em; text-transform: uppercase;\n  padding: 3px 8px; border-radius: 4px; white-space: nowrap;\n}\n.vna-audit .h-badge.good { background: #E0F4FA; color: #005068 !important; }\n.vna-audit .h-badge.mid  { background: #FFF3D6; color: #7a5a00 !important; }\n.vna-audit .h-badge.poor { background: #FFE8E5; color: #8a2218 !important; }\n\n@media (max-width: 900px) {\n  .vna-audit { padding: 40px 24px; }\n  .vna-audit .audit-intro { grid-template-columns: 1fr; }\n  .vna-audit .hgrid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"vna-wrap\">\n<div class=\"vna-audit\">\n\n  <div class=\"vna-label\">Website Audit<\/div>\n  <h2 class=\"vna-title\">Evaluated against<br><em>Jakob Nielsen's 10 heuristics<\/em><\/h2>\n  <p class=\"vna-body\">The FPT design team assessed the existing VNA website using Nielsen's 10 Usability Heuristics for User Interface Design \u2014 the industry gold standard for UX evaluation.<\/p>\n\n  <!-- Pros \/ Cons summary -->\n  <div class=\"audit-intro\">\n    <div class=\"ai-card pros fi\">\n      <span class=\"ai-label\">Strengths<\/span>\n      <ul class=\"ai-list\">\n        <li>Core information is clearly structured and findable<\/li>\n        <li>Brand identity (logo, color, VNA mark) consistently present<\/li>\n        <li>Booking entry point visible on homepage<\/li>\n        <li>Multi-language support (Vietnamese &amp; English)<\/li>\n        <li>Functional flight search with key parameters<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"ai-card cons fi\">\n      <span class=\"ai-label\">Weaknesses<\/span>\n      <ul class=\"ai-list\">\n        <li>Outdated visual design \u2014 fails aesthetic &amp; minimalist heuristic<\/li>\n        <li>Inconsistent UI states across desktop and mobile<\/li>\n        <li>Information not grouped logically \u2014 overloads cognitive load<\/li>\n        <li>Poor error messages \u2014 unhelpful and technical<\/li>\n        <li>No flexibility for power users \u2014 no shortcuts or smart defaults<\/li>\n        <li>Cultural imagery weak \u2014 doesn't feel Vietnamese or premium<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- 10 Heuristics -->\n  <div class=\"vna-label\" style=\"margin-bottom:16px !important;\">10 heuristic scores<\/div>\n  <div class=\"hgrid\">\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">01<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">Visibility of system status<\/div>\n        <p class=\"h-desc\">Loading states, booking progress indicators, and form feedback are present but inconsistent \u2014 users sometimes unsure if actions were registered.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge mid\">Partial<\/span><\/div>\n    <\/div>\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">02<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">Match between system and real world<\/div>\n        <p class=\"h-desc\">Route groupings (e.g. \"\u0110\u00f4ng B\u1eafc \u00c1\", \"\u0110\u00f4ng D\u01b0\u01a1ng\") use internal jargon unfamiliar to users. Airport codes shown without city names.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge poor\">Poor<\/span><\/div>\n    <\/div>\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">03<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">User control and freedom<\/div>\n        <p class=\"h-desc\">No easy way to swap origin\/destination. Returning from deep booking steps loses entered data. Users feel trapped in the flow.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge poor\">Poor<\/span><\/div>\n    <\/div>\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">04<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">Consistency and standards<\/div>\n        <p class=\"h-desc\">UI elements differ between desktop and mobile. Button styles, dropdown behaviors, and navigation patterns are not unified across pages.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge poor\">Poor<\/span><\/div>\n    <\/div>\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">05<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">Error prevention<\/div>\n        <p class=\"h-desc\">Forms allow common mistakes (invalid date combinations, missing required fields) to proceed to the next step before surfacing errors.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge mid\">Partial<\/span><\/div>\n    <\/div>\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">06<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">Recognition rather than recall<\/div>\n        <p class=\"h-desc\">Users must remember fare conditions, baggage rules, and promo codes from previous steps. Key information not surfaced contextually.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge poor\">Poor<\/span><\/div>\n    <\/div>\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">07<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">Flexibility and efficiency of use<\/div>\n        <p class=\"h-desc\">No shortcuts, no saved preferences, no smart form auto-fill. Repeat users must re-enter the same information every booking.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge poor\">Poor<\/span><\/div>\n    <\/div>\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">08<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">Aesthetic and minimalist design<\/div>\n        <p class=\"h-desc\">Too much text, too many competing elements. Homepage lacks visual hierarchy. Design feels dated and inconsistent with a 5-star airline brand.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge poor\">Poor<\/span><\/div>\n    <\/div>\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">09<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">Help users recognize &amp; recover from errors<\/div>\n        <p class=\"h-desc\">Error messages are technical and generic. Payment failures offer no clear next step. Incomplete bookings give no recovery guidance.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge mid\">Partial<\/span><\/div>\n    <\/div>\n\n    <div class=\"hcard fi\">\n      <div class=\"h-num\">10<\/div>\n      <div class=\"h-body\">\n        <div class=\"h-name\">Help and documentation<\/div>\n        <p class=\"h-desc\">FAQ and support content exists but is buried deep in navigation. No contextual help tooltips at decision points in the booking flow.<\/p>\n      <\/div>\n      <div class=\"h-score\"><span class=\"h-badge mid\">Partial<\/span><\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83a3791 e-con-full e-flex e-con e-parent\" data-id=\"83a3791\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e31a03 elementor-widget elementor-widget-html\" data-id=\"7e31a03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 02d \u2014 GLOBAL DESIGN TRENDS 2025 -->\n<style>\n.vna-trends { padding: 64px 48px; }\n\n.vna-trends .trend-grid {\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 40px;\n}\n.vna-trends .tc {\n  background: #fff; border: 1px solid rgba(0,104,133,0.1);\n  border-radius: 12px; padding: 22px 18px; position: relative; overflow: hidden;\n}\n.vna-trends .tc:hover { border-color: rgba(0,104,133,0.3); }\n\n\/* Trend number watermark *\/\n.vna-trends .tc-watermark {\n  position: absolute; top: -8px; right: 10px;\n  font-size: 52px !important; font-weight: 800 !important;\n  color: rgba(0,104,133,0.05) !important; line-height: 1 !important;\n  pointer-events: none;\n}\n\n.vna-trends .tc-icon {\n  width: 44px; height: 44px; border-radius: 10px;\n  background: rgba(0,104,133,0.08); display: flex; align-items: center;\n  justify-content: center; margin-bottom: 14px; font-size: 18px !important;\n}\n.vna-trends .tc-name {\n  font-size: 14px !important; font-weight: 700 !important;\n  color: #00202b !important; margin-bottom: 8px !important; line-height: 1.3 !important;\n}\n.vna-trends .tc-desc {\n  font-size: 12px !important; font-weight: 400 !important;\n  color: #5F6E68 !important; line-height: 1.65 !important; margin-bottom: 14px !important;\n}\n.vna-trends .tc-apply {\n  font-size: 10px !important; font-weight: 700 !important;\n  letter-spacing: 0.1em; text-transform: uppercase;\n  padding: 3px 8px; border-radius: 3px; display: inline-block;\n}\n.vna-trends .tc-apply.must { background: #006885; color: #fff !important; }\n.vna-trends .tc-apply.should { background: #E0F4FA; color: #005068 !important; }\n\n\/* VNA application summary bottom *\/\n.vna-trends .apply-summary {\n  margin-top: 40px; background: #00202b; border-radius: 14px; padding: 36px 40px;\n  display: grid; grid-template-columns: 1fr 1fr; gap: 32px;\n}\n.vna-trends .apply-col-title {\n  font-size: 13px !important; font-weight: 700 !important;\n  letter-spacing: 0.1em; text-transform: uppercase;\n  margin-bottom: 16px !important; display: block !important;\n}\n.vna-trends .apply-col-title.must { color: #4db8d4 !important; }\n.vna-trends .apply-col-title.should { color: #DBA410 !important; }\n.vna-trends .apply-list { list-style: none; display: flex; flex-direction: column; gap: 8px; }\n.vna-trends .apply-list li {\n  font-size: 13px !important; font-weight: 400 !important;\n  color: rgba(255,255,255,0.65) !important;\n  display: flex; align-items: flex-start; gap: 8px; line-height: 1.5 !important;\n}\n.vna-trends .apply-list li::before {\n  content: '\u2192'; flex-shrink: 0; font-size: 12px !important;\n}\n.apply-list.must-list li::before { color: #4db8d4 !important; }\n.apply-list.should-list li::before { color: #DBA410 !important; }\n\n@media (max-width: 960px) {\n  .vna-trends { padding: 40px 24px; }\n  .vna-trends .trend-grid { grid-template-columns: 1fr 1fr; }\n  .vna-trends .apply-summary { grid-template-columns: 1fr; }\n}\n@media (max-width: 580px) {\n  .vna-trends .trend-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"vna-wrap\">\n<div class=\"vna-trends\">\n\n  <div class=\"vna-label\">Global Design Trends 2025<\/div>\n  <h2 class=\"vna-title\">Where the world's best<br><em>websites are heading<\/em><\/h2>\n  <p class=\"vna-body\">We researched the most prominent global web design trends of 2025 to ensure the new VNA website is built not just for today, but for the next 3\u20135 years of digital experience.<\/p>\n\n  <div class=\"trend-grid\">\n\n    <div class=\"tc fi\">\n      <div class=\"tc-watermark\">01<\/div>\n      <div class=\"tc-icon\">\u267f<\/div>\n      <div class=\"tc-name\">Accessibility &amp; WCAG<\/div>\n      <p class=\"tc-desc\">WCAG guidelines are now a baseline expectation. Perceivable, Operable, Understandable, Robust \u2014 all four pillars must be met for inclusive design.<\/p>\n      <span class=\"tc-apply must\">Must apply<\/span>\n    <\/div>\n\n    <div class=\"tc fi\">\n      <div class=\"tc-watermark\">02<\/div>\n      <div class=\"tc-icon\">\ud83c\udf31<\/div>\n      <div class=\"tc-name\">Sustainable web design<\/div>\n      <p class=\"tc-desc\">Lean code, optimized images, and efficient hosting reduce carbon footprint \u2014 and directly improve page load speed and Core Web Vitals scores.<\/p>\n      <span class=\"tc-apply must\">Must apply<\/span>\n    <\/div>\n\n    <div class=\"tc fi\">\n      <div class=\"tc-watermark\">03<\/div>\n      <div class=\"tc-icon\">\ud83e\udded<\/div>\n      <div class=\"tc-name\">New navigation experiences<\/div>\n      <p class=\"tc-desc\">Moving beyond static dropdowns \u2014 scroll-triggered reveals, contextual navigation, and progressive disclosure guide users more naturally through content.<\/p>\n      <span class=\"tc-apply should\">Should apply<\/span>\n    <\/div>\n\n    <div class=\"tc fi\">\n      <div class=\"tc-watermark\">04<\/div>\n      <div class=\"tc-icon\">\u25fb<\/div>\n      <div class=\"tc-name\">Minimalism &amp; focus<\/div>\n      <p class=\"tc-desc\">Stripping away noise to let core features breathe. E-commerce leaders use this to highlight products \u2014 airline sites can use it to surface flights and offers.<\/p>\n      <span class=\"tc-apply must\">Must apply<\/span>\n    <\/div>\n\n    <div class=\"tc fi\">\n      <div class=\"tc-watermark\">05<\/div>\n      <div class=\"tc-icon\">T<\/div>\n      <div class=\"tc-name\">Bold, readable typography<\/div>\n      <p class=\"tc-desc\">Users scan, not read. Large display type in headings creates instant visual hierarchy and directs attention to the most important information first.<\/p>\n      <span class=\"tc-apply must\">Must apply<\/span>\n    <\/div>\n\n    <div class=\"tc fi\">\n      <div class=\"tc-watermark\">06<\/div>\n      <div class=\"tc-icon\">\u25b6<\/div>\n      <div class=\"tc-name\">Motion &amp; micro-interactions<\/div>\n      <p class=\"tc-desc\">Smooth transitions, 3D effects, and micro-interactions \u2014 hover states, loading animations, tooltips \u2014 elevate perceived quality and brand sophistication.<\/p>\n      <span class=\"tc-apply should\">Should apply<\/span>\n    <\/div>\n\n    <div class=\"tc fi\">\n      <div class=\"tc-watermark\">07<\/div>\n      <div class=\"tc-icon\">\u25ac<\/div>\n      <div class=\"tc-name\">One-page \/ scrolling design<\/div>\n      <p class=\"tc-desc\">Reducing the number of page-loads keeps users engaged. All key information accessible through intelligent scrolling rather than deep navigation hierarchies.<\/p>\n      <span class=\"tc-apply should\">Should apply<\/span>\n    <\/div>\n\n    <div class=\"tc fi\">\n      <div class=\"tc-watermark\">08<\/div>\n      <div class=\"tc-icon\">\u2b1b<\/div>\n      <div class=\"tc-name\">High-contrast block layouts<\/div>\n      <p class=\"tc-desc\">Large color blocks with strong contrast create clear visual sections, improve scannability, and let brand colors do the heavy lifting in page structure.<\/p>\n      <span class=\"tc-apply must\">Must apply<\/span>\n    <\/div>\n\n  <\/div>\n\n  <!-- Application to VNA -->\n  <div class=\"apply-summary fi\">\n    <div>\n      <span class=\"apply-col-title must\">Applied to VNA redesign<\/span>\n      <ul class=\"apply-list must-list\">\n        <li>WCAG-compliant components across all 9 design files \u2014 content scaling, readable font, high contrast modes<\/li>\n        <li>Performance-first approach \u2014 optimized assets, reduced DOM complexity<\/li>\n        <li>Bold Plus Jakarta Sans display type \u2014 800 weight headings create clear visual hierarchy<\/li>\n        <li>High-contrast dark sections (like this one) break the page rhythm and reinforce brand depth<\/li>\n        <li>Minimalist content blocks \u2014 one idea per section, clear CTAs at every touchpoint<\/li>\n      <\/ul>\n    <\/div>\n    <div>\n      <span class=\"apply-col-title should\">Considered for future phases<\/span>\n      <ul class=\"apply-list should-list\">\n        <li>Scroll-triggered navigation \u2014 progressive disclosure of menu items as users move through content<\/li>\n        <li>Micro-interactions \u2014 animated logo on loading, smooth tooltip reveals, fluid form transitions<\/li>\n        <li>3D motion \u2014 cabin class visualizations using WebGL for immersive product storytelling<\/li>\n        <li>One-page destination pages \u2014 scroll-driven inspiration journeys replacing static destination listing<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13cca37 e-con-full e-flex e-con e-parent\" data-id=\"13cca37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33b8d77 elementor-widget elementor-widget-html\" data-id=\"33b8d77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 04 \u2014 DESIGN PROCESS TIMELINE -->\n<style>\n.vna-process { padding: 60px 48px; background: transparent; }\n.vna-process .process-timeline {\n  display: flex; gap: 0; position: relative; margin-top: 48px;\n}\n.vna-process .process-timeline::before {\n  content: ''; position: absolute; top: 28px; left: 28px; right: 28px;\n  height: 1px; background: rgba(0,104,133,0.15); z-index: 0;\n}\n.vna-process .process-step {\n  flex: 1; display: flex; flex-direction: column;\n  align-items: center; text-align: center; padding: 0 8px; position: relative; z-index: 1;\n}\n.vna-process .step-num {\n  width: 56px; height: 56px; border-radius: 50%;\n  background: #fff; border: 2px solid rgba(0,104,133,0.2);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 16px !important; font-weight: 800 !important;\n  color: #006885 !important; margin-bottom: 16px;\n  transition: all 0.2s;\n}\n.vna-process .process-step:hover .step-num {\n  background: #006885; color: white !important; border-color: #006885;\n}\n.vna-process .step-name {\n  font-size: 13px !important; font-weight: 600 !important;\n  color: #002e3d !important; margin-bottom: 6px !important;\n}\n.vna-process .step-detail {\n  font-size: 12px !important; font-weight: 400 !important;\n  color: #5F6E68 !important; line-height: 1.6 !important;\n}\n@media (max-width: 900px) {\n  .vna-process { padding: 40px 24px; }\n  .vna-process .process-timeline { flex-wrap: wrap; gap: 24px; }\n  .vna-process .process-timeline::before { display: none; }\n  .vna-process .process-step { flex: 0 0 calc(50% - 12px); }\n}\n<\/style>\n<div class=\"vna-wrap\">\n  <div class=\"vna-process fi\">\n    <div class=\"vna-label\">Design Process<\/div>\n    <h2 class=\"vna-title\">A <em>structured<\/em> approach<br>to transformation<\/h2>\n    <div class=\"process-timeline\">\n      <div class=\"process-step\">\n        <div class=\"step-num\">01<\/div>\n        <div class=\"step-name\">Discover<\/div>\n        <div class=\"step-detail\">User surveys, stakeholder interviews, heuristic evaluation<\/div>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"step-num\">02<\/div>\n        <div class=\"step-name\">Define<\/div>\n        <div class=\"step-detail\">Synthesis, pain point mapping, persona development<\/div>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"step-num\">03<\/div>\n        <div class=\"step-name\">Ideate<\/div>\n        <div class=\"step-detail\">Competitor audit, design concepts, stakeholder proposals<\/div>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"step-num\">04<\/div>\n        <div class=\"step-name\">Design<\/div>\n        <div class=\"step-detail\">Wireframes, high-fidelity UI, component library, prototypes<\/div>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"step-num\">05<\/div>\n        <div class=\"step-name\">Test<\/div>\n        <div class=\"step-detail\">Usability testing, stakeholder review, design QA<\/div>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"step-num\">06<\/div>\n        <div class=\"step-name\">Deliver<\/div>\n        <div class=\"step-detail\">Developer handoff, eng collaboration, launch support<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a24752f e-con-full e-flex e-con e-parent\" data-id=\"a24752f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c186f6d elementor-widget elementor-widget-html\" data-id=\"c186f6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 05 \u2014 DESIGN SOLUTIONS (dark section) -->\n<style>\n.vna-solutions {\n  background: #00202b; padding: 80px 48px; position: relative; overflow: hidden;\n}\n.vna-solutions::before {\n  content: ''; position: absolute; bottom: -20%; left: -10%;\n  width: 50vw; height: 50vw; border-radius: 50%;\n  background: radial-gradient(circle, rgba(0,136,170,0.1) 0%, transparent 70%);\n  pointer-events: none;\n}\n.vna-solutions .sol-inner { max-width: 1100px; margin: 0 auto; position: relative; z-index: 1; }\n\n.vna-solutions .vna-label {\n  color: #0088aa !important;\n  display: flex !important; align-items: center !important; gap: 8px !important;\n  font-size: 11px !important; font-weight: 600 !important;\n  letter-spacing: 0.18em !important; text-transform: uppercase !important;\n  margin-bottom: 14px !important;\n}\n.vna-solutions .vna-label::before {\n  content: '' !important; display: block !important; width: 20px !important;\n  height: 2px !important; background: #0088aa !important; flex-shrink: 0 !important;\n}\n.vna-solutions .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important; font-weight: 800 !important;\n  line-height: 1.1 !important; letter-spacing: -0.02em !important;\n  color: #f0f5f8 !important; margin-bottom: 16px !important;\n}\n.vna-solutions .vna-title em { font-style: italic !important; color: #0088aa !important; }\n.vna-solutions .vna-body {\n  font-size: 16px !important; font-weight: 400 !important;\n  color: rgba(240,245,248,0.5) !important; line-height: 1.8 !important; max-width: 600px !important;\n}\n\n.vna-solutions .solutions-grid {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 44px;\n}\n.vna-solutions .sc {\n  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 12px; padding: 32px; transition: background 0.2s;\n}\n.vna-solutions .sc:hover { background: rgba(255,255,255,0.08); }\n.vna-solutions .sc-num {\n  font-size: 11px !important; font-weight: 700 !important;\n  color: #0088aa !important; letter-spacing: 0.12em; text-transform: uppercase;\n  margin-bottom: 14px !important; display: block !important;\n}\n.vna-solutions .sc-title {\n  font-size: 18px !important; font-weight: 700 !important;\n  color: #f0f5f8 !important; margin-bottom: 12px !important; line-height: 1.35 !important;\n}\n.vna-solutions .sc-desc {\n  font-size: 14px !important; font-weight: 400 !important;\n  color: rgba(240,245,248,0.5) !important; line-height: 1.8 !important; margin-bottom: 20px !important;\n}\n.vna-solutions .sc-tags { display: flex; flex-wrap: wrap; gap: 6px; }\n.vna-solutions .stag {\n  font-size: 11px !important; font-weight: 600 !important;\n  letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 10px; border-radius: 3px;\n  background: rgba(0,136,170,0.15); color: #4db8d4 !important;\n  border: 1px solid rgba(0,136,170,0.25);\n}\n\n@media (max-width: 900px) {\n  .vna-solutions { padding: 48px 24px; }\n  .vna-solutions .solutions-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"vna-solutions\" id=\"solutions\">\n  <div class=\"sol-inner vna-wrap\">\n    <div class=\"vna-label\">Design Solutions<\/div>\n    <h2 class=\"vna-title\"><em> Four pillars of the redesign<\/em><\/h2>\n    <p class=\"vna-body\">Each solution directly addressed validated problems from research \u2014 grounded in user data and aligned with VNA's ambition to achieve 5-star digital status by 2030.<\/p>\n\n    <div class=\"solutions-grid\">\n\n      <div class=\"sc fi\">\n        <span class=\"sc-num\">01 \u2014 Visual Identity<\/span>\n        <div class=\"sc-title\">A premium visual language that reflects 5-star ambition<\/div>\n        <p class=\"sc-desc\">Moved away from cluttered, text-heavy layout towards a modern, refined aesthetic \u2014 generous imagery, soft rounded components, and a design system balancing Vietnamese cultural identity with international elegance. Typography shifted to bold, readable display fonts with conversational body copy.<\/p>\n        <div class=\"sc-tags\">\n          <span class=\"stag\">Design System<\/span>\n          <span class=\"stag\">Typography<\/span>\n          <span class=\"stag\">Brand<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"sc fi\">\n        <span class=\"sc-num\">02 \u2014 Personalization<\/span>\n        <div class=\"sc-title\">A homepage that knows who it's talking to<\/div>\n        <p class=\"sc-desc\">Designed an AI-ready personalization layer \u2014 surfacing relevant offers, pre-filling known routes, and adapting content blocks by user segment. The homepage adapts to returning members vs. new visitors, showing contextual promotions and pre-populating frequent routes automatically.<\/p>\n        <div class=\"sc-tags\">\n          <span class=\"stag\">Personalization<\/span>\n          <span class=\"stag\">AI-Ready<\/span>\n          <span class=\"stag\">Smart UX<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"sc fi\">\n        <span class=\"sc-num\">03 \u2014 Lotusmiles Dashboard<\/span>\n        <div class=\"sc-title\">Loyalty reimagined as a personal journey hub<\/div>\n        <p class=\"sc-desc\">The Lotusmiles member dashboard was rebuilt from scratch \u2014 showing miles balance, expiry dates, tier progress, upcoming flights, and contextual perks all above the fold. Members can now track, calculate, and redeem miles without navigating away. Integrated directly into the booking flow so every purchase shows projected miles earned.<\/p>\n        <div class=\"sc-tags\">\n          <span class=\"stag\">Loyalty<\/span>\n          <span class=\"stag\">Dashboard<\/span>\n          <span class=\"stag\">Member UX<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"sc fi\">\n        <span class=\"sc-num\">04 \u2014 Accessibility<\/span>\n        <div class=\"sc-title\">Designed for everyone \u2014 WCAG-compliant from the ground up<\/div>\n        <p class=\"sc-desc\">Embedded WCAG guidelines throughout the design system. Content scaling, readable font profiles, high-contrast modes, keyboard navigation, and screen reader support \u2014 built as first-class features, not afterthoughts. This positions VNA as a leader in inclusive airline UX across ASEAN.<\/p>\n        <div class=\"sc-tags\">\n          <span class=\"stag\">WCAG<\/span>\n          <span class=\"stag\">Accessibility<\/span>\n          <span class=\"stag\">Inclusive Design<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3edded e-con-full e-flex e-con e-parent\" data-id=\"e3edded\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1a8028 elementor-widget elementor-widget-html\" data-id=\"f1a8028\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 10 \u2014 FIGMA DELIVERABLES + DESIGN SYSTEM -->\n<style>\n.vna-dlv { padding: 64px 48px; }\n\n.vna-dlv .banner {\n  display: grid; grid-template-columns: repeat(4, 1fr);\n  border: 1px solid rgba(0,104,133,0.13); border-radius: 14px;\n  overflow: hidden; margin: 32px 0 44px;\n}\n.vna-dlv .bs {\n  padding: 28px 20px; text-align: center;\n  border-right: 1px solid rgba(0,104,133,0.1);\n}\n.vna-dlv .bs:last-child { border-right: none; }\n.vna-dlv .bs-n {\n  display: block !important; font-size: 44px !important; font-weight: 800 !important;\n  color: #006885 !important; line-height: 1 !important; margin-bottom: 8px !important;\n  letter-spacing: -0.02em !important;\n}\n.vna-dlv .bs-l {\n  font-size: 13px !important; font-weight: 400 !important;\n  color: #5F6E68 !important; line-height: 1.4 !important;\n}\n\n.vna-dlv .sub {\n  font-size: 12px !important; font-weight: 700 !important;\n  letter-spacing: 0.12em !important; text-transform: uppercase !important;\n  color: #00202b !important; margin-bottom: 18px !important;\n  display: flex !important; align-items: center !important; gap: 12px !important;\n}\n.vna-dlv .sub::after {\n  content: ''; flex: 1; height: 1px; background: rgba(0,104,133,0.12);\n}\n\n\/* \u2500\u2500 9-file grid \u2500\u2500 *\/\n.vna-dlv .fg {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 36px;\n}\n\n.vna-dlv .fc {\n  background: #ffffff; border: 1px solid rgba(0,104,133,0.12);\n  border-radius: 12px; overflow: hidden;\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n.vna-dlv .fc:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,104,133,0.1); }\n\n.vna-dlv .ft {\n  aspect-ratio: 16\/9; position: relative;\n  display: flex; align-items: flex-end; padding: 10px 12px;\n}\n.vna-dlv .t1{background:#003d52} .vna-dlv .t2{background:#004a62}\n.vna-dlv .t3{background:#003345} .vna-dlv .t4{background:#005a76}\n.vna-dlv .t5{background:#004560} .vna-dlv .t6{background:#004055}\n.vna-dlv .t7{background:#003a50} .vna-dlv .t8{background:#005270}\n.vna-dlv .t9{background:#002e40}\n\n\/* Wireframe lines decoration *\/\n.vna-dlv .ft::before {\n  content: ''; position: absolute; top: 16%; left: 10%; right: 10%;\n  height: 1.5px; background: rgba(255,255,255,0.1); border-radius: 2px;\n}\n.vna-dlv .ft::after {\n  content: ''; position: absolute; top: 34%; left: 10%; right: 35%;\n  height: 1.5px; background: rgba(255,255,255,0.06); border-radius: 2px;\n  box-shadow: 0 9px 0 rgba(255,255,255,0.04), 0 18px 0 rgba(255,255,255,0.03);\n}\n\n\/* Screen rect *\/\n.vna-dlv .ft-screen {\n  position: absolute; bottom: 12px; left: 12px; right: 12px; height: 30%;\n  background: rgba(255,255,255,0.06); border-radius: 4px;\n  border: 1px solid rgba(255,255,255,0.05);\n}\n.vna-dlv .ft-screen::before {\n  content: ''; position: absolute; top: 4px; left: 6px; right: 20px;\n  height: 2px; background: rgba(255,255,255,0.15); border-radius: 1px;\n}\n\n\/* Figma mark *\/\n.vna-dlv .fm {\n  position: absolute; top: 8px; right: 8px;\n  width: 22px; height: 22px; border-radius: 5px;\n  background: rgba(255,255,255,0.1);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 10px !important; color: rgba(255,255,255,0.6) !important;\n}\n\n.vna-dlv .fb { padding: 14px 16px 18px; }\n.vna-dlv .fn {\n  font-size: 10px !important; font-weight: 700 !important;\n  letter-spacing: 0.12em; text-transform: uppercase;\n  color: #0088aa !important; display: block !important; margin-bottom: 4px !important;\n}\n.vna-dlv .fname {\n  font-size: 14px !important; font-weight: 700 !important;\n  color: #00202b !important; line-height: 1.3 !important; margin-bottom: 6px !important;\n}\n.vna-dlv .fdesc {\n  font-size: 12px !important; font-weight: 400 !important;\n  color: #5F6E68 !important; line-height: 1.65 !important; margin-bottom: 10px !important;\n}\n.vna-dlv .ftags { display: flex; flex-wrap: wrap; gap: 4px; }\n.vna-dlv .ftag {\n  font-size: 10px !important; font-weight: 600 !important;\n  letter-spacing: 0.07em; text-transform: uppercase;\n  padding: 2px 7px; border-radius: 3px;\n  background: #E0F4FA; color: #005068 !important;\n}\n\n\/* \u2500\u2500 Design System card \u2500\u2500 *\/\n.vna-dlv .ds {\n  display: grid; grid-template-columns: 3fr 2fr;\n  border-radius: 14px; overflow: hidden;\n}\n.vna-dlv .ds-l { background: #00202b; padding: 44px 40px; }\n.vna-dlv .ds-badge {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: rgba(0,136,170,0.15); border: 1px solid rgba(0,136,170,0.28);\n  border-radius: 4px; padding: 4px 10px;\n  font-size: 11px !important; font-weight: 700 !important;\n  color: #4db8d4 !important; letter-spacing: 0.1em; text-transform: uppercase;\n  margin-bottom: 18px !important; display: block !important; width: fit-content;\n}\n.vna-dlv .ds-title {\n  font-size: 28px !important; font-weight: 800 !important;\n  color: #f0f5f2 !important; line-height: 1.2 !important;\n  margin-bottom: 12px !important; letter-spacing: -0.01em !important;\n}\n.vna-dlv .ds-desc {\n  font-size: 14px !important; font-weight: 400 !important;\n  color: rgba(240,245,242,0.5) !important; line-height: 1.75 !important; margin-bottom: 28px !important;\n}\n.vna-dlv .ds-specs { display: flex; gap: 10px; flex-wrap: wrap; }\n.vna-dlv .dspec {\n  background: rgba(255,255,255,0.06); border-radius: 8px; padding: 12px 16px;\n  display: flex; flex-direction: column; gap: 4px;\n}\n.vna-dlv .dspec-n {\n  font-size: 22px !important; font-weight: 800 !important;\n  color: #4db8d4 !important; line-height: 1 !important;\n}\n.vna-dlv .dspec-l {\n  font-size: 11px !important; font-weight: 400 !important;\n  color: rgba(240,245,242,0.4) !important;\n}\n\n.vna-dlv .ds-r {\n  background: #001e2a; padding: 32px 28px;\n  display: flex; flex-direction: column; gap: 10px; justify-content: center;\n}\n.vna-dlv .sw {\n  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07);\n  border-radius: 8px; overflow: hidden;\n}\n.vna-dlv .sw-bar { height: 4px; }\n.vna-dlv .sw-body { padding: 8px 10px; }\n.vna-dlv .sw-lbl {\n  font-size: 10px !important; font-weight: 600 !important;\n  color: rgba(255,255,255,0.45) !important; display: block !important; margin-bottom: 6px !important;\n}\n.vna-dlv .sw-dots { display: flex; gap: 5px; }\n.vna-dlv .sdot { width: 10px; height: 10px; border-radius: 50%; }\n.vna-dlv .sw-lines { display: flex; flex-direction: column; gap: 4px; }\n.vna-dlv .sw-line { height: 3px; border-radius: 1px; background: rgba(255,255,255,0.18); }\n\n@media (max-width: 960px) {\n  .vna-dlv { padding: 40px 24px; }\n  .vna-dlv .banner { grid-template-columns: 1fr 1fr; }\n  .vna-dlv .bs { border-bottom: 1px solid rgba(0,104,133,0.1); }\n  .vna-dlv .fg { grid-template-columns: 1fr 1fr; }\n  .vna-dlv .ds { grid-template-columns: 1fr; }\n  .vna-dlv .ds-r { display: none; }\n}\n@media (max-width: 600px) {\n  .vna-dlv .fg { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"vna-wrap\">\n<div class=\"vna-dlv\" id=\"deliverables\">\n\n  <div class=\"vna-label\">Design Deliverables<\/div>\n  <h2 class=\"vna-title\">What we <em>delivered<\/em><\/h2>\n  <p class=\"vna-body\">Every page of the new Vietnam Airlines website was designed end-to-end in Figma \u2014 from initial wireframe to pixel-perfect handoff, backed by a fully documented design system.<\/p>\n\n  <div class=\"banner fi\">\n    <div class=\"bs\"><span class=\"bs-n\">9<\/span><span class=\"bs-l\">Figma design<br>files delivered<\/span><\/div>\n    <div class=\"bs\"><span class=\"bs-n\">1<\/span><span class=\"bs-l\">Unified design<br>system<\/span><\/div>\n    <div class=\"bs\"><span class=\"bs-n\">200+<\/span><span class=\"bs-l\">Components<br>&amp; variants<\/span><\/div>\n    <div class=\"bs\"><span class=\"bs-n\">2<\/span><span class=\"bs-l\">Responsive<br>breakpoints<\/span><\/div>\n \n\n   \n\n  <\/div>\n\n  <div class=\"sub\">Design system<\/div>\n  <div class=\"ds fi\">\n    <div class=\"ds-l\">\n      <div class=\"ds-badge\">\u2726 &nbsp;Figma design system<\/div>\n      <div class=\"ds-title\">VNA Design System 2025<\/div>\n      <p class=\"ds-desc\">A single source of truth for the entire Vietnam Airlines digital product. Built on atomic design principles \u2014 from color tokens and typography scales to fully documented page templates, ensuring consistency across all 9 delivery files and future product expansions.<\/p>\n      <div class=\"ds-specs\">\n        <div class=\"dspec\"><span class=\"dspec-n\">200+<\/span><span class=\"dspec-l\">Components<\/span><\/div>\n        <div class=\"dspec\"><span class=\"dspec-n\">48<\/span><span class=\"dspec-l\">Color tokens<\/span><\/div>\n        <div class=\"dspec\"><span class=\"dspec-n\">6<\/span><span class=\"dspec-l\">Type styles<\/span><\/div>\n        <div class=\"dspec\"><span class=\"dspec-n\">3<\/span><span class=\"dspec-l\">Icon sets<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ds-r\">\n      <div class=\"sw\">\n        <div class=\"sw-bar\" style=\"background:#006885;\"><\/div>\n        <div class=\"sw-body\">\n          <span class=\"sw-lbl\">Color tokens<\/span>\n          <div class=\"sw-dots\">\n            <div class=\"sdot\" style=\"background:#006885;\"><\/div>\n            <div class=\"sdot\" style=\"background:#0088aa;\"><\/div>\n            <div class=\"sdot\" style=\"background:#4db8d4;\"><\/div>\n            <div class=\"sdot\" style=\"background:#DBA410;\"><\/div>\n            <div class=\"sdot\" style=\"background:#00202b;\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sw\">\n        <div class=\"sw-bar\" style=\"background:#DBA410;\"><\/div>\n        <div class=\"sw-body\">\n          <span class=\"sw-lbl\">Typography scale<\/span>\n          <div class=\"sw-lines\">\n            <div class=\"sw-line\" style=\"width:65%;\"><\/div>\n            <div class=\"sw-line\" style=\"width:90%;opacity:0.5;\"><\/div>\n            <div class=\"sw-line\" style=\"width:75%;opacity:0.3;\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sw\">\n        <div class=\"sw-bar\" style=\"background:#0088aa;\"><\/div>\n        <div class=\"sw-body\">\n          <span class=\"sw-lbl\">Components<\/span>\n          <div style=\"display:flex;flex-direction:column;gap:4px;\">\n            <div style=\"height:8px;background:rgba(255,255,255,0.12);border-radius:3px;\"><\/div>\n            <div style=\"height:8px;background:rgba(255,255,255,0.07);border-radius:3px;width:75%;\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sw\">\n        <div class=\"sw-bar\" style=\"background:#4db8d4;\"><\/div>\n        <div class=\"sw-body\">\n          <span class=\"sw-lbl\">Icon library<\/span>\n          <div class=\"sw-dots\">\n            <div style=\"width:10px;height:10px;border-radius:2px;background:rgba(255,255,255,0.3);\"><\/div>\n            <div style=\"width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.2);\"><\/div>\n            <div style=\"width:10px;height:10px;border-radius:2px;background:rgba(255,255,255,0.15);transform:rotate(45deg);\"><\/div>\n            <div style=\"width:10px;height:10px;border-radius:2px;background:rgba(255,255,255,0.1);\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8ec249 e-con-full e-flex e-con e-parent\" data-id=\"f8ec249\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f7bd12 elementor-widget elementor-widget-html\" data-id=\"9f7bd12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');\n\n.vna-wrap,\n.vna-wrap *:not(script):not(style) {\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  box-sizing: border-box !important;\n  -webkit-font-smoothing: antialiased;\n}\n\n.vna-wrap h1, .vna-wrap h2, .vna-wrap h3,\n.vna-wrap h4, .vna-wrap p, .vna-wrap ul, .vna-wrap li {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n}\n\n.vna-wrap .vna-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: #0088aa !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n  line-height: 1 !important;\n}\n.vna-wrap .vna-label::before {\n  content: '' !important;\n  display: block !important;\n  width: 20px !important;\n  height: 2px !important;\n  flex-shrink: 0 !important;\n  background: #0088aa !important;\n}\n\n.vna-wrap .vna-title {\n  font-size: clamp(32px, 3.5vw, 48px) !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #00202b !important;\n  margin-bottom: 16px !important;\n}\n.vna-wrap .vna-title em {\n  font-style: italic !important;\n  color: #006885 !important;\n}\n\n.vna-wrap .vna-body {\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  color: #5F6E68 !important;\n  line-height: 1.8 !important;\n  max-width: 600px !important;\n}\n\n.vna-wrap .fi {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.vna-wrap .fi.on {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n\n<script>\n(function(){\n  if (!document.getElementById('vna-jakarta-font')) {\n    var l = document.createElement('link');\n    l.id = 'vna-jakarta-font';\n    l.rel = 'stylesheet';\n    l.href = 'https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap';\n    document.head.appendChild(l);\n  }\n  function initObserver() {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.08 });\n    document.querySelectorAll('.vna-wrap .fi').forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\n<!-- WIDGET 07 \u2014 REFLECTIONS \/ LEARNINGS -->\n<style>\n.vna-learnings { padding: 60px 48px; background: transparent; }\n.vna-learnings .learnings-grid {\n  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-top: 40px;\n}\n.vna-learnings .learning-card {\n  background: #fff; border: 1px solid rgba(0,104,133,0.12);\n  border-radius: 12px; padding: 28px;\n  display: flex; flex-direction: column; gap: 12px;\n}\n.vna-learnings .learning-icon { font-size: 28px !important; line-height: 1; }\n.vna-learnings .learning-title {\n  font-size: 15px !important; font-weight: 600 !important; color: #002e3d !important;\n}\n.vna-learnings .learning-body {\n  font-size: 14px !important; font-weight: 400 !important;\n  color: #5F6E68 !important; line-height: 1.75 !important;\n}\n@media (max-width: 900px) {\n  .vna-learnings { padding: 40px 24px; }\n  .vna-learnings .learnings-grid { grid-template-columns: 1fr 1fr; }\n}\n<\/style>\n<div class=\"vna-wrap\">\n  <div class=\"vna-learnings\">\n    <div class=\"vna-label\">Reflections<\/div>\n    <h2 class=\"vna-title\">What I <em>learned<\/em><\/h2>\n    <div class=\"learnings-grid\">\n      <div class=\"learning-card fi\">\n        <div class=\"learning-icon\">\ud83c\udfdb\ufe0f<\/div>\n        <div class=\"learning-title\">Stakeholder alignment is a design deliverable<\/div>\n        <p class=\"learning-body\">With 40+ internal stakeholders across 9 departments, building shared vision early \u2014 through research synthesis workshops and regular show-and-tells \u2014 was as important as the design itself.<\/p>\n      <\/div>\n      <div class=\"learning-card fi\">\n        <div class=\"learning-icon\">\u2696\ufe0f<\/div>\n        <div class=\"learning-title\">Brand elevation vs usability is a false trade off<\/div>\n        <p class=\"learning-body\">The pressure to \"look like a 5-star airline\" sometimes conflicted with clarity. The key was finding moments where premium aesthetics and clean UX patterns reinforced each other \u2014 not competed.<\/p>\n      <\/div>\n      <div class=\"learning-card fi\">\n        <div class=\"learning-icon\">\ud83d\udd01<\/div>\n        <div class=\"learning-title\">Research is worthless without synthesis loops<\/div>\n        <p class=\"learning-body\">We had rich data \u2014 919 surveys, 40+ interviews \u2014 but the real value came from continuously returning to that data throughout ideation. Patterns invisible on day one became critical on day 60.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13c348d e-flex e-con-boxed e-con e-parent\" data-id=\"13c348d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1add74b elementor-widget elementor-widget-home2_footer\" data-id=\"1add74b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home2_footer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t          \n             <footer class=\"tf-footer style-2 section-has-dot\">\n                    \n        \n        <div class=\"line-page\"><\/div>\n        \n            <span><\/span>\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xl-2 col-xl-8 offset-lg-2 col-lg-8\">\n                        <div class=\"wrap-section\">\n                                                        <div class=\"text-body-2 dot-before subtitle style-center\">Get in touch<\/div>\n                                                        <div class=\"avatar text-center\">\n                                                                <h6 class=\"name fw-medium\">Do Minh Tung Lam<\/h6>\n                                <div class=\"meta text-body-2\">Sr. UI\/UX Designer<\/div>\n                            <\/div>\n                                                                                    <ul class=\"social-links justify-content-center\">\n                                                                    <li>\n                                        <a href=\"https:\/\/www.instagram.com\/richardmaz_\/\">\n                                            <i class=\"icon icon-instagram\"><\/i>\n                                        <\/a>\n                                    <\/li>\n                                                                    <li>\n                                        <a href=\"https:\/\/www.facebook.com\/ominhtunglam\/\">\n                                            <i class=\"icon icon-facebook-f\"><\/i>\n                                        <\/a>\n                                    <\/li>\n                                                                    <li>\n                                        <a href=\"https:\/\/www.linkedin.com\/in\/%C4%91%E1%BB%97-minh-t%C3%B9ng-l%C3%A2m-21a466197\/\">\n                                            <i class=\"icon-linkedin-in\"><\/i>\n                                        <\/a>\n                                    <\/li>\n                                                            <\/ul>\n                                                                                    <div class=\"coppyright\">\n                                <i class=\"icon icon-global\"><\/i>\n                                <div class=\"text-body-3 font-poppins\">2026 All Rights Reserved <span class=\"text-white\">Do Minh Tung Lam<\/span><\/div>\n                            <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <img decoding=\"async\" src=\"https:\/\/dominhtunglam.com\/wp-content\/themes\/jayden\/images\/section\/img-bg-2.png\" alt=\"\" class=\"map\">\n            <div class=\"box-gradient2\"><\/div>\n        <\/footer>\n        \n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vietnam Airlines Website Revamp 2025 A full UX\/UI redesign of Vietnam Airlines digital presence \u2014 transforming a cluttered, legacy interface into a premium, brand-defining experience worthy of a five-star airline. View Website https:\/\/dominhtunglam.com\/wp-content\/uploads\/2026\/01\/VNA-showcase.mp4 Project Snapshot Project type: Website Revamp&nbsp; Platform: Desktop &amp; Mobile Responsive Industry: Aviation \/ Airlines Team UI\/UX Design Lead 1 Researcher 5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1743","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dominhtunglam.com\/index.php?rest_route=\/wp\/v2\/pages\/1743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dominhtunglam.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dominhtunglam.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dominhtunglam.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dominhtunglam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1743"}],"version-history":[{"count":110,"href":"https:\/\/dominhtunglam.com\/index.php?rest_route=\/wp\/v2\/pages\/1743\/revisions"}],"predecessor-version":[{"id":1976,"href":"https:\/\/dominhtunglam.com\/index.php?rest_route=\/wp\/v2\/pages\/1743\/revisions\/1976"}],"wp:attachment":[{"href":"https:\/\/dominhtunglam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}