CINXE.COM

<!doctype html> <html lang="en-GB"> <head><meta charset="UTF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>class RocketLazyLoadScripts{constructor(){this.triggerEvents=["keydown","mousedown","mousemove","touchmove","touchstart","touchend","wheel"],this.userEventHandler=this._triggerListener.bind(this),this.touchStartHandler=this._onTouchStart.bind(this),this.touchMoveHandler=this._onTouchMove.bind(this),this.touchEndHandler=this._onTouchEnd.bind(this),this.clickHandler=this._onClick.bind(this),this.interceptedClicks=[],window.addEventListener("pageshow",(e=>{this.persisted=e.persisted})),window.addEventListener("DOMContentLoaded",(()=>{this._preconnect3rdParties()})),this.delayedScripts={normal:[],async:[],defer:[]},this.allJQueries=[]}_addUserInteractionListener(e){document.hidden?e._triggerListener():(this.triggerEvents.forEach((t=>window.addEventListener(t,e.userEventHandler,{passive:!0}))),window.addEventListener("touchstart",e.touchStartHandler,{passive:!0}),window.addEventListener("mousedown",e.touchStartHandler),document.addEventListener("visibilitychange",e.userEventHandler))}_removeUserInteractionListener(){this.triggerEvents.forEach((e=>window.removeEventListener(e,this.userEventHandler,{passive:!0}))),document.removeEventListener("visibilitychange",this.userEventHandler)}_onTouchStart(e){"HTML"!==e.target.tagName&&(window.addEventListener("touchend",this.touchEndHandler),window.addEventListener("mouseup",this.touchEndHandler),window.addEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.addEventListener("mousemove",this.touchMoveHandler),e.target.addEventListener("click",this.clickHandler),this._renameDOMAttribute(e.target,"onclick","rocket-onclick"))}_onTouchMove(e){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler),e.target.removeEventListener("click",this.clickHandler),this._renameDOMAttribute(e.target,"rocket-onclick","onclick")}_onTouchEnd(e){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler)}_onClick(e){e.target.removeEventListener("click",this.clickHandler),this._renameDOMAttribute(e.target,"rocket-onclick","onclick"),this.interceptedClicks.push(e),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()}_replayClicks(){window.removeEventListener("touchstart",this.touchStartHandler,{passive:!0}),window.removeEventListener("mousedown",this.touchStartHandler),this.interceptedClicks.forEach((e=>{e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:!0,cancelable:!0}))}))}_renameDOMAttribute(e,t,n){e.hasAttribute&&e.hasAttribute(t)&&(event.target.setAttribute(n,event.target.getAttribute(t)),event.target.removeAttribute(t))}_triggerListener(){this._removeUserInteractionListener(this),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",this._loadEverythingNow.bind(this)):this._loadEverythingNow()}_preconnect3rdParties(){let e=[];document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((t=>{if(t.hasAttribute("src")){const n=new URL(t.src).origin;n!==location.origin&&e.push({src:n,crossOrigin:t.crossOrigin||"module"===t.getAttribute("data-rocket-type")})}})),e=[...new Map(e.map((e=>[JSON.stringify(e),e]))).values()],this._batchInjectResourceHints(e,"preconnect")}async _loadEverythingNow(){this.lastBreath=Date.now(),this._delayEventListeners(),this._delayJQueryReady(this),this._handleDocumentWrite(),this._registerAllDelayedScripts(),this._preloadAllScripts(),await this._loadScriptsFromList(this.delayedScripts.normal),await this._loadScriptsFromList(this.delayedScripts.defer),await this._loadScriptsFromList(this.delayedScripts.async);try{await this._triggerDOMContentLoaded(),await this._triggerWindowLoad()}catch(e){}window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this._replayClicks()}_registerAllDelayedScripts(){document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((e=>{e.hasAttribute("src")?e.hasAttribute("async")&&!1!==e.async?this.delayedScripts.async.push(e):e.hasAttribute("defer")&&!1!==e.defer||"module"===e.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(e):this.delayedScripts.normal.push(e):this.delayedScripts.normal.push(e)}))}async _transformScript(e){return await this._littleBreath(),new Promise((t=>{const n=document.createElement("script");[...e.attributes].forEach((e=>{let t=e.nodeName;"type"!==t&&("data-rocket-type"===t&&(t="type"),n.setAttribute(t,e.nodeValue))})),e.hasAttribute("src")?(n.addEventListener("load",t),n.addEventListener("error",t)):(n.text=e.text,t());try{e.parentNode.replaceChild(n,e)}catch(e){t()}}))}async _loadScriptsFromList(e){const t=e.shift();return t?(await this._transformScript(t),this._loadScriptsFromList(e)):Promise.resolve()}_preloadAllScripts(){this._batchInjectResourceHints([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}_batchInjectResourceHints(e,t){var n=document.createDocumentFragment();e.forEach((e=>{if(e.src){const i=document.createElement("link");i.href=e.src,i.rel=t,"preconnect"!==t&&(i.as="script"),e.getAttribute&&"module"===e.getAttribute("data-rocket-type")&&(i.crossOrigin=!0),e.crossOrigin&&(i.crossOrigin=e.crossOrigin),n.appendChild(i)}})),document.head.appendChild(n)}_delayEventListeners(){let e={};function t(t,n){!function(t){function n(n){return e[t].eventsToRewrite.indexOf(n)>=0?"rocket-"+n:n}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},eventsToRewrite:[]},t.addEventListener=function(){arguments[0]=n(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=n(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)})}(t),e[t].eventsToRewrite.push(n)}function n(e,t){let n=e[t];Object.defineProperty(e,t,{get:()=>n||function(){},set(i){e["rocket"+t]=n=i}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),n(document,"onreadystatechange"),n(window,"onload"),n(window,"onpageshow")}_delayJQueryReady(e){let t=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>t,set(n){if(n&&n.fn&&!e.allJQueries.includes(n)){n.fn.ready=n.fn.init.prototype.ready=function(t){e.domReadyFired?t.bind(document)(n):document.addEventListener("rocket-DOMContentLoaded",(()=>t.bind(document)(n)))};const t=n.fn.on;n.fn.on=n.fn.init.prototype.on=function(){if(this[0]===window){function e(e){return e.split(" ").map((e=>"load"===e||0===e.indexOf("load.")?"rocket-jquery-load":e)).join(" ")}"string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=e(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach((t=>{delete Object.assign(arguments[0],{[e(t)]:arguments[0][t]})[t]}))}return t.apply(this,arguments),this},e.allJQueries.push(n)}t=n}})}async _triggerDOMContentLoaded(){this.domReadyFired=!0,await this._littleBreath(),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this._littleBreath(),window.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this._littleBreath(),document.dispatchEvent(new Event("rocket-readystatechange")),await this._littleBreath(),document.rocketonreadystatechange&&document.rocketonreadystatechange()}async _triggerWindowLoad(){await this._littleBreath(),window.dispatchEvent(new Event("rocket-load")),await this._littleBreath(),window.rocketonload&&window.rocketonload(),await this._littleBreath(),this.allJQueries.forEach((e=>e(window).trigger("rocket-jquery-load"))),await this._littleBreath();const e=new Event("rocket-pageshow");e.persisted=this.persisted,window.dispatchEvent(e),await this._littleBreath(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}_handleDocumentWrite(){const e=new Map;document.write=document.writeln=function(t){const n=document.currentScript,i=document.createRange(),r=n.parentElement;let o=e.get(n);void 0===o&&(o=n.nextSibling,e.set(n,o));const s=document.createDocumentFragment();i.setStart(s,0),s.appendChild(i.createContextualFragment(t)),r.insertBefore(s,o)}}async _littleBreath(){Date.now()-this.lastBreath>45&&(await this._requestAnimFrame(),this.lastBreath=Date.now())}async _requestAnimFrame(){return document.hidden?new Promise((e=>setTimeout(e))):new Promise((e=>requestAnimationFrame(e)))}static run(){const e=new RocketLazyLoadScripts;e._addUserInteractionListener(e)}}RocketLazyLoadScripts.run();</script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <meta name='robots' content='max-image-preview:large' />  <script data-cfasync="false" data-pagespeed-no-defer> var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; const gtm4wp_use_sku_instead = false; const gtm4wp_currency = 'GBP'; const gtm4wp_product_per_impression = false; const gtm4wp_clear_ecommerce = false; const gtm4wp_scrollerscript_debugmode = false; const gtm4wp_scrollerscript_callbacktime = 100; const gtm4wp_scrollerscript_readerlocation = 150; const gtm4wp_scrollerscript_contentelementid = "content"; const gtm4wp_scrollerscript_scannertime = 60; </script>   <title>Advanced UX Design Project: Zen Bike by Sabrina Morellato</title> <meta name="description" content="Explore this real-company project, Zen Bike, for our Advanced UX Design Course with insights from UX Academy alumni, Sabrina Morellato." /> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <link rel="canonical" href="https://myuxacademy.com/advanced-ux-design-project-zen-bike-by-sabrina/" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Advanced UX Design Project: Zen Bike by Sabrina Morellato" /> <meta property="og:description" content="Explore this real-company project, Zen Bike, for our Advanced UX Design Course with insights from UX Academy alumni, Sabrina Morellato." /> <meta property="og:url" content="https://myuxacademy.com/advanced-ux-design-project-zen-bike-by-sabrina/" /> <meta property="article:publisher" content="https://www.facebook.com/myuxacademy/" /> <meta property="article:published_time" content="2020-10-13T12:18:48+00:00" /> <meta property="article:modified_time" content="2023-10-12T12:31:35+00:00" /> <meta property="og:image" content="https://myuxacademy.com/wp-content/uploads/2020/10/Zen-Bike-Sabrina.png" /> <meta property="og:image:width" content="2274" /> <meta property="og:image:height" content="1137" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@lputh" /> <meta name="twitter:label1" content="Written by"> <meta name="twitter:data1" content="UX Academy"> <meta name="twitter:label2" content="Estimated reading time"> <meta name="twitter:data2" content="3 minutes">  <link rel='dns-prefetch' href='//js.klarna.com' /> <link rel="alternate" type="application/rss+xml" title=" » Feed" href="https://myuxacademy.com/feed/" /> <link rel="alternate" type="application/rss+xml" title=" » Comments Feed" href="https://myuxacademy.com/comments/feed/" /> <script type="rocketlazyloadscript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/myuxacademy.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.5"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://myuxacademy.com/wp-includes/css/dist/block-library/style.min.css?ver=6.4.5' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link data-minify="1" rel='stylesheet' id='woocommerce-layout-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=1731771066' media='all' /> <link data-minify="1" rel='stylesheet' id='woocommerce-smallscreen-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=1731771066' media='only screen and (max-width: 768px)' /> <link data-minify="1" rel='stylesheet' id='woocommerce-general-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=1731771066' media='all' /> <style id='woocommerce-inline-inline-css'> .woocommerce form .form-row .required { visibility: visible; } </style> <link data-minify="1" rel='stylesheet' id='custom_splitit_checkout_page_css-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/splitit-installment-payments/assets/css/style.css?ver=1731771066' media='all' /> <link rel='stylesheet' id='hello-elementor-css' href='https://myuxacademy.com/wp-content/themes/hello-elementor/style.min.css?ver=3.1.1' media='all' /> <link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://myuxacademy.com/wp-content/themes/hello-elementor/theme.min.css?ver=3.1.1' media='all' /> <link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://myuxacademy.com/wp-content/themes/hello-elementor/header-footer.min.css?ver=3.1.1' media='all' /> <link data-minify="1" rel='stylesheet' id='elementor-icons-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=1731771066' media='all' /> <link rel='stylesheet' id='elementor-frontend-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.24.7' media='all' /> <link data-minify="1" rel='stylesheet' id='swiper-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=1731771066' media='all' /> <link rel='stylesheet' id='e-swiper-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/css/conditionals/e-swiper.min.css?ver=3.24.7' media='all' /> <link rel='stylesheet' id='elementor-post-9211-css' href='https://myuxacademy.com/wp-content/uploads/elementor/css/post-9211.css?ver=1730818609' media='all' /> <link rel='stylesheet' id='elementor-pro-css' href='https://myuxacademy.com/wp-content/plugins/elementor-pro/assets/css/frontend.min.css?ver=3.20.3' media='all' /> <link data-minify="1" rel='stylesheet' id='font-awesome-5-all-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=1731771066' media='all' /> <link rel='stylesheet' id='font-awesome-4-shim-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=3.24.7' media='all' /> <link rel='stylesheet' id='elementor-global-css' href='https://myuxacademy.com/wp-content/uploads/elementor/css/global.css?ver=1730818610' media='all' /> <link rel='stylesheet' id='widget-text-editor-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/css/widget-text-editor.min.css?ver=3.24.7' media='all' /> <link rel='stylesheet' id='elementor-post-44743-css' href='https://myuxacademy.com/wp-content/uploads/elementor/css/post-44743.css?ver=1730818611' media='all' /> <link rel='stylesheet' id='elementor-post-44720-css' href='https://myuxacademy.com/wp-content/uploads/elementor/css/post-44720.css?ver=1730818611' media='all' /> <link rel='stylesheet' id='elementor-post-34210-css' href='https://myuxacademy.com/wp-content/uploads/elementor/css/post-34210.css?ver=1730818611' media='all' /> <link data-minify="1" rel='stylesheet' id='hello-elementor-child-style-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/themes/hello-theme-child-master/style.css?ver=1731771066' media='all' /> <style id='rocket-lazyload-inline-css'> .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://myuxacademy.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;} </style> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CNunito+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=auto&ver=6.4.5' media='all' /> <link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' media='all' /> <link data-minify="1" rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=1731771066' media='all' /> <link data-minify="1" rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=1731771066' media='all' /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" src="https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/handl-utm-grabber/js/js.cookie.js?ver=1731771066" id="js.cookie-js" defer></script> <script id="handl-utm-grabber-js-extra"> var handl_utm = []; </script> <script type="rocketlazyloadscript" data-minify="1" src="https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/handl-utm-grabber/js/handl-utm-grabber.js?ver=1731771066" id="handl-utm-grabber-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.9.1.2" id="jquery-blockui-js" defer data-wp-strategy="defer"></script> <script id="wc-add-to-cart-js-extra"> var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View basket","cart_url":"https:\/\/myuxacademy.com\/cart\/","is_cart":"","cart_redirect_after_add":"yes"}; </script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=9.1.2" id="wc-add-to-cart-js" defer data-wp-strategy="defer"></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.9.1.2" id="js-cookie-js" defer data-wp-strategy="defer"></script> <script id="woocommerce-js-extra"> var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; </script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=9.1.2" id="woocommerce-js" defer data-wp-strategy="defer"></script> <script type="rocketlazyloadscript" data-minify="1" src="https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/analytics-talk-content-tracking.js?ver=1731771066" id="gtm4wp-scroll-tracking-js" defer></script> <script id="siwk_script-js-extra"> var siwk_params = {"sign_in_from_popup_url":"\/?wc-ajax=siwk_sign_in_from_popup","sign_in_from_popup_nonce":"76f2a1154e"}; </script> <script type="rocketlazyloadscript" data-minify="1" src="https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/klarna-payments-for-woocommerce/dependencies/krokedil/sign-in-with-klarna/src/assets/js/siwk.js?ver=1731771066" id="siwk_script-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=3.24.7" id="font-awesome-4-shim-js" defer></script> <link rel="https://api.w.org/" href="https://myuxacademy.com/wp-json/" /><link rel="alternate" type="application/json" href="https://myuxacademy.com/wp-json/wp/v2/posts/8785" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://myuxacademy.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.4.5" /> <meta name="generator" content="WooCommerce 9.1.2" /> <link rel='shortlink' href='https://myuxacademy.com/?p=8785' /> <link rel="alternate" type="application/json+oembed" href="https://myuxacademy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmyuxacademy.com%2Fadvanced-ux-design-project-zen-bike-by-sabrina%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://myuxacademy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmyuxacademy.com%2Fadvanced-ux-design-project-zen-bike-by-sabrina%2F&format=xml" />   <script data-cfasync="false" data-pagespeed-no-defer type="text/javascript"> var dataLayer_content = {"pageTitle":"Advanced UX Design Project: Zen Bike by Sabrina Morellato","pagePostType":"post","pagePostType2":"single-post","pageCategory":["blog","intermediate","ux-design-portfolio"],"pageAttributes":["intermediate-ux-course","ux-academy-alumni","ux-design","ux-design-portfolio"],"pagePostAuthor":"UX Academy","pagePostDate":"13\/10\/2020","pagePostDateYear":2020,"pagePostDateMonth":10,"pagePostDateDay":13,"pagePostDateDayName":"Tuesday","pagePostDateHour":12,"pagePostDateMinute":18,"pagePostDateIso":"2020-10-13T12:18:48+00:00","pagePostDateUnix":1602591528}; dataLayer.push( dataLayer_content ); </script> <script type="rocketlazyloadscript" data-cfasync="false"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5R8MGQ5'); </script>  <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <meta name="generator" content="Elementor 3.24.7; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto"> <script type="application/ld+json" class="saswp-schema-markup-output"> [{"@context":"https:\/\/schema.org\/","@graph":[{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Free Training","url":"https:\/\/myuxacademy.com\/intro-to-ux-design-webinar\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Free UX\/UI Masterclass","url":"https:\/\/myuxacademy.com\/intro-to-ux-design-webinar\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Advanced UX Masterclass","url":"https:\/\/myuxacademy.com\/intermediate-ux-design-webinar\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Our Courses","url":"https:\/\/myuxacademy.com\/ux-academy-courses\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"UX\/UI Design Course","url":"https:\/\/myuxacademy.com\/beginner-ux-design-course\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Advanced UX Design Course","url":"https:\/\/myuxacademy.com\/intermediate-ux-design-course\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"UX Strategy Course","url":"https:\/\/myuxacademy.com\/ux-strategy-course\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"For Students","url":"https:\/\/myuxacademy.com\/payment-plans\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Payment Plans","url":"https:\/\/myuxacademy.com\/payment-plans\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Lowest Course Price Guarantee","url":"https:\/\/myuxacademy.com\/lowest-price-course-guarantee\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Mentorship","url":"https:\/\/myuxacademy.com\/design-mentorship-program\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Certified UX Design Courses","url":"https:\/\/myuxacademy.com\/certified-ux-design-courses\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"UX Academy Alumni","url":"https:\/\/myuxacademy.com\/ux-academy-alumni\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Student Testimonials","url":"https:\/\/myuxacademy.com\/student-testimonials"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"FAQs","url":"https:\/\/myuxacademy.com\/frequently-asked-questions\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"For Companies","url":"https:\/\/myuxacademy.com\/in-house-ux-training\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"In House Training","url":"https:\/\/myuxacademy.com\/in-house-ux-training\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Design Sprints","url":"https:\/\/myuxacademy.com\/ux-academy-courses\/design-sprints\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"UX Resources","url":"https:\/\/myuxacademy.com\/ux-design-blogs\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"UX Blogs","url":"https:\/\/myuxacademy.com\/ux-design-blogs\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Free UX Guide","url":"https:\/\/myuxacademy.com\/interested-in-becoming-a-ux-designer\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Free UX Potfolio Template","url":"https:\/\/myuxacademy.com\/https-myuxacademy-com-ux-design-portfolio\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"UX Design Books & Podcasts","url":"https:\/\/myuxacademy.com\/ux-design-books-podcasts\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"UX Design Tools","url":"https:\/\/myuxacademy.com\/ux-design-tools\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"About Us","url":"https:\/\/myuxacademy.com\/about-us\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"About UX Academy","url":"https:\/\/myuxacademy.com\/about-us\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Our Trainers","url":"https:\/\/myuxacademy.com\/ux-trainers\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Partnerships","url":"https:\/\/myuxacademy.com\/ux-design-partnerships\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Refer a Friend","url":"https:\/\/myuxacademy.com\/refer-a-friend\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/myuxacademy.com#Menu 1","name":"Submit a Project","url":"https:\/\/myuxacademy.com\/submit-a-project\/"}]}, {"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","@id":"https:\/\/myuxacademy.com\/advanced-ux-design-project-zen-bike-by-sabrina\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/myuxacademy.com","name":"UX Academy"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/myuxacademy.com\/category\/blog\/","name":"Blog"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/myuxacademy.com\/advanced-ux-design-project-zen-bike-by-sabrina\/","name":"Advanced UX Design Project: Zen Bike by Sabrina Morellato"}}]}, {"@context":"https:\/\/schema.org\/","@type":"Blogposting","@id":"https:\/\/myuxacademy.com\/advanced-ux-design-project-zen-bike-by-sabrina\/#Blogposting","url":"https:\/\/myuxacademy.com\/advanced-ux-design-project-zen-bike-by-sabrina\/","inLanguage":"en-GB","mainEntityOfPage":"https:\/\/myuxacademy.com\/advanced-ux-design-project-zen-bike-by-sabrina\/","headline":"Advanced UX Design Project: Zen Bike by Sabrina Morellato","description":"Explore this real-company project, Zen Bike, for our Advanced UX Design Course with insights from UX Academy alumni, Sabrina Morellato.","articleBody":"This advanced UX design project was completed by Sabrina. Here she discusses her experience and outcomes.\u00a0 About Zen Bike Zen Bike offers a unique and eco-friendly points-per-mile system where every mile that you cycle converts into points. These can then unlock rewards such as discounts on TFL, wellbeing stores, and gyms. Advanced UX Design Project Brief \u201cWe believe that the near future in automotive industry is electric cars. There is a massive shift from conventional cars to electric ones in London over the last few year. This is because car emissions are very dangerous for our health and environment. Let\u2019s imagine London as a city where there are only electric cars available and try to understand driver needs. Explore a solution that helps drivers to manage their car battery in order to use their electric cars effectively.\u201d Advanced UX Design: Research Insight We\u00a0don\u2019t\u00a0use a car to commute. Given that the problem was\u00a0finding solutions for electric car drivers in London, the brief changed drastically after the generative research, in fact the results show that most users\u00a0wouldn\u2019t\u00a0use a car to drive in London, because the public transports are efficient, the problem was something different. Picking a problem We used \"how might we\" questions to find the problem for this advanced UX design project. Such as, how might we: Improve people\u2019s work commute experience? Make the tube a fun place for people to be? Make commute less stressful for people? Create a smoother commute time for people? Help people benefit from fresher air during their commute? Encourage people to try alternative commuting options to reduce their monthly costs? Definition The main problem is the stress of users during their commutes, especially in rush hours. The feeling of being squashed in the crowd can be overwhelming. Also, users complained about the high prices of TFL. We decided to use \"how might we improve people\u2019s work commute experience?\". Target Audience The main target audience are people that live in London and own a bike but don\u2019t use it often. The age group is 18-45. Storyboard and Initial Wireframes Our first concept involved a partnership with TFL where they would supply free or inexpensive rental bikes during rush hours. However, we changed our concept when we found out that Santander app already had a similar partnership with TLF. Also, our first round of feedback from user interviews, we concluded our signup process was too complex. Cycling Incentive App Choose journey based on stress and pollution levels. Win rewards per cycled miles, be relaxed and green. Win Vouchers and discounts on wellbeing stores, cycling stores and TFL Onboarding & Login. We offer the login\/signup buton together with onboarding and benefits screen to allows users to know the value they are getting in exchange of their personal details. Landing Screen. Your journey begins when you enter your destination. Receive daily tips according to the weather to support you and motivate you for your cycling journey. Choosing a Route. Pick your route based on noise, pollution and reported stress levels. Nevermind about looking into levels of information on other transportation apps. Completing the Journey. Become aware of your achievements + leave feedback on the conditions of your journey so we can improve the accuracy of the mapping and so that others can benefit from it + The more you cycle the more you and the environment wins! Prizes & Milestones. A dashboard screen will keep you informed on accumulated points, on your cycling level, weekly and permanent challenges. Keep track of your progress and redeem vouchers and discounts on wellbeing stores, cycling stores and TFL For more information or to enrol on this course, head to our Advanced UX Design Course. UX Academy has several courses available to suit your needs and to build your portfolio with real-company projects.","keywords":"Intermediate UX Course, UX Academy Alumni, UX Design, UX Design Portfolio, ","datePublished":"2020-10-13T12:18:48+00:00","dateModified":"2023-10-12T12:31:35+00:00","author":{"@type":"Person","name":"UX Academy","url":"https:\/\/myuxacademy.com\/author\/lputh\/","sameAs":["lputh"],"image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/b937e6ab61089282e35b7b511b7f77eb?s=96&d=mm&r=g","height":96,"width":96}},"editor":{"@type":"Person","name":"UX Academy","url":"https:\/\/myuxacademy.com\/author\/lputh\/","sameAs":["lputh"],"image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/b937e6ab61089282e35b7b511b7f77eb?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"UX Academy","url":"https:\/\/myuxacademy.com"},"image":[{"@type":"ImageObject","@id":"https:\/\/myuxacademy.com\/advanced-ux-design-project-zen-bike-by-sabrina\/#primaryimage","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Zen-Bike-Sabrina.png","width":"2274","height":"1137","caption":"Advanced UX Design Project Zen Bike Sabrina"},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.20.53-1024x619.png","width":1024,"height":619,"caption":"whiteboard with sticky notes about user preferences"},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.24.51-1024x658.png","width":1024,"height":658,"caption":"user persona in detail about their age, habits, profile, pain points."},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.26.42-1024x286.png","width":1024,"height":286,"caption":"sketches of wireframes"},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.27.13-1024x291.png","width":1024,"height":291,"caption":"medium wire-frames from the sketches"},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.27.25-1.png","width":846,"height":1030,"caption":"prototype of the app - login page"},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.27.28.png","width":584,"height":992,"caption":"prototype of the app in closer detail"},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.27.32.png","width":622,"height":990,"caption":"prototype of the app - the map"},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.27.35.png","width":524,"height":996,"caption":"prototype of the app - the map in more detail"},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.27.39.png","width":618,"height":1018,"caption":"prototype of the app - credit page"},{"@type":"ImageObject","url":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-13-at-19.27.44.png","width":576,"height":982,"caption":"prototype of the app - weekly challenges and refer a friend"}]}] </script> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> <script type="rocketlazyloadscript" data-minify="1" class="cytrio-script" src="https://myuxacademy.com/wp-content/cache/min/1/cytrio-public/cookiescript/2410/2623/script.js?ver=1731771066" defer></script> <meta name="google-site-verification" content="bg6l-dfiaLTQ7rqFvTtQR-D0GM0P-lMm7fUsU4gXMtU" /><style id='wp-fonts-local'> @font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://myuxacademy.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;} @font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://myuxacademy.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');} </style> <link rel="icon" href="https://myuxacademy.com/wp-content/uploads/2020/11/favicon-32x32-1.png" sizes="32x32" /> <link rel="icon" href="https://myuxacademy.com/wp-content/uploads/2020/11/favicon-32x32-1.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://myuxacademy.com/wp-content/uploads/2020/11/favicon-32x32-1.png" /> <meta name="msapplication-TileImage" content="https://myuxacademy.com/wp-content/uploads/2020/11/favicon-32x32-1.png" /> <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } </style></head> <body class="post-template-default single single-post postid-8785 single-format-standard theme-hello-elementor woocommerce-no-js elementor-default elementor-kit-9211 elementor-page elementor-page-8785"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div data-elementor-type="header" data-elementor-id="44743" class="elementor elementor-44743 elementor-location-header" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-0bc47f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0bc47f8" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e63ca27" data-id="e63ca27" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-a028989 elementor-widget elementor-widget-image" data-id="a028989" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://myuxacademy.com"> <img fetchpriority="high" width="300" height="253" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20253'%3E%3C/svg%3E" class="attachment-medium size-medium wp-image-23256" alt="" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2021/02/white-ux-academy-logo1-300x253.jpg 300w, https://myuxacademy.com/wp-content/uploads/2021/02/white-ux-academy-logo1-600x507.jpg 600w, https://myuxacademy.com/wp-content/uploads/2021/02/white-ux-academy-logo1.jpg 670w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2021/02/white-ux-academy-logo1-300x253.jpg" /><noscript><img fetchpriority="high" width="300" height="253" src="https://myuxacademy.com/wp-content/uploads/2021/02/white-ux-academy-logo1-300x253.jpg" class="attachment-medium size-medium wp-image-23256" alt="" srcset="https://myuxacademy.com/wp-content/uploads/2021/02/white-ux-academy-logo1-300x253.jpg 300w, https://myuxacademy.com/wp-content/uploads/2021/02/white-ux-academy-logo1-600x507.jpg 600w, https://myuxacademy.com/wp-content/uploads/2021/02/white-ux-academy-logo1.jpg 670w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4a767c1" data-id="4a767c1" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-18cee7e elementor-nav-menu__align-end elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="18cee7e" data-element_type="widget" data-settings="{"full_width":"stretch","submenu_icon":{"value":"<i class=\"fas fa-angle-down\"><\/i>","library":"fa-solid"},"layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade"> <ul id="menu-1-18cee7e" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9192"><a href="https://myuxacademy.com/intro-to-ux-design-webinar/" class="elementor-item">Free Training</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29190"><a href="https://myuxacademy.com/intro-to-ux-design-webinar/" class="elementor-sub-item">Free UX/UI Masterclass</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24523"><a href="https://myuxacademy.com/intermediate-ux-design-webinar/" class="elementor-sub-item">Advanced UX Masterclass</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-18492"><a href="https://myuxacademy.com/ux-academy-courses/" class="elementor-item">Our Courses</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29177"><a href="https://myuxacademy.com/beginner-ux-design-course/" class="elementor-sub-item">UX/UI Design Course</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29178"><a href="https://myuxacademy.com/intermediate-ux-design-course/" class="elementor-sub-item">Advanced UX Design Course</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29181"><a href="https://myuxacademy.com/ux-strategy-course/" class="elementor-sub-item">UX Strategy Course</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-37622"><a href="https://myuxacademy.com/payment-plans/" class="elementor-item">For Students</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19327"><a href="https://myuxacademy.com/payment-plans/" class="elementor-sub-item">Payment Plans</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36430"><a href="https://myuxacademy.com/lowest-price-course-guarantee/" class="elementor-sub-item">Lowest Course Price Guarantee</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18505"><a href="https://myuxacademy.com/design-mentorship-program/" class="elementor-sub-item">Mentorship</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29429"><a href="https://myuxacademy.com/certified-ux-design-courses/" class="elementor-sub-item">Certified UX Design Courses</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18613"><a href="https://myuxacademy.com/ux-academy-alumni/" class="elementor-sub-item">UX Academy Alumni</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23716"><a href="https://myuxacademy.com/student-testimonials" class="elementor-sub-item">Student Testimonials</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18466"><a href="https://myuxacademy.com/frequently-asked-questions/" class="elementor-sub-item">FAQs</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-18400"><a href="https://myuxacademy.com/in-house-ux-training/" class="elementor-item">For Companies</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42157"><a href="https://myuxacademy.com/in-house-ux-training/" class="elementor-sub-item">In House Training</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42155"><a href="https://myuxacademy.com/ux-academy-courses/design-sprints/" class="elementor-sub-item">Design Sprints</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1271"><a href="https://myuxacademy.com/ux-design-blogs/" class="elementor-item">UX Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14551"><a href="https://myuxacademy.com/ux-design-blogs/" class="elementor-sub-item">UX Blogs</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20264"><a href="https://myuxacademy.com/interested-in-becoming-a-ux-designer/" class="elementor-sub-item">Free UX Guide</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27026"><a href="https://myuxacademy.com/https-myuxacademy-com-ux-design-portfolio/" class="elementor-sub-item">Free UX Potfolio Template</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28812"><a href="https://myuxacademy.com/ux-design-books-podcasts/" class="elementor-sub-item">UX Design Books & Podcasts</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28813"><a href="https://myuxacademy.com/ux-design-tools/" class="elementor-sub-item">UX Design Tools</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-18493"><a href="https://myuxacademy.com/about-us/" class="elementor-item">About Us</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27151"><a href="https://myuxacademy.com/about-us/" class="elementor-sub-item">About UX Academy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18503"><a href="https://myuxacademy.com/ux-trainers/" class="elementor-sub-item">Our Trainers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18469"><a href="https://myuxacademy.com/ux-design-partnerships/" class="elementor-sub-item">Partnerships</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23197"><a href="https://myuxacademy.com/refer-a-friend/" class="elementor-sub-item">Refer a Friend</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33079"><a href="https://myuxacademy.com/submit-a-project/" class="elementor-sub-item">Submit a Project</a></li> </ul> </li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open eicon-menu-bar"></i><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close eicon-close"></i> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-18cee7e" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9192"><a href="https://myuxacademy.com/intro-to-ux-design-webinar/" class="elementor-item" tabindex="-1">Free Training</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29190"><a href="https://myuxacademy.com/intro-to-ux-design-webinar/" class="elementor-sub-item" tabindex="-1">Free UX/UI Masterclass</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24523"><a href="https://myuxacademy.com/intermediate-ux-design-webinar/" class="elementor-sub-item" tabindex="-1">Advanced UX Masterclass</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-18492"><a href="https://myuxacademy.com/ux-academy-courses/" class="elementor-item" tabindex="-1">Our Courses</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29177"><a href="https://myuxacademy.com/beginner-ux-design-course/" class="elementor-sub-item" tabindex="-1">UX/UI Design Course</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29178"><a href="https://myuxacademy.com/intermediate-ux-design-course/" class="elementor-sub-item" tabindex="-1">Advanced UX Design Course</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29181"><a href="https://myuxacademy.com/ux-strategy-course/" class="elementor-sub-item" tabindex="-1">UX Strategy Course</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-37622"><a href="https://myuxacademy.com/payment-plans/" class="elementor-item" tabindex="-1">For Students</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19327"><a href="https://myuxacademy.com/payment-plans/" class="elementor-sub-item" tabindex="-1">Payment Plans</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36430"><a href="https://myuxacademy.com/lowest-price-course-guarantee/" class="elementor-sub-item" tabindex="-1">Lowest Course Price Guarantee</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18505"><a href="https://myuxacademy.com/design-mentorship-program/" class="elementor-sub-item" tabindex="-1">Mentorship</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29429"><a href="https://myuxacademy.com/certified-ux-design-courses/" class="elementor-sub-item" tabindex="-1">Certified UX Design Courses</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18613"><a href="https://myuxacademy.com/ux-academy-alumni/" class="elementor-sub-item" tabindex="-1">UX Academy Alumni</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23716"><a href="https://myuxacademy.com/student-testimonials" class="elementor-sub-item" tabindex="-1">Student Testimonials</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18466"><a href="https://myuxacademy.com/frequently-asked-questions/" class="elementor-sub-item" tabindex="-1">FAQs</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-18400"><a href="https://myuxacademy.com/in-house-ux-training/" class="elementor-item" tabindex="-1">For Companies</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42157"><a href="https://myuxacademy.com/in-house-ux-training/" class="elementor-sub-item" tabindex="-1">In House Training</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42155"><a href="https://myuxacademy.com/ux-academy-courses/design-sprints/" class="elementor-sub-item" tabindex="-1">Design Sprints</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1271"><a href="https://myuxacademy.com/ux-design-blogs/" class="elementor-item" tabindex="-1">UX Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14551"><a href="https://myuxacademy.com/ux-design-blogs/" class="elementor-sub-item" tabindex="-1">UX Blogs</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20264"><a href="https://myuxacademy.com/interested-in-becoming-a-ux-designer/" class="elementor-sub-item" tabindex="-1">Free UX Guide</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27026"><a href="https://myuxacademy.com/https-myuxacademy-com-ux-design-portfolio/" class="elementor-sub-item" tabindex="-1">Free UX Potfolio Template</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28812"><a href="https://myuxacademy.com/ux-design-books-podcasts/" class="elementor-sub-item" tabindex="-1">UX Design Books & Podcasts</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28813"><a href="https://myuxacademy.com/ux-design-tools/" class="elementor-sub-item" tabindex="-1">UX Design Tools</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-18493"><a href="https://myuxacademy.com/about-us/" class="elementor-item" tabindex="-1">About Us</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27151"><a href="https://myuxacademy.com/about-us/" class="elementor-sub-item" tabindex="-1">About UX Academy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18503"><a href="https://myuxacademy.com/ux-trainers/" class="elementor-sub-item" tabindex="-1">Our Trainers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18469"><a href="https://myuxacademy.com/ux-design-partnerships/" class="elementor-sub-item" tabindex="-1">Partnerships</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23197"><a href="https://myuxacademy.com/refer-a-friend/" class="elementor-sub-item" tabindex="-1">Refer a Friend</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33079"><a href="https://myuxacademy.com/submit-a-project/" class="elementor-sub-item" tabindex="-1">Submit a Project</a></li> </ul> </li> </ul> </nav> </div> </div> </div> </div> </div> </section> </div> <main id="content" class="site-main post-8785 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-intermediate category-ux-design-portfolio tag-intermediate-ux-course tag-ux-academy-alumni tag-ux-design tag-ux-design-portfolio"> <div class="page-header"> <h1 class="entry-title">Advanced UX Design Project: Zen Bike by Sabrina Morellato</h1> </div> <div class="page-content"> <div data-elementor-type="wp-post" data-elementor-id="8785" class="elementor elementor-8785" data-elementor-post-type="post"> <section class="elementor-section elementor-top-section elementor-element elementor-element-54fb7226 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="54fb7226" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62b4a28" data-id="62b4a28" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6c65c0a5 elementor-widget elementor-widget-text-editor" data-id="6c65c0a5" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container">  <p>This advanced UX design project was completed by Sabrina. Here she discusses her experience and outcomes. </p> <h5 id="h-about-zenbike">About Zen Bike</h5>  <p>Zen Bike offers a unique and eco-friendly points-per-mile system where every mile that you cycle converts into points. These can then unlock rewards such as discounts on TFL, wellbeing stores, and gyms.</p>  <h5 id="h-ux-challenge-brief">Advanced UX Design Project Brief</h5>  <p>“We believe that the near future in automotive industry is electric cars. There is a massive shift from conventional cars to electric ones in London over the last few year. This is because car emissions are very dangerous for our health and environment. Let’s imagine London as a city where there are only electric cars available and try to understand driver needs. Explore a solution that helps drivers to manage their car battery in order to use their electric cars effectively.”</p>  <figure class="wp-block-image aligncenter size-large is-resized"><img decoding="async" class="alignnone wp-image-8791" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20410%20247'%3E%3C/svg%3E" alt="whiteboard with sticky notes about user preferences" width="410" height="247" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-1024x619.png 1024w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-600x363.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-300x181.png 300w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-768x464.png 768w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53.png 1436w" data-lazy-sizes="(max-width: 410px) 100vw, 410px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-1024x619.png" /><noscript><img decoding="async" class="alignnone wp-image-8791" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-1024x619.png" alt="whiteboard with sticky notes about user preferences" width="410" height="247" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-1024x619.png 1024w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-600x363.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-300x181.png 300w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53-768x464.png 768w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.20.53.png 1436w" sizes="(max-width: 410px) 100vw, 410px" /></noscript></figure>  <h5 id="h-research-breaking-the-brief">Advanced UX Design: Research</h5>  <div class="wp-block-columns"> <div class="wp-block-column"> <h5 id="h-insight">Insight</h5>  <p>We don’t use a car to commute. Given that the problem was finding solutions for electric car drivers in London, the brief changed drastically after the generative research, in fact the results show that most users wouldn’t use a car to drive in London, because the public transports are efficient, the problem was something different.</p> </div>  <div class="wp-block-column"> <h5 id="h-picking-a-problem">Picking a problem</h5>  <p>We used “how might we” questions to find the problem for this advanced UX design project. Such as, how might we:</p> <ul> <li>Improve people’s work commute experience?</li> <li>Make the tube a fun place for people to be?</li> <li>Make commute less stressful for people?</li> <li>Create a smoother commute time for people?</li> <li>Help people benefit from fresher air during their commute?</li> <li>Encourage people to try alternative commuting options to reduce their monthly costs?</li> </ul> </div> </div>  <h5 id="h-definition">Definition</h5>  <p>The main problem is the stress of users during their commutes, especially in rush hours. The feeling of being squashed in the crowd can be overwhelming. Also, users complained about the high prices of TFL. We decided to use “how might we improve people’s work commute experience?”.</p>  <h5 id="h-target-audience">Target Audience</h5>  <p>The main target audience are people that live in London and own a bike but don’t use it often. The age group is 18-45.</p>  <figure class="wp-block-image aligncenter size-large is-resized"><img decoding="async" class="alignnone wp-image-8789" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20463%20297'%3E%3C/svg%3E" alt="user persona in detail about their age, habits, profile, pain points." width="463" height="297" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-1024x658.png 1024w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-600x386.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-300x193.png 300w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-768x494.png 768w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51.png 1176w" data-lazy-sizes="(max-width: 463px) 100vw, 463px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-1024x658.png" /><noscript><img decoding="async" class="alignnone wp-image-8789" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-1024x658.png" alt="user persona in detail about their age, habits, profile, pain points." width="463" height="297" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-1024x658.png 1024w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-600x386.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-300x193.png 300w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51-768x494.png 768w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.24.51.png 1176w" sizes="(max-width: 463px) 100vw, 463px" /></noscript></figure>  <h5 id="h-storyboard-and-initial-wireframes">Storyboard and Initial Wireframes</h5>  <p>Our first concept involved a partnership with TFL where they would supply free or inexpensive rental bikes during rush hours.</p>  <p>However, we changed our concept when we found out that Santander app already had a similar partnership with TLF. Also, our first round of feedback from user interviews, we concluded our signup process was too complex.</p>  <figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" class="alignnone wp-image-8793" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20472%20131'%3E%3C/svg%3E" alt="sketches of wireframes" width="472" height="131" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-1024x286.png 1024w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-600x168.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-300x84.png 300w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-768x215.png 768w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42.png 1363w" data-lazy-sizes="(max-width: 472px) 100vw, 472px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-1024x286.png" /><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-8793" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-1024x286.png" alt="sketches of wireframes" width="472" height="131" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-1024x286.png 1024w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-600x168.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-300x84.png 300w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42-768x215.png 768w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.26.42.png 1363w" sizes="(max-width: 472px) 100vw, 472px" /></noscript></figure>  <figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" class="alignnone wp-image-8794" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20502%20142'%3E%3C/svg%3E" alt="medium wire-frames from the sketches" width="502" height="142" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-1024x291.png 1024w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-600x171.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-300x85.png 300w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-768x218.png 768w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-1536x437.png 1536w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-2048x582.png 2048w" data-lazy-sizes="(max-width: 502px) 100vw, 502px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-1024x291.png" /><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-8794" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-1024x291.png" alt="medium wire-frames from the sketches" width="502" height="142" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-1024x291.png 1024w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-600x171.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-300x85.png 300w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-768x218.png 768w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-1536x437.png 1536w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.13-2048x582.png 2048w" sizes="(max-width: 502px) 100vw, 502px" /></noscript></figure>  <h5 id="h-cycling-incentive-app">Cycling Incentive App</h5>  <div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns: 22% auto;"> <figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" class="alignnone wp-image-8805 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20846%201030'%3E%3C/svg%3E" alt="prototype of the app - login page" width="846" height="1030" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1.png 846w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1-600x730.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1-246x300.png 246w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1-841x1024.png 841w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1-768x935.png 768w" data-lazy-sizes="(max-width: 846px) 100vw, 846px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1.png" /><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-8805 size-full" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1.png" alt="prototype of the app - login page" width="846" height="1030" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1.png 846w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1-600x730.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1-246x300.png 246w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1-841x1024.png 841w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.25-1-768x935.png 768w" sizes="(max-width: 846px) 100vw, 846px" /></noscript></figure> <div class="wp-block-media-text__content"> <p>Choose journey based on stress and pollution levels. Win rewards per cycled miles, be relaxed and green. Win Vouchers and discounts on wellbeing stores, cycling stores and TFL</p> </div> </div>  <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns: auto 22%;"> <figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" class="alignnone wp-image-8802 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20584%20992'%3E%3C/svg%3E" alt="prototype of the app in closer detail" width="584" height="992" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.28.png 584w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.28-177x300.png 177w" data-lazy-sizes="(max-width: 584px) 100vw, 584px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.28.png" /><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-8802 size-full" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.28.png" alt="prototype of the app in closer detail" width="584" height="992" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.28.png 584w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.28-177x300.png 177w" sizes="(max-width: 584px) 100vw, 584px" /></noscript></figure> <div class="wp-block-media-text__content"> <p><strong>Onboarding & Login</strong>. We offer the login/signup buton together with onboarding and benefits screen to allows users to know the value they are getting in exchange of their personal details.</p> </div> </div>  <div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns: 19% auto;"> <figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" class="alignnone wp-image-8801 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20622%20990'%3E%3C/svg%3E" alt="prototype of the app - the map" width="622" height="990" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.32.png 622w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.32-600x955.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.32-188x300.png 188w" data-lazy-sizes="(max-width: 622px) 100vw, 622px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.32.png" /><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-8801 size-full" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.32.png" alt="prototype of the app - the map" width="622" height="990" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.32.png 622w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.32-600x955.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.32-188x300.png 188w" sizes="(max-width: 622px) 100vw, 622px" /></noscript></figure> <div class="wp-block-media-text__content"> <p><strong>Landing Screen</strong>. Your journey begins when you enter your destination. Receive daily tips according to the weather to support you and motivate you for your cycling journey.</p> </div> </div>  <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns: auto 18%;"> <figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" class="alignnone wp-image-8800 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20996'%3E%3C/svg%3E" alt="prototype of the app - the map in more detail" width="524" height="996" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.35.png 524w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.35-158x300.png 158w" data-lazy-sizes="(max-width: 524px) 100vw, 524px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.35.png" /><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-8800 size-full" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.35.png" alt="prototype of the app - the map in more detail" width="524" height="996" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.35.png 524w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.35-158x300.png 158w" sizes="(max-width: 524px) 100vw, 524px" /></noscript></figure> <div class="wp-block-media-text__content"> <p><strong>Choosing a Route</strong>. Pick your route based on noise, pollution and reported stress levels. Nevermind about looking into levels of information on other transportation apps.</p> </div> </div>  <div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns: 19% auto;"> <figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" class="alignnone wp-image-8799 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20618%201018'%3E%3C/svg%3E" alt="prototype of the app - credit page" width="618" height="1018" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.39.png 618w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.39-600x988.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.39-182x300.png 182w" data-lazy-sizes="(max-width: 618px) 100vw, 618px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.39.png" /><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-8799 size-full" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.39.png" alt="prototype of the app - credit page" width="618" height="1018" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.39.png 618w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.39-600x988.png 600w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.39-182x300.png 182w" sizes="(max-width: 618px) 100vw, 618px" /></noscript></figure> <div class="wp-block-media-text__content"> <p><strong>Completing the Journey</strong>. Become aware of your achievements + leave feedback on the conditions of your journey so we can improve the accuracy of the mapping and so that others can benefit from it + The more you cycle the more you and the environment wins!</p> </div> </div>  <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns: auto 20%;"> <figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" class="alignnone wp-image-8798 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20982'%3E%3C/svg%3E" alt="prototype of the app - weekly challenges and refer a friend" width="576" height="982" data-lazy-srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.44.png 576w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.44-176x300.png 176w" data-lazy-sizes="(max-width: 576px) 100vw, 576px" data-lazy-src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.44.png" /><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-8798 size-full" src="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.44.png" alt="prototype of the app - weekly challenges and refer a friend" width="576" height="982" srcset="https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.44.png 576w, https://myuxacademy.com/wp-content/uploads/2020/10/Screen-Shot-2020-10-13-at-19.27.44-176x300.png 176w" sizes="(max-width: 576px) 100vw, 576px" /></noscript></figure> <div class="wp-block-media-text__content"> <p><strong>Prizes & Milestones</strong>. A dashboard screen will keep you informed on accumulated points, on your cycling level, weekly and permanent challenges. Keep track of your progress and redeem vouchers and discounts on wellbeing stores, cycling stores and TFL</p> </div> </div>  <p>For more information or to enrol on this course, head to our <a href="https://myuxacademy.com/intermediate-ux-design-course/">Advanced UX Design Course.</a> UX Academy has several courses available to suit your needs and to build your portfolio with real-company projects.</p>  </div> </div> </div> </div> </div> </section> </div> <div class="post-tags"> <span class="tag-links">Tagged <a href="https://myuxacademy.com/tag/intermediate-ux-course/" rel="tag">Intermediate UX Course</a>, <a href="https://myuxacademy.com/tag/ux-academy-alumni/" rel="tag">UX Academy Alumni</a>, <a href="https://myuxacademy.com/tag/ux-design/" rel="tag">UX Design</a>, <a href="https://myuxacademy.com/tag/ux-design-portfolio/" rel="tag">UX Design Portfolio</a></span> </div> </div> </main> <div data-elementor-type="footer" data-elementor-id="44720" class="elementor elementor-44720 elementor-location-footer" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-0e1c963 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0e1c963" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9f91ac0" data-id="9f91ac0" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-3007a38 elementor-widget elementor-widget-spacer" data-id="3007a38" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-df697bb elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="df697bb" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6dfe1cc" data-id="6dfe1cc" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1f7c190 elementor-widget elementor-widget-heading" data-id="1f7c190" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Sign-up for Latest UX News</h2> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7e8648c" data-id="7e8648c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f191fb5 elementor-button-align-end elementor-mobile-button-align-center elementor-widget elementor-widget-form" data-id="f191fb5" data-element_type="widget" data-settings="{"button_width":"25","button_width_mobile":"100","step_next_label":"Next","step_previous_label":"Previous","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <form class="elementor-form" method="post" name="New Form"> <input type="hidden" name="post_id" value="44720"/> <input type="hidden" name="form_id" value="f191fb5"/> <input type="hidden" name="referer_title" value="Advanced UX Design Project: Zen Bike by Sabrina Morellato" /> <input type="hidden" name="queried_id" value="8785"/> <div class="elementor-form-fields-wrapper elementor-labels-"> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-75 elementor-sm-100 elementor-field-required"> <label for="form-field-email" class="elementor-field-label elementor-screen-only"> Email </label> <input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-md elementor-field-textual" placeholder="Enter Your Email Address" required="required" aria-required="true"> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-25 e-form__buttons elementor-sm-100"> <button type="submit" class="elementor-button elementor-size-sm"> <span > <span class=" elementor-button-icon"> </span> <span class="elementor-button-text">Confirm</span> </span> </button> </div> </div> </form> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-4655a8b elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="4655a8b" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-6f4dccf elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6f4dccf" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-8cc884d" data-id="8cc884d" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-ee01481 elementor-widget elementor-widget-heading" data-id="ee01481" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default"> Our Courses</h2> </div> </div> <div class="elementor-element elementor-element-7f1e463 elementor-nav-menu__text-align-center elementor-nav-menu--dropdown-tablet elementor-widget elementor-widget-nav-menu" data-id="7f1e463" data-element_type="widget" data-settings="{"layout":"horizontal","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"}}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> <ul id="menu-1-7f1e463" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32982"><a href="https://myuxacademy.com/beginner-ux-design-course/" class="elementor-item">UX/UI Design Course</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32983"><a href="https://myuxacademy.com/intermediate-ux-design-course/" class="elementor-item">Advanced UX Design Course</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32984"><a href="https://myuxacademy.com/ux-strategy-course/" class="elementor-item">UX Strategy Course</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-41152"><a href="https://myuxacademy.com/in-house-ux-training/" class="elementor-item">For Companies</a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-7f1e463" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32982"><a href="https://myuxacademy.com/beginner-ux-design-course/" class="elementor-item" tabindex="-1">UX/UI Design Course</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32983"><a href="https://myuxacademy.com/intermediate-ux-design-course/" class="elementor-item" tabindex="-1">Advanced UX Design Course</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32984"><a href="https://myuxacademy.com/ux-strategy-course/" class="elementor-item" tabindex="-1">UX Strategy Course</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-41152"><a href="https://myuxacademy.com/in-house-ux-training/" class="elementor-item" tabindex="-1">For Companies</a></li> </ul> </nav> </div> </div> <div class="elementor-element elementor-element-1654ffd elementor-shape-circle e-grid-align-left e-grid-align-tablet-center e-grid-align-mobile-center elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="1654ffd" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <div class="elementor-social-icons-wrapper elementor-grid"> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-0b2dc06" href="https://www.facebook.com/myuxacademy" target="_blank"> <span class="elementor-screen-only">Facebook-f</span> <i class="fab fa-facebook-f"></i> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin-in elementor-repeater-item-2ee578b" href="https://www.linkedin.com/company/myuxacademy/" target="_blank"> <span class="elementor-screen-only">Linkedin-in</span> <i class="fab fa-linkedin-in"></i> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-3f01868" href="https://www.instagram.com/myuxacademy/?hl=es" target="_blank"> <span class="elementor-screen-only">Instagram</span> <i class="fab fa-instagram"></i> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-8c03e9f" href="https://www.youtube.com/channel/UCQaxojkJ6l5nSmYZ6mUqs0Q" target="_blank"> <span class="elementor-screen-only">Youtube</span> <i class="fab fa-youtube"></i> </a> </span> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-8f0ce83" data-id="8f0ce83" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-549b554 elementor-widget elementor-widget-heading" data-id="549b554" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Resources</h2> </div> </div> <div class="elementor-element elementor-element-51cb7d1 elementor-nav-menu__text-align-center elementor-nav-menu--dropdown-tablet elementor-widget elementor-widget-nav-menu" data-id="51cb7d1" data-element_type="widget" data-settings="{"layout":"vertical","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"}}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none"> <ul id="menu-1-51cb7d1" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33091"><a href="https://myuxacademy.com/ux-design-blogs/" class="elementor-item">UX Blogs</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33324"><a href="https://myuxacademy.com/design-mentorship-program/" class="elementor-item">UX Design Mentorship</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33090"><a href="https://myuxacademy.com/ux-design-tools/" class="elementor-item">UX Design Tools</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33088"><a href="https://myuxacademy.com/ux-design-books-podcasts/" class="elementor-item">UX Design Books & Podcasts</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33373"><a href="https://myuxacademy.com/get-in-ux-design/" class="elementor-item">Free UX Guide</a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-51cb7d1" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33091"><a href="https://myuxacademy.com/ux-design-blogs/" class="elementor-item" tabindex="-1">UX Blogs</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33324"><a href="https://myuxacademy.com/design-mentorship-program/" class="elementor-item" tabindex="-1">UX Design Mentorship</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33090"><a href="https://myuxacademy.com/ux-design-tools/" class="elementor-item" tabindex="-1">UX Design Tools</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33088"><a href="https://myuxacademy.com/ux-design-books-podcasts/" class="elementor-item" tabindex="-1">UX Design Books & Podcasts</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33373"><a href="https://myuxacademy.com/get-in-ux-design/" class="elementor-item" tabindex="-1">Free UX Guide</a></li> </ul> </nav> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-f0fb53e" data-id="f0fb53e" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-9554566 elementor-widget elementor-widget-heading" data-id="9554566" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Useful Links</h2> </div> </div> <div class="elementor-element elementor-element-0d54f0d elementor-nav-menu__text-align-center elementor-nav-menu--dropdown-tablet elementor-widget elementor-widget-nav-menu" data-id="0d54f0d" data-element_type="widget" data-settings="{"layout":"vertical","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"}}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none"> <ul id="menu-1-0d54f0d" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33374"><a href="https://myuxacademy.com/about-us/" class="elementor-item">About UX Academy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33095"><a href="https://myuxacademy.com/payment-plans/" class="elementor-item">Payment Plans</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44800"><a href="https://myuxacademy.com/ux-academy-alumni/" class="elementor-item">UX Academy Alumni</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33325"><a href="https://myuxacademy.com/?page_id=18527" class="elementor-item">Student Testimonials</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33376"><a href="https://myuxacademy.com/frequently-asked-questions/" class="elementor-item">Frequently Asked Questions (FAQs)</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36483"><a href="https://myuxacademy.com/lowest-price-course-guarantee/" class="elementor-item">Lowest Course Price Guarantee</a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-0d54f0d" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33374"><a href="https://myuxacademy.com/about-us/" class="elementor-item" tabindex="-1">About UX Academy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33095"><a href="https://myuxacademy.com/payment-plans/" class="elementor-item" tabindex="-1">Payment Plans</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44800"><a href="https://myuxacademy.com/ux-academy-alumni/" class="elementor-item" tabindex="-1">UX Academy Alumni</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33325"><a href="https://myuxacademy.com/?page_id=18527" class="elementor-item" tabindex="-1">Student Testimonials</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33376"><a href="https://myuxacademy.com/frequently-asked-questions/" class="elementor-item" tabindex="-1">Frequently Asked Questions (FAQs)</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36483"><a href="https://myuxacademy.com/lowest-price-course-guarantee/" class="elementor-item" tabindex="-1">Lowest Course Price Guarantee</a></li> </ul> </nav> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-422775b" data-id="422775b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-b93da7e elementor-button-align-start elementor-mobile-button-align-center elementor-widget__width-initial elementor-widget elementor-widget-form" data-id="b93da7e" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}" script="" window="" event="" formtype="" data-widget_type="form.default"> <div class="elementor-widget-container"> <form class="elementor-form" method="post" id="get-in-touch-form" name="New Form"> <input type="hidden" name="post_id" value="44720"/> <input type="hidden" name="form_id" value="b93da7e"/> <input type="hidden" name="referer_title" value="Advanced UX Design Project: Zen Bike by Sabrina Morellato" /> <input type="hidden" name="queried_id" value="8785"/> <div class="elementor-form-fields-wrapper elementor-labels-above"> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required"> <label for="form-field-email" class="elementor-field-label"> Have a Question About Our Courses? </label> <input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Enter Your Email Address" required="required" aria-required="true"> </div> <div class="elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required"> <textarea class="elementor-field-textual elementor-field elementor-size-sm" name="form_fields[message]" id="form-field-message" rows="4" placeholder="I have a Question about UX Academy Courses..." required="required" aria-required="true"></textarea> </div> <div class="elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-field_f5434a4 elementor-col-100"> <input size="1" type="hidden" name="form_fields[field_f5434a4]" id="form-field-field_f5434a4" class="elementor-field elementor-size-sm elementor-field-textual"> </div> <div class="elementor-field-type-recaptcha_v3 elementor-field-group elementor-column elementor-field-group-field_79b3497 elementor-col-100 recaptcha_v3-bottomright"> <div class="elementor-field" id="form-field-field_79b3497"><div class="elementor-g-recaptcha" data-sitekey="6LdTPewUAAAAAHzk14L98iitG240wl4xltKFJMID" data-type="v3" data-action="Form" data-badge="bottomright" data-size="invisible"></div></div> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons"> <button type="submit" class="elementor-button elementor-size-sm" id="get-in-touch"> <span > <span class=" elementor-button-icon"> </span> <span class="elementor-button-text">Get in Touch</span> </span> </button> </div> </div> </form> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-ee6ff98 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ee6ff98" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-432d3b7 elementor-widget elementor-widget-text-editor" data-id="432d3b7" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Copyright© 2024 UX Academy. All Rights Reserved.</p> </div> </div> </div> </div> </div> </section> </div>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5R8MGQ5" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript>  <script type="rocketlazyloadscript"> getSplititAjaxURL = function( endpoint ) { return '/?wc-ajax=%%endpoint%%' .toString() .replace( '%%endpoint%%', 'splitit_' + endpoint ); }; </script> <div data-elementor-type="popup" data-elementor-id="34210" class="elementor elementor-34210 elementor-location-popup" data-elementor-settings="{"a11y_navigation":"yes","triggers":{"inactivity":"yes","exit_intent":"yes","inactivity_time":30},"timing":{"times_times":1,"times":"yes","devices_devices":["desktop"],"devices":"yes","times_period":"day"}}" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-4d5eef9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4d5eef9" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-67651de" data-id="67651de" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-de31ec0 elementor-widget elementor-widget-heading" data-id="de31ec0" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Sign up for Free! </h2> </div> </div> <div class="elementor-element elementor-element-06061cf elementor-widget elementor-widget-text-editor" data-id="06061cf" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Join our FREE UX Expert Session and learn more about UX/UI Design</p> </div> </div> <div class="elementor-element elementor-element-f861980 elementor-align-center elementor-widget elementor-widget-button" data-id="f861980" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-md" href="https://myuxacademy.com/intro-to-ux-design-webinar/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">REGISTER HERE</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> </div> <script type="rocketlazyloadscript" data-rocket-type='text/javascript'> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <script type="rocketlazyloadscript"> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link data-minify="1" rel='stylesheet' id='wc-blocks-style-css' href='https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=1731771066' media='all' /> <link rel='stylesheet' id='widget-image-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.24.7' media='all' /> <link rel='stylesheet' id='widget-spacer-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/css/widget-spacer.min.css?ver=3.24.7' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.24.7' media='all' /> <link rel='stylesheet' id='widget-divider-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.24.7' media='all' /> <link rel='stylesheet' id='widget-social-icons-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.24.7' media='all' /> <link rel='stylesheet' id='e-apple-webkit-css' href='https://myuxacademy.com/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=3.24.7' media='all' /> <style id='core-block-supports-inline-css'> .wp-container-core-columns-layout-1.wp-container-core-columns-layout-1{flex-wrap:nowrap;} </style> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.1.2" id="sourcebuster-js-js" defer></script> <script id="wc-order-attribution-js-extra"> var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/myuxacademy.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; </script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.1.2" id="wc-order-attribution-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" src="https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-contact-form-7-tracker.js?ver=1731771066" id="gtm4wp-contact-form-7-tracker-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" src="https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-form-move-tracker.js?ver=1731771066" id="gtm4wp-form-move-tracker-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" src="https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-ecommerce-generic.js?ver=1731771066" id="gtm4wp-ecommerce-generic-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" src="https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-woocommerce.js?ver=1731771066" id="gtm4wp-woocommerce-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" defer data-locale='en-GB' data-scope='openid offline_access customer:login profile:name profile:email profile:phone profile:billing_addressprofile:name profile:email profile:phone' data-market='GB' data-environment='production' data-client-id='' data-redirect-uri='https://myuxacademy.com/siwk/klarna/callback' data-logo-alignment='default' data-theme='default' data-shape='default'' src="https://myuxacademy.com/wp-content/cache/min/1/web-sdk/v1/klarna.js?ver=1731771066" id="siwk_library-js"></script> <script type="rocketlazyloadscript" id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script id="rocket-preload-links-js-extra"> var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/checkout\/|\/cart\/|\/my-account\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/|\/f4hs5MNpQuGe\/|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/myuxacademy.com","onHoverDelay":"100","rateThrottle":"3"}; </script> <script type="rocketlazyloadscript" id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script type="rocketlazyloadscript" data-minify="1" src="https://myuxacademy.com/wp-content/cache/min/1/wp-content/plugins/page-links-to/dist/new-tab.js?ver=1731771066" id="page-links-to-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/wp-rocket/assets/js/heartbeat.js?ver=3.11.2" id="heartbeat-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js" defer></script> <script type="rocketlazyloadscript" src="https://www.google.com/recaptcha/api.js?render=explicit&ver=3.20.3" id="elementor-recaptcha_v3-api-js"></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.20.3" id="elementor-pro-webpack-runtime-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.24.7" id="elementor-webpack-runtime-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.24.7" id="elementor-frontend-modules-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-includes/js/dist/hooks.min.js?ver=c6aec9a8d4e5a5d543a1" id="wp-hooks-js"></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef" id="wp-i18n-js"></script> <script type="rocketlazyloadscript" id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script type="rocketlazyloadscript" id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/myuxacademy.com\/wp-admin\/admin-ajax.php","nonce":"9bda4144c9","urls":{"assets":"https:\/\/myuxacademy.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/myuxacademy.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}}, "woocommerce":{"menu_cart":{"cart_page_url":"https:\/\/myuxacademy.com\/cart\/","checkout_page_url":"https:\/\/myuxacademy.com\/checkout\/","fragments_nonce":"0e16fe9b43"}}, "facebook_sdk":{"lang":"en_GB","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/myuxacademy.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.20.3" id="elementor-pro-frontend-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js" defer></script> <script type="rocketlazyloadscript" id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}, "hasCustomBreakpoints":false},"version":"3.24.7","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"theme_builder_v2":true,"home_screen":true,"ai-layout":true,"landing-pages":true,"nested-elements":true,"link-in-bio":true,"floating-buttons":true,"notes":true,"form-submissions":true},"urls":{"assets":"https:\/\/myuxacademy.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/myuxacademy.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/myuxacademy.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"28448ed181"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","woocommerce_notices_elements":[]},"post":{"id":8785,"title":"Advanced%20UX%20Design%20Project%3A%20Zen%20Bike%20by%20Sabrina%20Morellato","excerpt":"","featuredImage":"https:\/\/myuxacademy.com\/wp-content\/uploads\/2020\/10\/Zen-Bike-Sabrina-1024x512.png"}}; </script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.24.7" id="elementor-frontend-js" defer></script> <script type="rocketlazyloadscript" src="https://myuxacademy.com/wp-content/plugins/elementor-pro/assets/js/preloaded-elements-handlers.min.js?ver=3.20.3" id="pro-preloaded-elements-handlers-js" defer></script> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://myuxacademy.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.5/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script> <script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body> </html>