[{"data":1,"prerenderedAt":330},["ShallowReactive",2],{"case-study-euvetia-website-en":3},{"id":4,"title":5,"extension":6,"liveIntro":7,"liveLinkText":8,"liveUrl":9,"meta":10,"scrollytelling":11,"sections":28,"stem":314,"subtitle":315,"tags":316,"__hash__":329},"caseStudies\u002Fen\u002Fwork\u002Feuvetia-website.yml","Euvetia Website","yml","Check the final project live",null,"https:\u002F\u002Fwww.euvetia.ch",{},[12,16,20,24],{"title":13,"label":14,"image":15},"Role","Digital product designer","\u002Fmedia\u002Fillustrations\u002Fjob.png",{"title":17,"label":18,"image":19},"Timeline","Aug 2025 - Sep 2025","\u002Fmedia\u002Fillustrations\u002Fcalendar.png",{"title":21,"label":22,"image":23},"Team","1 designer, 1 engineer","\u002Fmedia\u002Fillustrations\u002Fteam.png",{"title":25,"label":26,"image":27},"Launch","April 2026","\u002Fmedia\u002Fillustrations\u002Ftool.png",[29,32,34,40,45,47,56,58,66,74,81,84,88,90,94,112,121,123,129,133,139,143,151,155,157,160,163,169,172,175,177,180,184,187,191,193,197,205,211,218,221,223,228,230,237,242,244,254,258,260,265,273,278,280,285,294,298,302,304,307,311],{"type":30,"text":31},"heading","Project overview",{"type":33},"scrollytelling",{"type":35,"paragraphs":36},"prose",[37,38,39],"This project focused on the website. More specifically: the landing page that had to turn interest into purchase.","That made the page strategically important. A good platform would not matter if we could not sell it clearly and credibly.","I led the landing page from strategy to design. That included research synthesis, positioning, information architecture, wireframing, UX writing, responsive UI, interaction rationale, and developer handoff.",{"type":41,"screenImageSrc":42,"alt":43,"caption":44},"computerMockup","\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fhome-page.png","Euvetia landing page — full page scroll inside mockup","Final landing page prototype",{"type":30,"text":46},"Why this page mattered",{"type":35,"paragraphs":48},[49,50,51,52,53,54,55],"This was not a low-risk purchase.","The product had a high entry price.","The topic was life-changing.","The user was often anxious, overloaded, and afraid of making an expensive mistake.","So the real challenge was not showing features.","It was helping the right people feel safe enough to move forward.","And helping the wrong people understand, with honesty, that the product was not for them.",{"type":30,"text":57},"The challenge",{"type":35,"paragraphs":59},[60,61,62,63,64,65],"We were designing for a very specific audience:","Brazilian citizens with an EU passport who were planning to move to Switzerland.","Some users arrived from YouTube and Instagram. They already knew the founder and the story behind the product.","Others arrived from Google. They knew the topic, but not necessarily Euvetia.","The page had to work for both groups.","It had to answer five questions fast:",{"type":67,"items":68},"bullets",[69,70,71,72,73],"How will this help me?","Can I legally move?","Can I afford the move?","Why should I trust this?","Why pay for this instead of searching on my own?",{"type":75,"src":76,"alt":77,"caption":78,"variant":79,"aspect":80},"media","\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fdouble-diamond\u002Fdesign-thinking-euvetia-website.png","double diamond design thinking process","First phase of the project: brainstorming and organizing thoughts.","bare","auto",{"type":35,"paragraphs":82},[83],"I reused relevant insights from the platform research, YouTube and Instagram questions and personas. Then I reframed them for a sales context.",{"type":41,"screenImageSrc":85,"alt":86,"caption":87},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fdouble-diamond\u002Fdiscovery.png","Discovery board — synthesis of stakeholders, competitors, user research, personas, and IA","A part of the discovery board",{"type":30,"text":89},"Core insight",{"type":35,"paragraphs":91},[92,93],"For this audience, trust had to be designed before conversion could happen.","That led to some product decisions:",{"type":95,"steps":96},"process",[97,100,103,106,109],{"title":98,"text":99},"Clarify","Explain what Euvetia is, who it is for, and what problem it solves.",{"title":101,"text":102},"Reassure","Show signals of credibility early: official data, plain Portuguese, one-time payment, transparency, social proof.",{"title":104,"text":105},"Make the value tangible","Translate user pain points into concrete tools and outcomes.",{"title":107,"text":108},"Humanize the offer","Use video, founder presence, and community signals to reduce distance and build trust.",{"title":110,"text":111},"Reduce risk","Explain the pricing model, the refund policy, and what the user gets before asking for commitment.",{"type":113,"beforeSrc":114,"afterSrc":115,"beforeAlt":116,"afterAlt":117,"beforeLabel":118,"afterLabel":119,"variant":79,"maxHeight":120},"beforeAfter","\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fdouble-diamond\u002Fwireframe.png","\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fhero.png","Full-page wireframe of the landing structure","Final high-fidelity homepage","Wireframe","Final design","sm",{"type":30,"text":122},"What useful friction looked like",{"type":35,"paragraphs":124},[125,126,127,128],"One of the most important decisions was also the least obvious.","We did not remove all friction before purchase.","We added a deliberate step before payment: an eligibility and fit form.","This was the main CTA of the page.",{"type":75,"src":130,"alt":131,"caption":132,"variant":79},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fprimary-cta.png","primary CTA of the landing page","Directs users to a platform eligibility check.",{"type":35,"paragraphs":134},[135,136,137,138],"Before buying, users went through a short guided eligibility flow designed to assess whether Euvetia was the right fit for their case.","At the end, they received a positive or negative result.","If the result was positive:","The user saw a message that explained what Euvetia could do for them, how the platform worked, and why it was relevant for their specific journey.",{"type":75,"src":140,"alt":141,"caption":142,"variant":79,"aspect":80},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Feligibility-test-positive-result.png","positive result of the eligibility flow","Screenshot of the positive result of the eligibility flow.",{"type":35,"paragraphs":144},[145,146,147,148,149,150],"If the result was negative:","We were transparent. In some cases, the user lacked legal means or real readiness to move. We chose not to push the sale anyway.","That mattered.","It showed that the product was not built to sell false hope.","It was built to guide the right people responsibly.","This was one of the strongest trust decisions in the project.",{"type":75,"src":152,"alt":153,"caption":154,"variant":79,"aspect":80},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Feligibility-test-negative-result.png","negative result of the eligibility flow","Screenshot of the negative result of the eligibility flow. The main button directs users to free YouTube content.",{"type":30,"text":156},"Core sections and my line of reasoning",{"type":158,"text":159},"subheading","Hero",{"type":35,"paragraphs":161},[162],"Knowing that the first three seconds are crucial, the hero had to talk quickly:",{"type":67,"items":164},[165,166,167,168],"this is for Brazilians with an EU or EFTA passport","this is about moving to Switzerland","this is a structured product, not generic content","the next step is simple",{"type":35,"paragraphs":170},[171],"The visual metaphor of the Swiss Army knife came from the product thesis itself: everything you need in one place.",{"type":75,"src":173,"alt":174,"variant":79,"aspect":80},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Ffirst-section.png","first section of the landing page",{"type":158,"text":176},"Video",{"type":35,"paragraphs":178},[179],"The video was there to speed up understanding and increase engagement.",{"type":181,"value":182,"description":183},"stat","+40%","Additional time spent on a page with video",{"type":35,"paragraphs":185},[186],"It was a nice way to show the \"soul\" behind the product and demonstrate our commitment to producing high-quality content.",{"type":75,"src":188,"alt":189,"caption":190,"variant":79,"aspect":80},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fvideo-section.png","video section of the landing page","Talking about his trajectory and the product",{"type":158,"text":192},"Pain points into tools",{"type":35,"paragraphs":194},[195,196],"The next sections turned emotional uncertainty into concrete product value.","Instead of listing all platform features, I grouped the offer around real user questions:",{"type":67,"items":198},[199,200,201,202,203,204],"\"Will the math work?\"","\"Where should I live?\"","\"I’m afraid of bureaucracy.\"","\"What about work?\"","\"I want a smooth first month.\"","\"I don’t know what I don’t know.\"",{"type":35,"paragraphs":206},[207,208,209,210],"This made the platform easier to understand. It also made the copy more human.","Each block followed the same logic:","pain point: what the user is worried about","product response: the tools or guidance that reduce that uncertainty",{"type":212,"src":213,"placeholderLabel":214,"alt":214,"caption":215,"variant":216,"aspect":217},"video","\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Ftools.mp4","Euvetia's section with pain points and tools","Tools section of the landing page.","device","9\u002F16",{"type":75,"src":219,"alt":220,"variant":79,"aspect":80},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fchat-tool.png","Section about the networking possibility",{"type":158,"text":222},"Social proof",{"type":35,"paragraphs":224},[225,226,227],"We placed social proof throughout the page, not in just one isolated section.","After introducing a feature, benefit, or part of the experience, we supported it with positive user feedback related to that specific point.","This helped connect each promise to a real response from the community, making the value feel more concrete as users moved down the page.",{"type":158,"text":229},"Free permit checker",{"type":35,"paragraphs":231},[232,233,234,235,236],"The free residence-permission checker appeared later on purpose.","Placed too early, it would split attention.","Placed later, it strengthened the offer without competing with the main path.","It became a secondary trust builder and a bridge into a larger product ecosystem.","Read the full permit checker case study [here](\u002Fwork\u002Feuvetia-permit-checker)",{"type":75,"src":238,"alt":239,"caption":240,"variant":79,"aspect":80,"maxWidth":241},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fsecondary-cta.png","secondary CTA of the landing page","Directs users to a free permit checker tool.","lg",{"type":30,"text":243},"Writing for clarity",{"type":35,"paragraphs":245},[246,247,248,249,250,251,252,253],"The page dealt with migration, legality, and money. That made language design a core part of the work.","I avoided jargon whenever possible.","When we had to use a more specific term, I made sure it was explained in place. One example was the “EU\u002FEFTA citizen” label. In the interface, we added a hover state that clarified which countries it included.","This reduced confusion without increasing visual noise.","The rule was simple:","Use real words.","Explain the hard ones.","Never hide meaning behind expert language.",{"type":75,"src":255,"alt":256,"caption":257,"variant":79,"aspect":80},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fhover-eu-efta.png","what happens when hovering over the EU\u002FEFTA label","What happens when hovering over the EU\u002FEFTA label",{"type":30,"text":259},"Visual direction",{"type":35,"paragraphs":261},[262,263,264],"The visual system followed the same strategic goal as the content.","Build trust.","That led to a Swiss-inspired direction with:",{"type":67,"items":266},[267,268,269,270,271,272],"strong hierarchy","disciplined grids","high contrast","restrained color use","simple iconography","minimal but purposeful motion",{"type":35,"paragraphs":274},[275,276,277],"The principle was: less, but better.","Animations were used to explain, guide attention, and create continuity. Not to decorate the page.","This mattered because the user was already carrying a lot of cognitive weight. A noisier interface would make the offer feel less trustworthy.",{"type":30,"text":279},"System thinking and handoff",{"type":35,"paragraphs":281},[282,283,284],"This project also shows how I work with engineering.","I organized the Figma file around reusable components, section-based structure, tokens, and responsive behavior. One component lived on one page. Motion references and implementation notes were documented to support build quality.","The system included:",{"type":67,"items":286},[287,288,289,290,291,292,293],"design tokens","component pages","section components","responsive layouts","mobile design","behavior notes","animation references for handoff",{"type":35,"paragraphs":295},[296,297],"This made the work easier to scale and easier to build.","It also made decisions easier to trace. The structure in Figma reflected the structure of the product.",{"type":75,"src":299,"alt":300,"caption":301,"variant":79,"aspect":80},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Ffigma.png","Screenshot of Figma's file structure","Component-per-page organization",{"type":30,"text":303},"Outcome",{"type":35,"paragraphs":305},[306],"Although the landing page launched very recently, the first signals were already useful:",{"type":67,"items":308},[309,310],"in the first three days, PostHog showed a 64% conversion rate from the landing page to the eligibility test","52% of landing-page traffic came from the YouTube channel",{"type":35,"paragraphs":312},[313],"The next step is to keep reviewing session replays, improve the experience based on real user behavior, and turn Instagram into a stronger acquisition and sales channel as well.","en\u002Fwork\u002Feuvetia-website","Trust-first landing page for a high-ticket relocation platform for Brazilians with EU passports who want to move to Switzerland.",[317,318,319,320,321,322,323,324,325,326,327,328],"Landing page design","conversion design","UX strategy","information architecture","UX writing","CRO","design system","responsive design","motion design","component-driven","accessibility","front-end handoff","Tvw4R9-UnpKP9Q2Jd6bvIPdQ6vCrgU26svG8y3aZk5k",1777547832958]