[{"data":1,"prerenderedAt":177},["ShallowReactive",2],{"case-study-en-ebr":3},{"id":4,"title":5,"body":6,"client":162,"cover":163,"desc":164,"description":150,"extension":165,"figma":162,"link":162,"meta":166,"navigation":167,"order":151,"path":168,"product":169,"role":170,"scope":171,"screens":162,"seo":172,"stem":173,"tag":174,"tools":175,"video":162,"__hash__":176},"caseStudies_en\u002Fen\u002Fcase-studies\u002Febr.md","Efektywne Biuro Rachunkowe",{"type":7,"value":8,"toc":149},"minimark",[9,14,18,22,25,48,52,58,65,69,72,76,80,92,96,99,104,108,112,116,120,123,137,141,144],[10,11,13],"h2",{"id":12},"context","Context",[15,16,17],"p",{},"The previous page was dense and chaotic: a lot of text, low contrast, and a weak hierarchy meant the key message and call-to-action buttons got lost. The goal was to simplify the messaging, highlight the benefits, and guide the user straight toward booking a demo.",[10,19,21],{"id":20},"discovery-how-i-defined-the-problems","Discovery — how I defined the problems",[15,23,24],{},"The starting point was a brief from the client and my own UX analysis of the existing page. I reviewed the previous version for hierarchy, readability, and the path to the CTA, then turned those findings into a list of problems to solve — without formal user research, but with a concrete read on where the key message was getting lost.",[26,27,28,36,42],"ul",{},[29,30,31,35],"li",{},[32,33,34],"strong",{},"Client brief"," — business goals, target audience, and the key sales message.",[29,37,38,41],{},[32,39,40],{},"Analysis of the existing page"," — an audit of hierarchy, contrast, and the amount of content in the hero.",[29,43,44,47],{},[32,45,46],{},"Conversion path"," — tracing the user's journey to booking a demo and where it broke down.",[10,49,51],{"id":50},"who-i-designed-for","Who I designed for",[53,54],"case-cards",{":items":55,"frustrationLabel":56,"goalLabel":57},"[{\"title\":\"Accounting office owner\",\"goal\":\"quickly judge whether the tool would improve the office's work and book a demo.\",\"frustration\":\"a wall of text with no clear message made the offer hard to evaluate.\"},{\"title\":\"Employee \u002F accountant\",\"goal\":\"understand how the tool would make day-to-day client and document handling easier.\",\"frustration\":\"an unclear hierarchy and scattered CTAs didn't lead to a next step.\"}]","Frustration:","Goal:",[59,60],"case-split",{":leftItems":61,":rightItems":62,"leftTitle":63,"rightTitle":64},"[\"An overloaded hero — too much content at once.\",\"Weak hierarchy and low text contrast.\",\"An unclear, scattered path to the CTA.\",\"An inconsistent visual system and typography.\"]","[\"Simplify the hero and sharpen the main message.\",\"Build a clear hierarchy and readability.\",\"Guide the user along a single, clear path to the CTA.\",\"Unify the typography, color, and components.\"]","Problem","Goals",[10,66,68],{"id":67},"process-from-chaos-to-a-clear-path","Process — from chaos to a clear path",[15,70,71],{},"I ran the redesign step by step: first trimming the messaging, then building the hierarchy and a consistent visual system, and finally straightening out the conversion path.",[73,74],"case-steps",{":items":75},"[{\"title\":\"Simplifying the message\",\"desc\":\"One strong headline instead of a wall of text — it's immediately clear what the product offers.\"},{\"title\":\"Hierarchy and breathing room\",\"desc\":\"Clear content levels, contrast, and space — key elements stopped getting lost.\"},{\"title\":\"Visual system\",\"desc\":\"Consistent typography, color, and components as the foundation of the whole page.\"},{\"title\":\"Path to the CTA\",\"desc\":\"One clear route to booking a demo — repeatable, predictable actions.\"}]",[10,77,79],{"id":78},"before-and-after-the-homepage","Before and after — the homepage",[81,82],"compare-slider",{":badges":83,"after":84,"afterAlt":85,"aspect":86,"before":87,"beforeAlt":88,"caption":89,"hint":90,"maxWidth":91},"true","\u002Fassets\u002Febr-after.png","New version of the EBR page — a clean hero, clear CTA, and a stats section","1408 \u002F 1774","\u002Fassets\u002Febr-before.png","Previous version of the EBR page — a dense layout with a lot of text","The new version: one strong headline, breathing room around the content, a clear CTA, and a stats section that builds trust — instead of a wall of text.","Drag the slider (or use the arrow keys) to compare the previous and new versions of the page.","600px",[10,93,95],{"id":94},"visual-system","Visual system",[15,97,98],{},"A consistent visual language built on legible typography and a bold palette: energetic magenta as the action color, navy for headings, and blue as an accent.",[100,101],"case-figure",{"alt":102,"src":103},"EBR project typography — Red Hat Display in Extra Bold, Semi Bold and Regular weights","\u002Fassets\u002Febr-typography.png",[105,106],"case-swatches",{":items":107},"[{\"color\":\"#E6007A\",\"label\":\"Magenta\"},{\"color\":\"#2E2A5D\",\"label\":\"Navy\"},{\"color\":\"#2F80ED\",\"label\":\"Blue\"},{\"color\":\"#F4F1EC\",\"label\":\"Background\"}]",[10,109,111],{"id":110},"selected-screens","Selected screens",[100,113],{"alt":114,"src":115},"A set of redesigned EBR screens: benefits, Start\u002FStandard\u002FPremium pricing, form, and onboarding options","\u002Fassets\u002Febr-screens.png",[10,117,119],{"id":118},"my-role-and-contribution","My role and contribution",[15,121,122],{},"I was responsible for the UX\u002FUI redesign of the page — from simplifying the messaging, through building the hierarchy, to a consistent visual system and a straightened conversion path.",[26,124,125,128,131,134],{},[29,126,127],{},"UX analysis of the existing page and defining the problems.",[29,129,130],{},"Redesigning the layout and hierarchy (hero, benefits sections, pricing, form).",[29,132,133],{},"Visual system: typography, palette, and components.",[29,135,136],{},"Designing a clear path to the CTA (booking a demo).",[10,138,140],{"id":139},"outcome","Outcome",[15,142,143],{},"The new version achieves the intended design goals: instead of a wall of text, it guides the user clearly through the offer all the way to contact.",[145,146],"case-tiles",{":items":147,"variant":148},"[{\"title\":\"Clear message\",\"desc\":\"one strong headline instead of a wall of text\"},{\"title\":\"Hierarchy\",\"desc\":\"key content and CTAs stopped getting lost\"},{\"title\":\"Consistency\",\"desc\":\"unified typography, color, and components\"}]","stats",{"title":150,"searchDepth":151,"depth":151,"links":152},"",2,[153,154,155,156,157,158,159,160,161],{"id":12,"depth":151,"text":13},{"id":20,"depth":151,"text":21},{"id":50,"depth":151,"text":51},{"id":67,"depth":151,"text":68},{"id":78,"depth":151,"text":79},{"id":94,"depth":151,"text":95},{"id":110,"depth":151,"text":111},{"id":118,"depth":151,"text":119},{"id":139,"depth":151,"text":140},null,"\u002Fassets\u002Febr-cover-1.png","EBR is an app and sales page for an accounting-office management tool. The redesign focused on tidying up the page, building a clear visual system, and strengthening the conversion path — so the product would look modern and inspire trust.","md",{},true,"\u002Fen\u002Fcase-studies\u002Febr","Landing & website","UI\u002FUX Designer","UX, UI, visual system",{"title":5,"description":150},"en\u002Fcase-studies\u002Febr","website · ui\u002Fux","Figma","uZ4mC58riFANJ2me8nHOO1Jx99maGQKFuQsKxPBNezw",1785355749139]