[{"data":1,"prerenderedAt":391},["ShallowReactive",2],{"project-yonly":3},{"title":4,"teaser":5,"slug":18,"type":19,"highlight":23,"order":24,"thumbnail":25,"herocolor":57,"year":58,"problem":59,"outcome":60,"press":73,"contribution":79,"content":82,"thankYou":264,"readNext":265,"casestudies":347},"Yonly",{"data":6,"body":7},{},{"type":8,"children":9},"root",[10],{"type":11,"tag":12,"props":13,"children":14},"element","p",{},[15],{"type":16,"value":17},"text","Keeping your online world private through tunneling, ad filtering, and prevention tools.","yonly",[20,21,22],"Client","UX","Case Study",false,78,{"metadata":26,"sys":29,"fields":46},{"tags":27,"concepts":28},[],[],{"space":30,"id":35,"type":36,"createdAt":37,"updatedAt":38,"environment":39,"publishedVersion":43,"revision":44,"locale":45},{"sys":31},{"type":32,"linkType":33,"id":34},"Link","Space","8fhxjm7547cq","4JI1Wp7EebFMRDemG3TM5l","Asset","2021-04-25T18:55:19.334Z","2021-04-27T18:39:55.628Z",{"sys":40},{"id":41,"type":32,"linkType":42},"master","Environment",10,3,"en-US",{"title":47,"file":48},"yonlyHeader",{"url":49,"details":50,"fileName":55,"contentType":56},"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F4JI1Wp7EebFMRDemG3TM5l\u002Ff6454a76c1fe99c5bf9597cd03b7010b\u002FyonlyHeader__3_.png",{"size":51,"image":52},2872876,{"width":53,"height":54},2880,1752,"yonlyHeader (3).png","image\u002Fpng","001FF5",2020,"Most people get a VPN because something made them uneasy. Being tracked, data being sold, a vague sense of exposure they cannot quite name. The concern is real. The threat stays abstract. And that creates an unusual design problem: the product's core value is invisible by design. Yonly is a lightweight VPN built around a specific position; just enough encryption to hide your identity from internet service providers and trackers, without touching speed. The technology was solid when I joined. What needed work was making any of that felt.",[61,64,67,70],{"number":62,"description":63},"4+","ratings in the Playstore and Appstore",{"number":65,"description":66},"75%","conversation rate on Profiler feature",{"number":68,"description":69},"↓","empty support ticket",{"number":71,"description":72},"30K","users before sunset",[74],{"quote":75,"source":76},"Yonly's design is simple and informative, even if it highlights problems that can't be solved with its tools.",{"link":77,"title":78},"https:\u002F\u002Fwww.pcmag.com\u002Freviews\u002Fbitdefender-yonly-for-android","PC MAG",[80,81],"User Experience","Product Design",{"data":83,"body":84},{},{"type":8,"children":85},[86,93,100,105,110,121,125,131,137,142,147,152,162,178,181,187,193,198,203,223,226,232,238,243],{"type":11,"tag":87,"props":88,"children":90},"h6",{"id":89},"the-observation",[91],{"type":16,"value":92},"The observation",{"type":11,"tag":94,"props":95,"children":97},"h1",{"id":96},"one-button-that-is-the-whole-story",[98],{"type":16,"value":99},"One button. That is the whole story.",{"type":11,"tag":12,"props":101,"children":102},{},[103],{"type":16,"value":104},"A VPN does its best work in the background. Yonly stops trackers, hides your identity, filters ads, none of it visible. You do not see what it catches. You do not notice the speed difference unless you are looking for it. For someone who just installed the app, it can feel like nothing is happening at all.",{"type":11,"tag":12,"props":106,"children":107},{},[108],{"type":16,"value":109},"The design response was not to explain more. It was to make the one thing the user does feel like it counts. When you switch Yonly on, the interface reacts. Red turns to blue. Illustrations shift. The dashboard lights up. The button gives the user a moment of agency and gives the product a moment to perform. That single interaction ends up carrying a lot of weight.",{"type":11,"tag":111,"props":112,"children":113},"gallery",{},[114],{"type":11,"tag":115,"props":116,"children":120},"gallery-item",{"span":117,"src":118,"width":119,"start":44},8,"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F141mT9RCer8Mg9NhDmZmv9\u002Fa0cabb0cc125e160a663141d7ebf8dab\u002FyonlyDashBoard__1_.png",1800,[],{"type":11,"tag":122,"props":123,"children":124},"hr",{},[],{"type":11,"tag":87,"props":126,"children":128},{"id":127},"the-onboarding",[129],{"type":16,"value":130},"The onboarding",{"type":11,"tag":94,"props":132,"children":134},{"id":133},"making-vpn-simple-clear-and-personal",[135],{"type":16,"value":136},"Making VPN simple, clear, and personal",{"type":11,"tag":12,"props":138,"children":139},{},[140],{"type":16,"value":141},"The onboarding was redesigned around one insight: it does not end when the setup flow does. It ends when the user sees something real. The first time the dashboard shows actual blocked trackers from actual browsing; that might come minutes after install or hours later.",{"type":11,"tag":12,"props":143,"children":144},{},[145],{"type":16,"value":146},"The onboarding runs in two acts. The first gets the user through a clear, frictionless flow and to the button. The second is a notification that brings them back when the dashboard has something worth showing. The wow moment is the data and the animation together; proof the app has been running while they went about their day.",{"type":11,"tag":12,"props":148,"children":149},{},[150],{"type":16,"value":151},"The visual style came from the agency. The design system was built on top of it. One decision, one button, one clear state.",{"type":11,"tag":12,"props":153,"children":154},{},[155],{"type":11,"tag":156,"props":157,"children":159},"a",{"href":158},"\u002Fproject\u002Fyonly\u002Fwhere_does_an_onboarding_end",[160],{"type":16,"value":161},"Read how the onboarding was designed",{"type":11,"tag":111,"props":163,"children":164},{},[165,171],{"type":11,"tag":115,"props":166,"children":170},{"span":167,"src":168,"start":169},6,"\u002F\u002Fvideos.ctfassets.net\u002F8fhxjm7547cq\u002F1TumeEvFMh7Oa8MKduLUjQ\u002Fc4c9b6245998d81dd87f4e979cd58094\u002FyonlyOnboarding.mp4",2,[],{"type":11,"tag":115,"props":172,"children":177},{"span":173,"src":174,"width":175,"fit":176},4,"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F3ZJwMfwxX9UC69T8XF5GpJ\u002Fd1797478f9ad7c3e1845e1d04c37788f\u002FyonlyNotifications__2_.png",800,"true",[],{"type":11,"tag":122,"props":179,"children":180},{},[],{"type":11,"tag":87,"props":182,"children":184},{"id":183},"the-dashboard",[185],{"type":16,"value":186},"The dashboard",{"type":11,"tag":94,"props":188,"children":190},{"id":189},"numbers-without-context-are-just-noise",[191],{"type":16,"value":192},"Numbers without context are just noise",{"type":11,"tag":12,"props":194,"children":195},{},[196],{"type":16,"value":197},"The dashboard redesign started from a simple problem: a thousand blocked ads does not mean much on its own. The question is what that actually represents; what was not collected, what was kept private, what it adds up to.",{"type":11,"tag":12,"props":199,"children":200},{},[201],{"type":16,"value":202},"The redesign reframed the data around what it means rather than how much there is. The dashboard becomes something that gives people a reason to keep the app, not just a record of activity.",{"type":11,"tag":111,"props":204,"children":205},{},[206,210,215,219],{"type":11,"tag":115,"props":207,"children":209},{"span":167,"src":208},"\u002F\u002Fvideos.ctfassets.net\u002F8fhxjm7547cq\u002F1FpLosV6ui7dE4XZEeuNfO\u002F0b4750bbd2cd5cb88544f5a1e333d468\u002FcritThreat.mp4",[],{"type":11,"tag":115,"props":211,"children":214},{"span":167,"src":212,"width":213},"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F1tDnEtWMhZgGoXe8DVMWTA\u002F4d3ef5d7d3265b395857b5683967c22d\u002FyonlyTrackers.png",900,[],{"type":11,"tag":115,"props":216,"children":218},{"span":167,"src":217,"width":213},"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F6V6ZCPnPKsJExhjkHfVmLc\u002F66ee08f1ca713f656dc26ca6d7c2d86c\u002FyonlySecuredTraffic.png",[],{"type":11,"tag":115,"props":220,"children":222},{"span":167,"src":221,"width":213},"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F6NkLLHAz4DmwRkWyUDdr2q\u002F475ddabfdd6de3ce3df16387b22610cb\u002FyonlyProfilers.png",[],{"type":11,"tag":122,"props":224,"children":225},{},[],{"type":11,"tag":87,"props":227,"children":229},{"id":228},"the-campaign",[230],{"type":16,"value":231},"The campaign",{"type":11,"tag":94,"props":233,"children":235},{"id":234},"dont-feed-the-big-data-monster",[236],{"type":16,"value":237},"Don't feed the big data monster",{"type":11,"tag":12,"props":239,"children":240},{},[241],{"type":16,"value":242},"The campaign was built with the PM to give Yonly a standalone argument against big data dependency. Rather than treating data collection as an abstract risk, the concept gives it a character; something with a face, an appetite, a name. Easier to push back against something you can point at. The tone stays approachable rather than alarming, which is where most privacy campaigns tend to lose people.",{"type":11,"tag":111,"props":244,"children":245},{},[246,252,256,260],{"type":11,"tag":115,"props":247,"children":251},{"span":248,"src":249,"width":250},5,"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F6q5nl8nYbgnDMtWNOVEDJw\u002Fae691829a811f3d2b285df0df05edb87\u002FyonlyMessagingShark.png",1200,[],{"type":11,"tag":115,"props":253,"children":255},{"span":248,"src":254,"width":250},"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F1SJ16saW3JkOoq3knmyn4F\u002F92feb51736f3e5a2b317a6bf7020ede0\u002FyonlyMessagingDataMonster.png",[],{"type":11,"tag":115,"props":257,"children":259},{"span":248,"src":258,"width":250,"start":44},"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F2Xn8kT7Q8IFDRfiaTirvVM\u002Fc75d8b34e942b2922fb8101872b5c21c\u002FyonlyMessagingVPN.png",[],{"type":11,"tag":115,"props":261,"children":263},{"span":248,"src":262,"width":250,"fit":176},"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F6lbwuQVGStyb7owha7woiH\u002F84361ca001d155f0572dde48c4d64bcf\u002FyonlyMessagingMeow.png",[],"Thanks to Dan for the project management, Radu for the motion design and illustrations, Adina for the amazing copy, and David for the initial UX design and consul.",{"metadata":266,"sys":269,"fields":284},{"tags":267,"concepts":268},[],[],{"space":270,"id":272,"type":273,"createdAt":274,"updatedAt":275,"environment":276,"publishedVersion":278,"revision":279,"contentType":280,"locale":45},{"sys":271},{"type":32,"linkType":33,"id":34},"1ZXub0XDOGb5lfP1R0257X","Entry","2020-11-28T15:33:47.508Z","2026-09-12T14:38:30.451Z",{"sys":277},{"id":41,"type":32,"linkType":42},1143,236,{"sys":281},{"type":32,"linkType":282,"id":283},"ContentType","project",{"title":285,"teaser":286,"slug":287,"type":288,"highlight":289,"order":290,"thumbnail":291,"herocolor":312,"link":313,"year":314,"problem":315,"outcome":316,"contribution":330,"content":335,"thankYou":336,"readNext":337,"casestudies":340},"eJobs","Elevating Romania’s top job portal with a reimagined digital experience and a scalable design system that connects brand to product.","ejobs",[20,21,22],true,90,{"metadata":292,"sys":295,"fields":304},{"tags":293,"concepts":294},[],[],{"space":296,"id":298,"type":36,"createdAt":299,"updatedAt":300,"environment":301,"publishedVersion":303,"revision":173,"locale":45},{"sys":297},{"type":32,"linkType":33,"id":34},"7HDRa3rPLVzHVITZuAP2Z6","2021-01-10T17:58:54.207Z","2024-04-30T10:40:26.699Z",{"sys":302},{"id":41,"type":32,"linkType":42},14,{"title":305,"file":306},"ejobsHeader",{"url":307,"details":308,"fileName":311,"contentType":56},"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F7HDRa3rPLVzHVITZuAP2Z6\u002F82859de52a013a5f2809a5a82c9446a9\u002Fheader.png",{"size":309,"image":310},2265270,{"width":53,"height":54},"header.png","753BBC","https:\u002F\u002Fwww.ejobs.ro\u002F",2018,"With over 20 years of experience, eJobs is Romania's leading digital job portal — trusted, widely recognised, and home to a database of more than 4.5 million CVs. Its audience reflects the full demographic spectrum of the country, which brings both opportunity and real design complexity: the platform needs to work for users with vastly different levels of technical literacy. As Romania's largest job portal continues its digital transformation, the challenge was clear. Long-standing business expectations, entrenched user perceptions, and outdated technology all needed to move together.",[317,320,323,325,328],{"number":318,"description":319},"500k","monthly active user",{"number":321,"description":322},"↑","scalable multi-platfrom design system",{"number":62,"description":324},"rating in Appstore and Playstore",{"number":326,"description":327},"3.9M","professionals on the platform",{"number":321,"description":329},"art direction spanning brand, product, and campaigns",[81,331,332,80,333,334],"Branding","Art Direction","Animation","Editoral","###### The observation\n# Beyond an aggregator\neJobs has uncovered major opportunities for growth that extend far beyond its traditional role as a job ad aggregator. The vision includes offering comprehensive HR services, delivering specialised recruitment solutions for niche industries, and supporting the workforce of the future through educational programmes focused on upskilling and reskilling.\n\nTo realise that vision, the brand and the product needed to grow together. The job was to build a complete visual language from the ground up: one that could scale across every surface the product touches, from campaigns to product to communications.\n\n::gallery\n  ::gallery-item{span=\"8\" src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002FHh5txnetHoUxKF9TgPqRn\u002Fcb1135fbe56d52a4c7e421c695560465\u002FeJobsLogo.png?w=1600\"}\n  ::\n  ::gallery-item{span=\"6\" src=\"\u002F\u002Fvideos.ctfassets.net\u002F8fhxjm7547cq\u002F3q2dNlhjnKe05JlMcuDiYH\u002F3412e49e641ee9fcfc27b6ee52f74d21\u002F_logoOutro.mp4\"}\n  ::\n  ::gallery-item{span=\"6\" src=\"\u002F\u002Fvideos.ctfassets.net\u002F8fhxjm7547cq\u002F3vOxX0sG5eaWJiemSGjfEP\u002F1775834f52d2ee0e3af1067272c6c76f\u002F_logoTVpurple.mp4\"}\n  ::\n  ::gallery-item{span=\"4\" src=\"\u002F\u002Fvideos.ctfassets.net\u002F8fhxjm7547cq\u002F4g9md5lcoMtxKZ82A3g13h\u002F8e53f825ad31d01b54af9b22ca8f141e\u002FeJobsLogoSwap.mp4\"}\n  ::\n  ::gallery-item{span=\"4\" src=\"\u002F\u002Fvideos.ctfassets.net\u002F8fhxjm7547cq\u002F1JmbAx5BeJP2PvIx0Hd5sk\u002Fbb01ff510a79f2fe115f11c30d2df6a6\u002FeJobshHuman.mp4\"}\n  ::\n  ::gallery-item{span=\"4\" src=\"\u002F\u002Fvideos.ctfassets.net\u002F8fhxjm7547cq\u002F5RJcSGk3eJjY6Tk7fk6VuN\u002F6ee4c26803bb886beb5615ce6b1438de\u002FeJobsShoutOut.mp4\"}\n  ::\n::\n\n---\n\n###### The art direction\n# A new journey starts here\nThe central idea was to make eJobs feel like a genuine starting point for every career move, not just a listings page. The art direction I developed centres on realistic objects — familiar, everyday items whose meaning is subtly reimagined to spark curiosity and connection. Friendly and playful, yet vibrant and distinctive, the style needed to work fast and at scale across campaigns, product, and communications.\n\nI developed the line art illustration style into something more flexible and systematic, giving the team a visual language they could apply consistently without losing character.\n\n\u003Cdiv class=\"gallery-block gallery-block container mx-auto h-max p-5 py-20 lg:py-28\">\n\n  \u003Cdiv class=\"tile is-ancestor\">\n\n   \u003Cdiv class=\"tile is-8 is-parent is-vertical\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F7aiRnaPhMr8f429K3y7b8W\u002F0b57be618be0c0b3999111f15d61a8da\u002Felements.png?w=1200\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n\n   \u003Cdiv class=\"tile is-4 is-parent is-vertical\">\n    \u003Cdiv class=\"tile is-child box\" style=\"background:#8538C1\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F5U3fRl3tobr7nNAIHL2zBC\u002F1cef08eb14d5dc0b5fbfd14c6ab881ac\u002FpencilDesign.png?w=800\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\n  \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-4 is-parent is-vertical\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F4kyfUToTLaMYCeW1Fjeudc\u002F0e9b6d378d1619bf8f3aa5af6743cecc\u002Fperson.png?w=800\" \u002F>\n    \u003C\u002Fdiv>\n         \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F7GK1uXiOuH6tPQN3QHCuTQ\u002Fa813a1006e4e963b503b27f1113b4605\u002Fframe.png?w=800\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n   \u003Cdiv class=\"tile is-8 is-parent is-vertical\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002Fw05XD4ibhUCzGkmJwbjv2\u002Fd86a0c8e9acdbe78f7928be9fe5bfb55\u002Fbooklet__2_.png?w=1200\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-6 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n            \u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F3DOlHZRXRRZALqpsrfGS77\u002F4d06231f53859d13203e477c8147c087\u002FperformanceMarketing.png?w=1200\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n   \u003Cdiv class=\"tile is-6 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n            \u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002FUzejk62L1FojZgJU2lBj0\u002Fb3ca32ece060631766eab5dd5bd058c6\u002FserviceOverview.png?w=1200\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\n---\n\n###### The product design\n# A blueprint for a design system\nThe design system builds directly on the established art direction, turning aesthetic principles into a scalable, user-friendly, and accessible framework. Working from the atomic principle, I developed the foundational layer — grid, colour palette, typography system and scale, buttons, input fields, hierarchy, line widths, and illustrations — before advancing to more complex interaction patterns and components.\n\nThe system needed to support Android, iOS, and a responsive web app simultaneously, which meant defining clear breakpoints, simplifying platform quirks, and optimising performance across devices. With 500k monthly active users spanning all ages and digital literacy levels, accessibility and usability were priorities from the start. Custom illustrations and subtle UI touches kept everything true to the brand. Designer tokens were then handed to the front-end team, who translated them into their own component library.\n\n[Read more about eJobs' design system](\u002Fproject\u002Fejobs\u002Fhow_to_build_an_atomic_fluid_design_system)\n\n\u003Cdiv class=\"gallery-block gallery-block container mx-auto h-max p-5 py-20 lg:py-28\">\n\n  \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-4 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n      \u003Cvideo autoplay loop>\n\u003Csource src=\"\u002F\u002Fvideos.ctfassets.net\u002F8fhxjm7547cq\u002F7bF5HAHwKbThKrR2wHuR8k\u002F3333a070a7842425186c4262c99f7d43\u002FmobileAnimeJobs.mp4\">\n\u003C\u002Fvideo>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n   \u003Cdiv class=\"tile is-8 is-parent\">\n    \u003Cdiv class=\"tile is-child box\" style=\"background:#24184D\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002FmCtLZtR4hby9SJMhfJjGI\u002Fe510ee83da14f69b3f723e4fe534feac\u002FlandingPageExemples.png?w=1200\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-12 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F57NU9TIWtFE0xsuYaT6Due\u002F400b6cffb79dd3b51b8a4e4007c7b8d9\u002FsearchPage.png?w=2000\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n   \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-4 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F6y1mA9L2evwldP37IPtaJ3\u002F00fb3afa27a86743e5974f346b204d1d\u002FdarkMobileExample.png?w=800\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n   \u003Cdiv class=\"tile is-8 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F116bgDkFHTCgxmLgLpyewq\u002F3c1f528dd5c4cc6575c841091857aa0a\u002FsearchPageDark.png?w=1400\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-6 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n      \u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002FF9BblJd4NzoRff89q8ZQm\u002Fddff8bae381f95052ee39fb5c58fe367\u002FillustratedIcons.png?w=1200\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n    \u003Cdiv class=\"tile is-6 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n      \u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F6wvNOfdLv1iT1RXCNaK9xo\u002Fa6d12c26c567130b1de06fcb9bcdfa97\u002Femojies.png?w=1200\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>","Thanks to David for management and product design and Mircea for the clever UX interactions, feedback, etc. To Laura for the research, insights, and clarity. And to Ana and Alexandra.",{"sys":338},{"type":32,"linkType":273,"id":339},"7z52gqj4GX0cEklQu5bgdM",[341,344],{"sys":342},{"type":32,"linkType":273,"id":343},"59Q6hNF2XXk6KV17Mj6scW",{"sys":345},{"type":32,"linkType":273,"id":346},"1FyKA04BPD32a8LYeB99rP",[348],{"metadata":349,"sys":352,"fields":365},{"tags":350,"concepts":351},[],[],{"space":353,"id":355,"type":273,"createdAt":356,"updatedAt":357,"environment":358,"publishedVersion":360,"revision":361,"contentType":362,"locale":45},{"sys":354},{"type":32,"linkType":33,"id":34},"2aaova6wSLaJvccqZNNN8u","2021-10-30T18:31:41.728Z","2026-05-10T15:54:33.107Z",{"sys":359},{"id":41,"type":32,"linkType":42},486,33,{"sys":363},{"type":32,"linkType":282,"id":364},"casestudy",{"title":366,"slug":367,"body":368,"technique":369,"project":375},"Where does an onboarding end?","where_does_an_onboarding_end","###### The problem\n\n# The gap between promise and proof\nBy the time a user opens an app for the first time, expectations have already been set; through ads, a landing page, word of mouth, or an App Store description. It is the product that must then deliver on those promises. This alignment is especially critical during onboarding. For a product like Yonly, where the core value is intentionally hidden from view, this stage can be particularly challenging. \n\nThe research set out to answer three questions: how do users feel about privacy, how do they perceive Yonly as a product, and where does the onboarding experience succeed or fall short?\n\n\u003Cdiv class=\"gallery-block gallery-block container mx-auto h-max p-5 py-20 lg:py-28\">\n\n  \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-12 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F6Maa5Jaiz2Lm3lXEsfdlau\u002F45efab61e0650268be680b17d4e9b79b\u002FuserJourneyOld.png?w=1400\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\n---\n\n###### The research\n# The insight hiding in research guide\nUnmoderated interviews were conducted through the [Userlytics](https:\u002F\u002Fwww.userlytics.com) platform, managed by the UX researcher. Participants were evenly split between iOS and Android users, creating a diverse pool to surface a broad range of attitudes and behaviours.\n\nThe research combined attitudinal questions with scenario-based testing. Participants were asked to switch Yonly on, browse their favourite websites, then open the dashboard again. What they found surprised them: in just a short amount of time, the numbers had filled up. Trackers blocked, ads stopped, a profile built. The reaction was immediate and genuine; nobody expected that much to have happened so quickly.\n\nThat moment became the product idea. The research guide became the design brief. If this was the moment that made the value of Yonly real and felt, then the onboarding needed to be redesigned to recreate it deliberately; not as a test scenario, but as the natural first experience of the product.\n\n\u003Cdiv class=\"gallery-block gallery-block container mx-auto h-max p-5 py-20 lg:py-28\">\n\n  \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-12 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F2DKHDFMm3uqiLSsKvkA7TM\u002Ff9bd9ee270c286c51b10e1ed393d7e1b\u002Fnote.png\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\n---\n\n###### The solution\n# Stop explaining. Start showing.\nBased on the research findings, several key adjustments were made to the onboarding. The quirky GIFs that tried to communicate the product value in a lighthearted way were removed; they were not working, and in a security context they created the wrong tone.\n\nIn their place, the dashboard itself became the hero. When the user switches Yonly on, the interface reacts: the button shifts from red to blue, the illustrations transition into protection mode, and the whole dashboard comes alive with colour. The idea is that once turned on, everything works together visibly; the protection is not just running, it looks like it is running.\n\nAnd rather than waiting 24 hours, a notification was triggered once 100 trackers were collected; bringing users back to the dashboard at the moment when the wow factor was highest.\n\n\u003Cdiv class=\"gallery-block gallery-block container mx-auto h-max p-5 py-20 lg:py-28\">\n\n  \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-12 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F454eQIvk1trEh7HNgopunV\u002Fab76452c0e55da47962ac7b3233570b3\u002FuserJourney.png?w=1400\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"tile is-ancestor\">\n   \u003Cdiv class=\"tile is-12 is-parent\">\n    \u003Cdiv class=\"tile is-child box\">\n\u003Cimg src=\"\u002F\u002Fimages.ctfassets.net\u002F8fhxjm7547cq\u002F7irEZCleErTsQTPlqO3Uz2\u002F185942deec4e335ea43b86b02d695660\u002FuserJourneyNew.png?w=1400\" \u002F>\n    \u003C\u002Fdiv>\n   \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\n---\n\n###### The conclusion\nWhile other product decisions followed from this research, this case study focuses specifically on how the onboarding was redesigned to create a faster, cleaner, and more impactful first experience. The research did not just validate assumptions; it reframed what onboarding was supposed to achieve in an unexpected way.",[370,371,372,373,374],"Cluster Analysis","Cognitive Walkthrough","User Journey","Unmoderated Interviews","User testing",{"metadata":376,"sys":379},{"tags":377,"concepts":378},[],[],{"space":380,"id":382,"type":273,"createdAt":383,"updatedAt":384,"environment":385,"publishedVersion":387,"revision":388,"contentType":389,"locale":45},{"sys":381},{"type":32,"linkType":33,"id":34},"4neZFwqhUJq8aAscTPKv4K","2020-11-30T23:23:37.641Z","2026-09-12T14:39:52.912Z",{"sys":386},{"id":41,"type":32,"linkType":42},1033,175,{"sys":390},{"type":32,"linkType":282,"id":283},1791308691994]