{"id":256,"date":"2024-12-16T18:22:04","date_gmt":"2024-12-16T18:22:04","guid":{"rendered":"https:\/\/theme.madsparrow.me\/fanky\/?post_type=portfolios&#038;p=256"},"modified":"2026-11-11T09:50:49","modified_gmt":"2026-11-11T09:50:49","slug":"motion-graphic","status":"publish","type":"portfolios","link":"https:\/\/nwera.com\/ar\/motion-graphic\/","title":{"rendered":"Motion Graphic"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"256\" class=\"elementor elementor-256\" data-elementor-post-type=\"portfolios\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3fe980 e-con e-atomic-element e-flexbox-base e-default-div e-cff3d9b \" data-id=\"a3fe980\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a3fe980\" data-e-type=\"e-flexbox\" data-id=\"a3fe980\">\n    <div class=\"elementor-element elementor-element-560e88d e-flex e-con-boxed no no e-con e-parent\" data-id=\"560e88d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-993a99f elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"993a99f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Motion Graphic<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57b2b93 e-con-full e-flex no no e-con e-child\" data-id=\"57b2b93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f70accb elementor-widget elementor-widget-text-editor\" data-id=\"f70accb\" 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>We create engaging motion graphics that transform ideas into compelling visual stories. From animated brand identities and promotional videos to dynamic social media content, every movement is thoughtfully designed to capture attention, communicate messages clearly, strengthen brand recognition, and deliver a memorable visual experience across digital platforms.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-155a3e3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"155a3e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64a9790 e-con-full e-flex no no e-con e-child\" data-id=\"64a9790\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cf933f7 e-con-full e-flex no no e-con e-child\" data-id=\"cf933f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cfab9c elementor-widget elementor-widget-text-editor\" data-id=\"4cfab9c\" 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>Client<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58ddbfb elementor-widget elementor-widget-text-editor\" data-id=\"58ddbfb\" 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>Freelancer<\/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-2336f66 e-con-full e-flex no no e-con e-child\" data-id=\"2336f66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0c5e15 elementor-widget elementor-widget-text-editor\" data-id=\"d0c5e15\" 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>Role<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93fc00c elementor-widget elementor-widget-text-editor\" data-id=\"93fc00c\" 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>Media Production<\/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-3049b0e e-con-full e-flex no no e-con e-child\" data-id=\"3049b0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28edb51 elementor-widget elementor-widget-text-editor\" data-id=\"28edb51\" 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>Services<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-870ef13 elementor-widget elementor-widget-text-editor\" data-id=\"870ef13\" 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>Motion Graphics<\/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\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddd3e22 e-con-full e-flex no no e-con e-parent\" data-id=\"ddd3e22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90b9dc0 elementor-widget elementor-widget-ms-hero\" data-id=\"90b9dc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ms-hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <section class=\"ms-hero\" id=\"90b9dc0\">\r\n\r\n            \r\n                            <div class=\"ms-parallax\" data-speed=\"0.8\" data-type=\"scroll\">\r\n\r\n                    \r\n                                            <div class=\"jarallax-img\" data-jarallax data-video-start-time=\"\" data-video-end-time=\"\" data-video-src=\"https:\/\/youtu.be\/sUTYHqZgCLA\"><\/div>\r\n                    \r\n                    \r\n                <\/div>\r\n            \r\n            \r\n                \r\n                    <div class=\"ms-hc\">\r\n                        <div class=\"ms-hc--inner\">\r\n                                                            <h1 class=\"ms-hero-title\">[ Motion Graphic ]<\/h1>\r\n                                                                                <\/div>\r\n                    <\/div>\r\n\r\n                \r\n                \r\n            \r\n        <\/section>\r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6580975 e-con e-atomic-element e-flexbox-base e-default-div e-b01f01b \" data-id=\"6580975\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6580975\" data-e-type=\"e-flexbox\" data-id=\"6580975\">\n    <div class=\"elementor-element elementor-element-8add787 e-flex e-con-boxed no no e-con e-parent\" data-id=\"8add787\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-586ee5e e-con-full e-flex no no e-con e-child\" data-id=\"586ee5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-803bfc8 elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"803bfc8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Challenges <br>\n&amp; Objectives<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc9fc56 e-con-full e-flex no no e-con e-child\" data-id=\"bc9fc56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acd9f83 elementor-widget elementor-widget-text-editor\" data-id=\"acd9f83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h4 data-start=\"1851\" data-end=\"1873\">\/ Project Overview<\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cc411c elementor-widget elementor-widget-text-editor\" data-id=\"9cc411c\" 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 data-pm-slice=\"1 1 []\">We create engaging motion graphics that bring ideas to life through creative storytelling, dynamic animation, and visually compelling designs. From promotional videos and animated brand identities to social media content, we transform messages into memorable visual experiences.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2c5e24 elementor-widget elementor-widget-text-editor\" data-id=\"c2c5e24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h4 data-start=\"1851\" data-end=\"1873\">\/ Challenges<\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8825f7 elementor-widget elementor-widget-text-editor\" data-id=\"a8825f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul data-spread=\"false\" data-pm-slice=\"3 3 []\">\n<li>\n<p>Capturing audience attention through impactful visual storytelling.<\/p>\n<\/li>\n<li>\n<p>Simplifying complex messages using creative animation.<\/p>\n<\/li>\n<li>\n<p>Maintaining brand consistency across different motion formats.<\/p>\n<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a74224e elementor-widget elementor-widget-text-editor\" data-id=\"a74224e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h4 data-start=\"1851\" data-end=\"1873\">\/ Objectives<\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6facfe elementor-widget elementor-widget-text-editor\" data-id=\"b6facfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul data-spread=\"false\" data-pm-slice=\"3 3 []\">\n<li>\n<p>Create visually engaging and meaningful animations.<\/p>\n<\/li>\n<li>\n<p>Communicate brand messages clearly and effectively.<\/p>\n<\/li>\n<li>\n<p>Enhance brand recognition through distinctive motion design.<\/p>\n<\/li>\n<li>\n<p>Deliver high-quality content optimized for digital platforms.<\/p>\n<\/li>\n<\/ul>\t\t\t\t\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\n<\/div>\n<div class=\"elementor-element elementor-element-0f87a09 e-con e-atomic-element e-flexbox-base e-default-div e-ca1d576 \" data-id=\"0f87a09\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f87a09\" data-e-type=\"e-flexbox\" data-id=\"0f87a09\">\n    \t\t<div class=\"elementor-element elementor-element-231c24c elementor-widget elementor-widget-html\" data-id=\"231c24c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section id=\"nwera-motion\">\n  <style>\n    #nwera-motion {\n      --accent: #C58A52;\n      --dark: #111110;\n      --light: #F3F0EB;\n      --muted: #96918A;\n      background: var(--dark);\n      color: var(--light);\n      padding: 100px 5%;\n      font-family: inherit;\n      overflow: hidden;\n    }\n\n    #nwera-motion * {\n      box-sizing: border-box;\n    }\n\n    #nwera-motion .nw-container {\n      max-width: 1440px;\n      margin: auto;\n    }\n\n    #nwera-motion .nw-eyebrow {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      color: var(--accent);\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 22px;\n    }\n\n    #nwera-motion .nw-eyebrow:before {\n      content: \"\";\n      width: 32px;\n      height: 1px;\n      background: var(--accent);\n    }\n\n    #nwera-motion .nw-heading {\n      display: grid;\n      grid-template-columns: 1.2fr .8fr;\n      align-items: end;\n      gap: 45px;\n      margin-bottom: 65px;\n    }\n\n    #nwera-motion h2 {\n      color: var(--light);\n      font-size: clamp(42px, 6vw, 76px);\n      line-height: .98;\n      font-weight: 800;\n      letter-spacing: -3px;\n      margin: 0;\n    }\n\n    #nwera-motion h2 span {\n      color: var(--accent);\n    }\n\n    #nwera-motion .nw-description {\n      color: #A9A49C;\n      font-size: 16px;\n      line-height: 1.9;\n      max-width: 480px;\n      margin: 0 0 5px auto;\n    }\n\n    \/* FEATURE STRIP *\/\n\n    #nwera-motion .nw-features {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      border-top: 1px solid #383530;\n      border-bottom: 1px solid #383530;\n      margin-bottom: 75px;\n      padding: 27px 0;\n    }\n\n    #nwera-motion .nw-feature {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      padding: 5px 24px;\n      border-right: 1px solid #45413B;\n    }\n\n    #nwera-motion .nw-feature:first-child {\n      padding-left: 0;\n    }\n\n    #nwera-motion .nw-feature:last-child {\n      border-right: 0;\n    }\n\n    #nwera-motion .nw-feature-icon {\n      color: var(--accent);\n      font-size: 29px;\n      line-height: 1;\n      flex-shrink: 0;\n    }\n\n    #nwera-motion .nw-feature strong {\n      display: block;\n      color: var(--light);\n      font-size: 15px;\n      font-weight: 700;\n      margin-bottom: 5px;\n    }\n\n    #nwera-motion .nw-feature small {\n      color: var(--muted);\n      font-size: 11px;\n      line-height: 1.5;\n    }\n\n    \/* PORTFOLIO HEADER *\/\n\n    #nwera-motion .nw-work-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: end;\n      gap: 20px;\n      margin-bottom: 30px;\n    }\n\n    #nwera-motion .nw-work-header h3 {\n      color: var(--light);\n      font-size: 30px;\n      font-weight: 750;\n      margin: 0;\n    }\n\n    #nwera-motion .nw-work-header p {\n      color: var(--muted);\n      font-size: 13px;\n      margin: 8px 0 0;\n    }\n\n    #nwera-motion .nw-count {\n      color: var(--accent);\n      font-size: 13px;\n      letter-spacing: 2px;\n      white-space: nowrap;\n    }\n\n    \/* VIDEO GRID *\/\n\n    #nwera-motion .nw-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 35px 22px;\n    }\n\n    #nwera-motion .nw-card {\n      min-width: 0;\n      position: relative;\n    }\n\n    #nwera-motion .nw-video {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      background: #25231F;\n      overflow: hidden;\n      border-radius: 5px;\n      isolation: isolate;\n    }\n\n    #nwera-motion .nw-video img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform .7s cubic-bezier(.2,.7,.2,1),\n                  opacity .4s ease;\n    }\n\n    #nwera-motion .nw-card:hover .nw-video img {\n      transform: scale(1.06);\n      opacity: .72;\n    }\n\n    #nwera-motion .nw-video:after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(\n        0deg, rgba(0,0,0,.42), transparent 55%\n      );\n      pointer-events: none;\n    }\n\n    #nwera-motion .nw-play {\n      position: absolute;\n      z-index: 2;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 62px;\n      height: 62px;\n      border: 1px solid rgba(255,255,255,.65);\n      border-radius: 50%;\n      background: rgba(197,138,82,.94);\n      color: var(--dark);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      transition: .3s ease;\n      padding: 0;\n    }\n\n    #nwera-motion .nw-play svg {\n      width: 20px;\n      height: 20px;\n      margin-left: 4px;\n    }\n\n    #nwera-motion .nw-play:hover {\n      background: var(--light);\n      transform: translate(-50%, -50%) scale(1.12);\n    }\n\n    #nwera-motion .nw-video iframe {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      border: 0;\n      z-index: 5;\n    }\n\n    #nwera-motion .nw-card-info {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 12px;\n      padding-top: 17px;\n    }\n\n    #nwera-motion .nw-card-info h4 {\n      color: var(--light);\n      font-size: 15px;\n      font-weight: 650;\n      margin: 0;\n    }\n\n    #nwera-motion .nw-card-info span {\n      color: var(--accent);\n      font-size: 11px;\n      letter-spacing: 1px;\n      white-space: nowrap;\n    }\n\n    #nwera-motion .nw-card-line {\n      height: 1px;\n      width: 100%;\n      background: #393630;\n      margin-top: 15px;\n      position: relative;\n    }\n\n    #nwera-motion .nw-card-line:after {\n      content: \"\";\n      position: absolute;\n      width: 0;\n      height: 1px;\n      left: 0;\n      top: 0;\n      background: var(--accent);\n      transition: width .5s ease;\n    }\n\n    #nwera-motion .nw-card:hover .nw-card-line:after {\n      width: 100%;\n    }\n\n    \/* BOTTOM CTA *\/\n\n    #nwera-motion .nw-cta {\n      position: relative;\n      margin-top: 100px;\n      padding: 48px 50px;\n      border: 1px solid #484038;\n      background:\n        radial-gradient(ellipse at 100% 50%,\n        rgba(197,138,82,.13), transparent 60%);\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 30px;\n    }\n\n    #nwera-motion .nw-cta-label {\n      color: var(--accent);\n      font-size: 11px;\n      letter-spacing: 2px;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n\n    #nwera-motion .nw-cta h3 {\n      color: var(--light);\n      font-size: clamp(25px, 3vw, 38px);\n      line-height: 1.2;\n      margin: 0;\n      font-weight: 750;\n    }\n\n    #nwera-motion .nw-cta p {\n      color: var(--muted);\n      font-size: 14px;\n      margin: 12px 0 0;\n    }\n\n    #nwera-motion .nw-cta a {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 20px;\n      background: var(--accent);\n      color: var(--dark);\n      text-decoration: none;\n      padding: 17px 27px;\n      font-size: 13px;\n      font-weight: 800;\n      transition: .3s ease;\n      white-space: nowrap;\n      border-radius: 2px;\n    }\n\n    #nwera-motion .nw-cta a:hover {\n      background: var(--light);\n      transform: translateY(-3px);\n    }\n\n    #nwera-motion .nw-cta a span {\n      font-size: 20px;\n    }\n\n    \/* RESPONSIVE *\/\n\n    @media(max-width: 1024px) {\n      #nwera-motion .nw-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #nwera-motion .nw-features {\n        grid-template-columns: repeat(2, 1fr);\n        row-gap: 25px;\n      }\n\n      #nwera-motion .nw-feature:nth-child(2) {\n        border-right: 0;\n      }\n\n      #nwera-motion .nw-feature:nth-child(3) {\n        padding-left: 0;\n      }\n    }\n\n    @media(max-width: 650px) {\n      #nwera-motion {\n        padding: 65px 5%;\n      }\n\n      #nwera-motion .nw-heading {\n        grid-template-columns: 1fr;\n        gap: 22px;\n        margin-bottom: 45px;\n      }\n\n      #nwera-motion h2 {\n        letter-spacing: -2px;\n      }\n\n      #nwera-motion .nw-description {\n        margin: 0;\n        font-size: 14px;\n      }\n\n      #nwera-motion .nw-features {\n        padding: 22px 0;\n        margin-bottom: 55px;\n      }\n\n      #nwera-motion .nw-feature {\n        padding: 5px 10px;\n        gap: 9px;\n      }\n\n      #nwera-motion .nw-feature-icon {\n        font-size: 23px;\n      }\n\n      #nwera-motion .nw-feature strong {\n        font-size: 12px;\n      }\n\n      #nwera-motion .nw-feature small {\n        font-size: 10px;\n      }\n\n      #nwera-motion .nw-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n\n      #nwera-motion .nw-work-header {\n        align-items: start;\n      }\n\n      #nwera-motion .nw-work-header h3 {\n        font-size: 25px;\n      }\n\n      #nwera-motion .nw-cta {\n        margin-top: 65px;\n        padding: 30px 22px;\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      #nwera-motion .nw-cta a {\n        width: 100%;\n      }\n    }\n\n    @media(prefers-reduced-motion: reduce) {\n      #nwera-motion *,\n      #nwera-motion *:before,\n      #nwera-motion *:after {\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"nw-container\">\n\n    <!-- INTRO -->\n    <div class=\"nw-heading\">\n      <div>\n        <div class=\"nw-eyebrow\">NWERA \/ CREATIVE PRODUCTION<\/div>\n        <h2>Motion That<br><span>Moves Brands.<\/span><\/h2>\n      <\/div>\n\n      <p class=\"nw-description\">\n        We turn ideas into powerful visual experiences.\n        Through creative storytelling, distinctive animation,\n        and thoughtful motion design, we help brands capture\n        attention and communicate with impact.\n      <\/p>\n    <\/div>\n\n    <!-- FEATURE STRIP -->\n    <div class=\"nw-features\">\n\n      <div class=\"nw-feature\">\n        <div class=\"nw-feature-icon\">\u2733<\/div>\n        <div>\n          <strong>Creative Concepts<\/strong>\n          <small>Ideas with a clear purpose<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"nw-feature\">\n        <div class=\"nw-feature-icon\">\u25c9<\/div>\n        <div>\n          <strong>Visual Storytelling<\/strong>\n          <small>Stories that capture attention<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"nw-feature\">\n        <div class=\"nw-feature-icon\">\u2197<\/div>\n        <div>\n          <strong>Dynamic Animation<\/strong>\n          <small>Smooth and engaging motion<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"nw-feature\">\n        <div class=\"nw-feature-icon\">\u25c7<\/div>\n        <div>\n          <strong>Brand Experience<\/strong>\n          <small>Consistent visual identity<\/small>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- PORTFOLIO -->\n    <div class=\"nw-work-header\">\n      <div>\n        <div class=\"nw-eyebrow\">SELECTED PROJECTS<\/div>\n        <h3>Our Motion Work<\/h3>\n        <p>A selection of stories brought to life through motion.<\/p>\n      <\/div>\n\n      <div class=\"nw-count\">06 \/ PROJECTS<\/div>\n    <\/div>\n\n    <div class=\"nw-grid\">\n\n      <!-- VIDEO 01 -->\n      <article class=\"nw-card\">\n        <div class=\"nw-video\" data-video=\"z3EVAdohL_k\">\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/z3EVAdohL_k\/hqdefault.jpg\"\n               alt=\"Motion Graphics Project 01\"\n               loading=\"lazy\">\n          <button class=\"nw-play\" aria-label=\"Play video 1\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n        <div class=\"nw-card-info\">\n          <h4>Motion Project 01<\/h4>\n          <span>01 \/ 06<\/span>\n        <\/div>\n        <div class=\"nw-card-line\"><\/div>\n      <\/article>\n\n      <!-- VIDEO 02 -->\n      <article class=\"nw-card\">\n        <div class=\"nw-video\" data-video=\"xY0RYLjj76M\">\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/xY0RYLjj76M\/hqdefault.jpg\"\n               alt=\"Motion Graphics Project 02\"\n               loading=\"lazy\">\n          <button class=\"nw-play\" aria-label=\"Play video 2\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n        <div class=\"nw-card-info\">\n          <h4>Motion Project 02<\/h4>\n          <span>02 \/ 06<\/span>\n        <\/div>\n        <div class=\"nw-card-line\"><\/div>\n      <\/article>\n\n      <!-- VIDEO 03 -->\n      <article class=\"nw-card\">\n        <div class=\"nw-video\" data-video=\"Y72N2rzI_pY\">\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/Y72N2rzI_pY\/hqdefault.jpg\"\n               alt=\"Motion Graphics Project 03\"\n               loading=\"lazy\">\n          <button class=\"nw-play\" aria-label=\"Play video 3\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n        <div class=\"nw-card-info\">\n          <h4>Motion Project 03<\/h4>\n          <span>03 \/ 06<\/span>\n        <\/div>\n        <div class=\"nw-card-line\"><\/div>\n      <\/article>\n\n      <!-- VIDEO 04 -->\n      <article class=\"nw-card\">\n        <div class=\"nw-video\" data-video=\"v-wpIjhwcr8\">\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/v-wpIjhwcr8\/hqdefault.jpg\"\n               alt=\"Motion Graphics Project 04\"\n               loading=\"lazy\">\n          <button class=\"nw-play\" aria-label=\"Play video 4\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n        <div class=\"nw-card-info\">\n          <h4>Motion Project 04<\/h4>\n          <span>04 \/ 06<\/span>\n        <\/div>\n        <div class=\"nw-card-line\"><\/div>\n      <\/article>\n\n      <!-- VIDEO 05 -->\n      <article class=\"nw-card\">\n        <div class=\"nw-video\" data-video=\"sDf6C3UnWjI\">\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/sDf6C3UnWjI\/hqdefault.jpg\"\n               alt=\"Motion Graphics Project 05\"\n               loading=\"lazy\">\n          <button class=\"nw-play\" aria-label=\"Play video 5\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n        <div class=\"nw-card-info\">\n          <h4>Motion Project 05<\/h4>\n          <span>05 \/ 06<\/span>\n        <\/div>\n        <div class=\"nw-card-line\"><\/div>\n      <\/article>\n\n      <!-- VIDEO 06 -->\n      <article class=\"nw-card\">\n        <div class=\"nw-video\" data-video=\"oKHqUvagg3U\">\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/oKHqUvagg3U\/hqdefault.jpg\"\n               alt=\"Motion Graphics Project 06\"\n               loading=\"lazy\">\n          <button class=\"nw-play\" aria-label=\"Play video 6\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n        <div class=\"nw-card-info\">\n          <h4>Motion Project 06<\/h4>\n          <span>06 \/ 06<\/span>\n        <\/div>\n        <div class=\"nw-card-line\"><\/div>\n      <\/article>\n\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"nw-cta\">\n      <div>\n        <div class=\"nw-cta-label\">LET'S CREATE SOMETHING GREAT<\/div>\n        <h3>Have an idea worth bringing to life?<\/h3>\n        <p>Let's turn your next big idea into a compelling visual experience.<\/p>\n      <\/div>\n\n      <a href=\"\/contact-us\/\">\n        START A PROJECT <span>\u2197<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function () {\n      const section = document.getElementById('nwera-motion');\n      if (!section) return;\n\n      section.addEventListener('click', function (event) {\n        const button = event.target.closest('.nw-play');\n        if (!button) return;\n\n        const videoBox = button.closest('.nw-video');\n        const videoId = videoBox.getAttribute('data-video');\n\n        if (!videoId) return;\n\n        const iframe = document.createElement('iframe');\n        iframe.src =\n          'https:\/\/www.youtube-nocookie.com\/embed\/' +\n          encodeURIComponent(videoId) +\n          '?autoplay=1&rel=0&modestbranding=1';\n\n        iframe.title = 'NWERA Motion Graphics Project';\n        iframe.allow =\n          'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';\n        iframe.allowFullscreen = true;\n        iframe.loading = 'eager';\n\n        videoBox.replaceChildren(iframe);\n      });\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3655354 e-con e-atomic-element e-flexbox-base e-default-div e-f7c6654 \" data-id=\"3655354\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3655354\" data-e-type=\"e-flexbox\" data-id=\"3655354\">\n    <div class=\"elementor-element elementor-element-7b5fb92 e-con e-atomic-element e-flexbox-base e-default-div e-7b5fb92-e67e84c \" data-id=\"7b5fb92\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7b5fb92\" data-e-type=\"e-flexbox\" data-id=\"7b5fb92\">\n    \t\t<div class=\"elementor-element elementor-element-6b96670 elementor-widget elementor-widget-video\" data-id=\"6b96670\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/QWtmNuCLydw&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79a6a74 elementor-widget elementor-widget-video\" data-id=\"79a6a74\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/GkFYDIA1Zlg&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6dcbb11 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"6dcbb11\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6dcbb11\" data-e-type=\"e-flexbox\" data-id=\"6dcbb11\">\n    \t\t<div class=\"elementor-element elementor-element-70da43c elementor-widget elementor-widget-video\" data-id=\"70da43c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtube.com\\\/shorts\\\/YbchBEG35mo&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-e147cb3 e-con e-atomic-element e-flexbox-base e-default-div e-7574ba2 \" data-id=\"e147cb3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e147cb3\" data-e-type=\"e-flexbox\" data-id=\"e147cb3\">\n    <div class=\"elementor-element elementor-element-d660c25 e-flex e-con-boxed no no e-con e-parent\" data-id=\"d660c25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-051f5b8 e-con-full e-flex no no e-con e-child\" data-id=\"051f5b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57b9de3 elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"57b9de3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Creative <br>\nProcess<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-002cb63 e-con-full e-flex no no e-con e-child\" data-id=\"002cb63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2bed6 elementor-widget elementor-widget-text-editor\" data-id=\"ad2bed6\" 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 data-pm-slice=\"1 1 []\">We follow a structured creative process to transform ideas into engaging motion graphics. Starting with understanding the project goals and brand identity, we develop visual concepts, create storyboards, and bring them to life through animation, sound design, and professional editing.<\/p>\n<p><strong>Concept Development<\/strong> \u2013 Understanding the message and developing creative visual directions.<\/p>\n<p><strong>Storyboarding &amp; Design<\/strong> \u2013 Planning scenes, layouts, illustrations, and visual elements.<\/p>\n<p><strong>Animation &amp; Motion<\/strong> \u2013 Bringing designs to life through smooth and engaging animation.<\/p>\n<p><strong>Sound Design &amp; Editing<\/strong> \u2013 Enhancing the experience with sound effects, transitions, and precise editing.<\/p>\n<p><strong>Final Delivery<\/strong> \u2013 Exporting high-quality videos optimized for their intended platforms.<\/p>\t\t\t\t\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\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"featured_media":8578,"template":"","portfolios_categories":[24],"class_list":["post-256","portfolios","type-portfolios","status-publish","has-post-thumbnail","hentry","portfolios_categories-media-production"],"acf":{"featured_video":false,"featured_video_source":{"label":"","type":"file","formatted_value":false},"choi\u0441e_menu_page":"global_settings","choi\u0441e_menu_page_source":{"label":"","type":"select","formatted_value":"global_settings"},"full_width":false,"full_width_source":{"label":"Full Width","type":"true_false","formatted_value":false},"header_transparent":false,"header_transparent_source":{"label":"On top of content","type":"true_false","formatted_value":false},"header_white":false,"header_white_source":{"label":"Text White Color","type":"true_false","formatted_value":false},"menu_align_page":"default","menu_align_page_source":{"label":"Menu Align","type":"button_group","formatted_value":"default"},"menu_style":"","menu_style_source":{"label":"Menu Style","type":"button_group","formatted_value":""}},"_links":{"self":[{"href":"https:\/\/nwera.com\/ar\/wp-json\/wp\/v2\/portfolios\/256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nwera.com\/ar\/wp-json\/wp\/v2\/portfolios"}],"about":[{"href":"https:\/\/nwera.com\/ar\/wp-json\/wp\/v2\/types\/portfolios"}],"version-history":[{"count":17,"href":"https:\/\/nwera.com\/ar\/wp-json\/wp\/v2\/portfolios\/256\/revisions"}],"predecessor-version":[{"id":8686,"href":"https:\/\/nwera.com\/ar\/wp-json\/wp\/v2\/portfolios\/256\/revisions\/8686"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nwera.com\/ar\/wp-json\/wp\/v2\/media\/8578"}],"wp:attachment":[{"href":"https:\/\/nwera.com\/ar\/wp-json\/wp\/v2\/media?parent=256"}],"wp:term":[{"taxonomy":"portfolios_categories","embeddable":true,"href":"https:\/\/nwera.com\/ar\/wp-json\/wp\/v2\/portfolios_categories?post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}