[{"data":1,"prerenderedAt":247},["ShallowReactive",2],{"case-study-euvetia-permit-checker-en":3},{"id":4,"title":5,"extension":6,"liveIntro":7,"liveLinkText":8,"liveUrl":9,"meta":10,"scrollytelling":11,"sections":28,"stem":232,"subtitle":233,"tags":234,"__hash__":246},"caseStudies\u002Fen\u002Fwork\u002Feuvetia-permit-checker.yml","Permit checker","yml","Check the final project live",null,"https:\u002F\u002Feuvetia.ch\u002Fcheck-permission?substep=0",{},[12,16,20,24],{"title":13,"label":14,"image":15},"Role","Founding product designer","\u002Fmedia\u002Fillustrations\u002Fjob.png",{"title":17,"label":18,"image":19},"Timeline","Jan 2026 – Feb 2026","\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},"Tools","Figma, FigJam, PostHog","\u002Fmedia\u002Fillustrations\u002Ftool.png",[29,32,34,36,43,50,55,64,67,71,73,77,83,86,88,93,100,104,107,110,116,119,121,125,132,138,142,144,151,162,166,168,173,182,184,189,193,195,200,204,207,215,218,222,225,227],{"type":30,"text":31},"heading","Project overview",{"type":33},"scrollytelling",{"type":30,"text":35},"The product ecosystem",{"type":37,"paragraphs":38},"prose",[39,40,41,42],"The checker was not an isolated feature.","It was part of a larger product ecosystem.","We have a platform that [helps people move to Switzerland](\u002Fwork\u002Feuvetia-platform).","The permit checker is a tool inside the platform and on the [sales website](\u002Fwork\u002Feuvetia-website).",{"type":44,"src":45,"alt":46,"caption":47,"variant":48,"aspect":49},"media","\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Ffirst-section.png","First section of the landing page","First section of the landing page.","bare","auto",{"type":44,"src":51,"alt":52,"caption":53,"variant":48,"aspect":49,"maxWidth":54},"\u002Fmedia\u002Fcases\u002Feuvetia-website\u002Fsecondary-cta.png","Secondary CTA of the landing page","CTA placed near the end of the landing page. That placement was intentional. It did not compete with the main CTA or break the page narrative.","lg",{"type":37,"paragraphs":56},[57,58,59,60,61,62,63],"This project started with a very practical question:","Can I legally live in Switzerland?","For our audience, that question came before everything else. Before content. Before tools. Before paying for the platform.","So we built a free residence permit checker that helped users understand their likely legal path in Switzerland through a short anonymous flow and a personalized result page.","The challenge was not form design.","It was translation.","We had to turn Swiss immigration law, canton-level variation, and real-life edge cases into something people could understand in minutes.",{"type":65,"text":66},"highlighted","At its core, this was a translation project. Not between languages. Between law and real life.",{"type":44,"src":68,"alt":69,"caption":70,"variant":48,"aspect":49,"maxWidth":54},"\u002Fmedia\u002Fcases\u002Feuvetia-permit-checker\u002Fbento-cover.png","computer mockup of the permit checker","One of the possible results of the permit checker.",{"type":30,"text":72},"The problem",{"type":37,"paragraphs":74},[75,76],"Most users wanted to know whether moving to Switzerland was legally possible for their case before investing more time, emotion, or money.","That meant the product had to answer three things fast:",{"type":78,"items":79},"bullets",[80,81,82],"whether a legal path likely existed","what type of permit could apply","what that result actually meant in real life",{"type":37,"paragraphs":84},[85],"This was especially important because false optimism would have been harmful. We chose to be useful, realistic, and transparent.",{"type":30,"text":87},"Research and structure came first",{"type":37,"paragraphs":89},[90,91,92],"Before drawing interfaces, we mapped the logic.","We used FigJam to structure the decision flow and define which variables actually changed the outcome. We did not want a long intake form. We only asked what materially affected the result.","Some questions included:",{"type":78,"items":94},[95,96,97,98,99],"What is your main goal in Switzerland?","Do you hold EU\u002FEFTA citizenship?","What is your family composition?","What financial resources do you have?","If applicable, what is your contract duration?",{"type":37,"paragraphs":101},[102,103],"Some questions appeared only when relevant. Others never appeared, depending on previous answers.","This kept the flow short while preserving legal usefulness.",{"type":44,"src":105,"alt":106,"caption":106,"variant":48,"aspect":49},"\u002Fmedia\u002Fcases\u002Feuvetia-permit-checker\u002Fuser-flow-permit-checker.png","User flow of the permit checker on FigJam.",{"type":37,"paragraphs":108},[109],"The work was grounded in:",{"type":78,"items":111},[112,113,114,115],"previous platform and website research","personas and pain points already validated through our audience (YouTube and beta users)","Swiss legislation","direct confirmation with cantonal immigration offices when financial thresholds were involved",{"type":37,"paragraphs":117},[118],"This was where the product work really happened.",{"type":30,"text":120},"The form was short. The logic was not.",{"type":37,"paragraphs":122},[123,124],"The user saw a lightweight flow.","Behind it, we mapped 19 possible result screens across larger groups such as:",{"type":78,"items":126},[127,128,129,130,131],"job seeker","employee","entrepreneur","study","retired",{"type":37,"paragraphs":133},[134,135,136,137],"Some outcomes were positive. Some were uncertain. Some were negative.","The logic stayed honest.","If the law clearly did not allow a path, we said so. But even in negative cases, we did not end the experience with a dead end. We showed next steps, alternatives, or useful content paths instead.","That was an important product decision. Clarity did not have to feel cold.",{"type":139,"src":140,"placeholderLabel":141,"alt":141,"caption":141},"video","\u002Fmedia\u002Fcases\u002Feuvetia-permit-checker\u002Fdemonstration.mp4","Permit checker demonstration.",{"type":30,"text":143},"From legal text to visual explanation",{"type":37,"paragraphs":145},[146,147,148,149,150],"The result page was built as a bento box system.","We chose this format because the information was dense, but not linear. Users did not need one long article. They needed a visual answer made of small, independent explanations.","Each result started with the main answer first:","What permit is likely relevant for this case?","Then the supporting cards explained:",{"type":78,"items":152},[153,154,155,156,157,158,159,160,161],"why that permit applied","what could change the result","practical consequences","family implications","financial requirements","duration","health insurance","hiring priority","next steps",{"type":37,"paragraphs":163},[164,165],"The goal was not to show everything.","It was to show what mattered for that case.",{"type":30,"text":167},"Version one vs. version two",{"type":37,"paragraphs":169},[170,171,172],"The first version was correct in content, but weak in communication.","It had fewer cards and too much information packed into each one. The interface felt dense and less inviting than it needed to be.","The final version broke the experience into smaller, more focused units. Each card became its own small world. Easier to scan. Easier to trust. Easier to remember.",{"type":174,"beforeSrc":175,"afterSrc":176,"beforeAlt":177,"afterAlt":178,"beforeLabel":179,"afterLabel":180,"variant":48,"maxHeight":181},"beforeAfter","\u002Fmedia\u002Fcases\u002Feuvetia-permit-checker\u002Fhow-started.png","\u002Fmedia\u002Fcases\u002Feuvetia-permit-checker\u002Fhow-ended.png","First version of the permit checker","Final high-fidelity permit checker","How it started","The final result","xl",{"type":30,"text":183},"Designing for uncertainty without pretending to be legal advice",{"type":37,"paragraphs":185},[186,187,188],"Some scenarios were straightforward. Others depended on cantonal interpretation, especially when money was involved.","In those cases, we always showed how the estimate was calculated and made it clear that the final decision belonged to the cantonal migration authorities.","We used Ticino as the financial baseline because it was one of the few cantons that publicly provided minimum income thresholds. This gave us a concrete public reference point, although we explicitly labeled those outputs as approximate.",{"type":44,"src":190,"alt":191,"caption":192,"variant":48,"aspect":49},"\u002Fmedia\u002Fcases\u002Feuvetia-permit-checker\u002Fhow-calculate.png","Screenshot of the \"how we calculate\" screen.","\"How we calculate\" screen.",{"type":30,"text":194},"Building a reusable result system",{"type":37,"paragraphs":196},[197,198,199],"To keep the experience scalable, I built the result screens with a modular tile system inside the same Figma file as the website, but in a dedicated component area.","We used a clear naming pattern: Tile[kind].","Each tile was a reusable content card that could be filled with different data, iconography, and behavior depending on the case. This made the checker easier to maintain, expand, and hand off.",{"type":44,"src":201,"alt":202,"caption":203,"variant":48,"aspect":49},"\u002Fmedia\u002Fcases\u002Feuvetia-permit-checker\u002Ffigma-components.png","Screenshot of the components screen in Figma.","Components screen in Figma.",{"type":37,"paragraphs":205},[206],"The UI also followed a clear internal system:",{"type":78,"items":208},[209,210,211,212,213,214],"a dedicated bento grid","reusable card structures","three surface color options","three icon styles tied to the Swiss visual language","interactive cards when deeper explanation was needed","simple, human language throughout",{"type":37,"paragraphs":216},[217],"I carried the same logic into the Figma files, organizing them in a way that was structured, consistent, and MCP-friendly. This made the handoff easier for development, and the developer was able to complete all 19 screens in less than five days.",{"type":44,"src":219,"alt":220,"caption":221,"variant":48,"aspect":49},"\u002Fmedia\u002Fcases\u002Feuvetia-permit-checker\u002Ffigma-grid.png","Screenshot of the Figma grid.","Grid in Figma.",{"type":44,"src":223,"alt":224,"caption":224,"variant":48,"aspect":49},"\u002Fmedia\u002Fcases\u002Feuvetia-permit-checker\u002Ficons-style.png","Icon styles used in the permit checker.",{"type":30,"text":226},"Validation",{"type":37,"paragraphs":228},[229,230,231],"We first released the checker to beta users inside the platform.","Session replay showed that the experience was clear and intuitive enough to use without assistance. After that, it launched publicly in April 2026 as a free tool.","Because the checker was part of a larger ecosystem, it also acted as a qualification layer. Positive outcomes could lead users toward Euvetia. Negative outcomes could redirect them to more appropriate educational content, including the founder's YouTube channel.","en\u002Fwork\u002Feuvetia-permit-checker","Swiss residence permit checker that turned dense immigration rules into a short, visual, personalized result.",[235,236,237,238,239,240,241,242,243,244,245],"UX\u002FUI","product design","information architecture","content design","design system","complex systems","bento UI","legal simplification","personalization","research","prototyping","IOZNEjqlR191NGnJxSpuikshTEujlrK5wvQogSPT7qo",1777547833513]