{"id":2840,"date":"2026-10-21T13:27:01","date_gmt":"2026-10-21T11:27:01","guid":{"rendered":"https:\/\/szmartindesign.hu\/?page_id=2840"},"modified":"2026-10-27T15:21:29","modified_gmt":"2026-10-27T14:21:29","slug":"med-trade-ux-ui-case-study","status":"publish","type":"page","link":"https:\/\/szmartindesign.hu\/en\/med-trade-ux-ui-case-study\/","title":{"rendered":"Med &#038; Trade UX \/ UI Case Study"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2840\" class=\"elementor elementor-2840 elementor-bc-flex-widget\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71a7d2e e-con-full smv e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"71a7d2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8529b56 elementor-widget elementor-widget-html\" data-id=\"8529b56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Archivo:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\nbody:has(.smv) .page-header{display:none!important}\nbody:has(.smv) #main,body:has(.smv) .site-main{padding:0!important;background:#EFE6D8}\nbody:has(.smv) .si-container{max-width:none!important;padding:0!important}\nbody:has(.smv) #colophon{display:none}\nhtml{scroll-behavior:smooth}\n.smv{--cream:#EFE6D8;--cream2:#E6DAC7;--ink:#141414;--ink2:#1E1C1A;--rust:#B4442B;--rust2:#8F3220;--ochre:#D88A3D;--muted:#5E574E;--line:rgba(20,20,20,.16);--disp:'Anton',Impact,'Arial Narrow',sans-serif;--body:'Archivo',system-ui,sans-serif;\n background:var(--cream)!important;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}\n.smv,.smv .e-con{padding:0!important;gap:0!important;margin:0!important;min-height:0!important}\n.smv .e-con{width:100%!important;max-width:none!important}\n.smv .elementor-widget{margin:0!important;width:100%!important;max-width:none!important}\n.smv .elementor-widget-container{margin:0!important;padding:0!important}\n.smv *{box-sizing:border-box}\n.smv a{color:inherit;text-decoration:none}\n.smv h1,.smv h2,.smv h3,.smv h4,.smv p{margin:0;font-weight:inherit;color:inherit;text-transform:none;font-family:inherit;letter-spacing:inherit}\n.smv img{display:block;max-width:100%;height:auto}\n.smv [id]{scroll-margin-top:72px}\n.smv .wrap{max-width:1240px;margin:0 auto;padding:0 40px}\n.smv .disp{font-family:var(--disp);text-transform:uppercase;font-weight:400;line-height:.92;letter-spacing:.005em}\n.smv .lbl{font-family:var(--body);font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}\n.smv .arrow-link{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border-bottom:1.5px solid currentColor;padding-bottom:3px;transition:gap .3s,color .3s}\n.smv .arrow-link:hover{gap:18px;color:var(--rust)}\n.smv .btn{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:var(--cream);font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:14px 20px;border:1.5px solid var(--ink);transition:background .3s,border-color .3s}\n.smv .btn:hover{background:var(--rust);border-color:var(--rust)}\n.smv .bar{display:block;width:44px;height:5px;background:var(--rust);margin-bottom:18px}\n\n\/* top bar *\/\n.smv .elementor-widget:has(.top){position:sticky!important;top:0;z-index:60}\nbody.admin-bar .smv .elementor-widget:has(.top){top:32px}\n@media (max-width:782px){body.admin-bar .smv .elementor-widget:has(.top){top:0}}\n.smv .top{background:var(--cream);border-bottom:1px solid var(--line)}\n.smv .top .wrap{display:flex;align-items:center;gap:32px;height:68px}\n.smv .logo{font-family:var(--disp);font-size:26px;letter-spacing:.01em;text-transform:uppercase;margin-right:auto;line-height:1}\n.smv .nav{display:flex;gap:28px}\n.smv .nav a{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;position:relative;padding:4px 0}\n.smv .nav a::after{content:\"\";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--rust);transform:scaleX(0);transform-origin:left;transition:transform .3s}\n.smv .nav a:hover::after{transform:scaleX(1)}\n\n\/* hero *\/\n.smv .hero{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);min-height:min(640px,calc(100vh - 100px))}\n.smv .hero-copy{padding:56px 40px 48px max(40px,calc((100vw - 1240px)\/2 + 40px));display:flex;flex-direction:column;justify-content:center;gap:28px}\n.smv .hero h1{font-size:clamp(54px,6.4vw,100px)}\n.smv .hero h1 span{color:var(--rust)}\n.smv .hero-sub{font-size:18px;line-height:1.55;max-width:30em;color:var(--ink2)}\n.smv .hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}\n.smv .art{position:relative;overflow:hidden;background:var(--cream)}\n.smv .art .b-rust{position:absolute;left:0;top:0;bottom:0;width:82%;background:var(--rust)}\n.smv .art .b-ochre{position:absolute;right:0;bottom:0;width:34%;height:44%;background:var(--ochre)}\n.smv .art .b-strip{position:absolute;right:0;top:0;width:18%;height:56%;display:flex;align-items:center;justify-content:center}\n.smv .art .vtext{writing-mode:vertical-rl;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:16px}\n.smv .art .vtext::after{content:\"\";width:1.5px;height:70px;background:var(--ink)}\n.smv .art img{position:absolute;left:6%;bottom:0;width:86%;height:auto;max-height:96%;object-fit:contain;object-position:bottom;filter:grayscale(1) contrast(1.08)}\n.smv .art .plus{position:absolute;left:12%;top:58%;width:30px;height:30px;opacity:.7}\n.smv .art .plus::before,.smv .art .plus::after{content:\"\";position:absolute;background:var(--cream);left:50%;top:0;width:1.5px;height:100%;transform:translateX(-50%)}\n.smv .art .plus::after{top:50%;left:0;width:100%;height:1.5px;transform:translateY(-50%)}\n.smv .art .pix{position:absolute;right:5%;bottom:5%;display:grid;grid-template-columns:repeat(5,11px);gap:5px}\n.smv .art .pix i{width:11px;height:11px;background:var(--ink)}\n.smv .art .pix i:nth-child(3n){background:var(--rust)}\n.smv .art .pix i:nth-child(4),.smv .art .pix i:nth-child(7){background:transparent}\n\n\/* about *\/\n.smv .about{display:grid;grid-template-columns:1.05fr .7fr .95fr;border-bottom:1px solid var(--line)}\n.smv .about-copy{padding:56px 40px 56px max(40px,calc((100vw - 1240px)\/2 + 40px));display:flex;flex-direction:column;gap:20px}\n.smv .about-copy h2{font-size:56px}\n.smv .about-copy p{max-width:32em;color:var(--ink2)}\n.smv .stats{padding:48px 32px;display:flex;flex-direction:column;justify-content:center}\n.smv .stat{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}\n.smv .stat:last-child{border-bottom:0}\n.smv .stat b{font-family:var(--disp);font-weight:400;font-size:44px;line-height:1;min-width:78px}\n.smv .stat span{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.35}\n.smv .mono{position:relative;background:var(--ink);overflow:hidden;min-height:360px;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.2px);background-size:5px 5px}\n.smv .mono .big{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);font-family:var(--disp);font-size:clamp(220px,22vw,340px);color:var(--rust);line-height:.8;mix-blend-mode:normal;opacity:.95}\n.smv .mono .sq1{position:absolute;right:16%;top:12%;width:22px;height:22px;background:var(--ochre)}\n.smv .mono .sq2{position:absolute;left:14%;bottom:14%;width:22px;height:22px;background:var(--cream)}\n\n\/* services *\/\n.smv .services{background:var(--ochre);padding:48px 0 52px}\n.smv .sec-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}\n.smv .sec-head h2{font-size:46px}\n.smv .svc-grid{display:grid;grid-template-columns:repeat(4,1fr)}\n.smv .svc{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:4px 28px}\n.smv .svc+.svc{border-left:1.5px solid rgba(20,20,20,.35)}\n.smv .svc:first-child{padding-left:0}\n.smv .ico{width:52px;height:52px;background:var(--ink);position:relative}\n.smv .ico.i1::after{content:\"\";position:absolute;inset:15px;background:var(--ochre)}\n.smv .ico.i2::after{content:\"\";position:absolute;inset:13px;border-radius:50%;border:7px solid var(--ochre)}\n.smv .ico.i3{background:transparent}.smv .ico.i3::before{content:\"\";position:absolute;inset:0;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 45%,55% 45%,55% 0)}\n.smv .ico.i4{background:transparent;display:grid;grid-template-columns:1fr 1fr;gap:4px}.smv .ico.i4 i{background:var(--ink)}.smv .ico.i4 i:nth-child(4){background:transparent;border:3px solid var(--ink)}\n.smv .svc h3{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}\n.smv .svc p{font-size:14px;line-height:1.5;color:#2A2017}\n\n\/* skills *\/\n.smv .skills{display:grid;grid-template-columns:1fr .85fr .9fr;border-bottom:1px solid var(--line)}\n.smv .skills>div{padding:52px 40px}\n.smv .skills>div:first-child{padding-left:max(40px,calc((100vw - 1240px)\/2 + 40px))}\n.smv .skills>div+div{border-left:1px solid var(--line)}\n.smv .skills h2{font-size:46px;margin-bottom:26px}\n.smv .sk{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:16px;padding:7px 0;font-size:13.5px}\n.smv .sk .track{height:6px;background:rgba(20,20,20,.1);position:relative}\n.smv .sk .track i{position:absolute;left:0;top:0;bottom:0;background:var(--ink);width:0;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}\n.smv .sk .track i::after{content:\"\";position:absolute;right:-28%;top:0;bottom:0;width:28%;background:var(--ochre)}\n.smv .is-in .sk .track i{width:var(--w)}\n.smv .sk em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-width:70px;text-align:right}\n.smv .steps{display:flex;flex-direction:column;justify-content:center}\n.smv .step{display:flex;align-items:center;gap:22px;padding:14px 0;border-bottom:1px solid var(--line)}\n.smv .step:last-child{border-bottom:0}\n.smv .step b{font-family:var(--disp);font-weight:400;font-size:58px;line-height:.9;min-width:74px}\n.smv .step:nth-child(2) b{color:var(--ochre)}.smv .step:nth-child(3) b{color:var(--rust)}\n.smv .step span{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}\n.smv .step small{display:block;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:2px}\n.smv .philo{display:flex;flex-direction:column;justify-content:center;gap:28px}\n.smv .philo p{font-size:20px;line-height:1.45;font-weight:500;max-width:17em}\n\n\/* projects *\/\n.smv .projects{padding:52px 0 60px;border-bottom:1px solid var(--line)}\n.smv .proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}\n.smv .proj .ph{display:block;overflow:hidden;background:var(--cream2);aspect-ratio:4\/3}\n.smv .proj .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}\n.smv .proj:hover .ph img{transform:scale(1.04)}\n.smv .proj-meta{display:flex;align-items:center;gap:14px;padding-top:16px}\n.smv .proj-meta b{font-family:var(--disp);font-weight:400;font-size:30px;line-height:1;white-space:nowrap}\n.smv .proj-meta .arrow-link{white-space:nowrap;flex:none}\n.smv .proj-meta span{font-size:14px;font-weight:600;margin-right:auto;line-height:1.3}\n.smv .proj-meta span small{display:block;font-size:12px;color:var(--muted);font-weight:500}\n\n\/* results (dark) *\/\n.smv .results{background:var(--ink);color:var(--cream);padding:56px 0}\n.smv .results .wrap{display:grid;grid-template-columns:.8fr auto 1.6fr auto;gap:40px;align-items:center}\n.smv .results h2{font-size:46px;color:var(--cream)}\n.smv .q{width:84px;height:84px;background:var(--rust);display:grid;place-items:center;font-family:var(--disp);font-size:70px;line-height:1;padding-top:22px;color:var(--ink)}\n.smv .slides{position:relative;min-height:120px}\n.smv .slide{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;pointer-events:none}\n.smv .slide.on{opacity:1;transform:none;pointer-events:auto;position:relative}\n.smv .slide p{font-size:21px;line-height:1.45;font-weight:500;max-width:30em}\n.smv .slide p strong{color:var(--ochre);font-weight:700}\n.smv .slide cite::before{content:\"\u2014 \"}\n.smv .slide cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:#B9AE9C}\n.smv .arrows{display:flex;gap:10px}\n.smv .arrows button{width:44px;height:44px;border:1.5px solid rgba(239,230,216,.5);background:transparent;color:var(--cream);font-size:18px;cursor:pointer;transition:background .3s,color .3s;border-radius:0;padding:0;line-height:1}\n.smv .arrows button:hover{background:var(--cream);color:var(--ink)}\n.smv .dots{display:flex;gap:6px;margin-top:22px}.smv .dots i{width:22px;height:3px;background:rgba(239,230,216,.25)}.smv .dots i.on{background:var(--ochre)}\n\n\/* contact *\/\n.smv .contact{display:grid;grid-template-columns:1fr 1fr 1fr}\n.smv .c-left{background:var(--rust);padding:52px 40px 52px max(40px,calc((100vw - 1240px)\/2 + 40px));display:flex;align-items:center}\n.smv .c-left h2{font-size:clamp(38px,3.3vw,54px);color:var(--ink);line-height:.95}\n.smv .c-left h2 span{display:block;color:transparent;-webkit-text-stroke:1.5px var(--ink)}\n.smv .c-mid{padding:52px 40px;display:flex;flex-direction:column;justify-content:center;gap:20px}\n.smv .ci{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}\n.smv .ci svg{width:20px;height:20px;flex:none}\n.smv .ci a:hover{color:var(--rust)}\n.smv .c-right{background:var(--ink);color:var(--cream);padding:52px 40px;display:flex;flex-direction:column;justify-content:center;gap:22px}\n.smv .c-right p{color:#C9BFAE;font-size:15px}\n.smv .c-right .btn{background:var(--rust);border-color:var(--rust);color:var(--ink);align-self:flex-start;font-size:13px;padding:16px 22px}\n.smv .c-right .btn:hover{background:var(--cream);border-color:var(--cream)}\n.smv .c-right .arrow-link{align-self:flex-start;color:var(--cream)}\n.smv .c-right .arrow-link:hover{color:var(--ochre)}\n.smv .foot{border-top:1px solid var(--line)}\n.smv .foot .wrap{display:flex;align-items:center;gap:24px;height:72px}\n.smv .foot .logo{font-size:24px}\n.smv .foot small{font-size:12px;color:var(--muted);margin-right:auto}\n.smv .foot nav{display:flex;gap:22px}\n.smv .foot nav a{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n.smv .foot nav a:hover{color:var(--rust)}\n.smv .totop{width:36px;height:36px;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:14px;transition:background .3s,color .3s}\n.smv .totop:hover{background:var(--ink);color:var(--cream)}\n\n\/* motion *\/\n.smv-js .smv .rv{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}\n.smv-js .smv .rv.is-in{opacity:1;transform:none}\n.smv-js .smv .art .b-rust{transform:scaleY(0);transform-origin:top;transition:transform 1s cubic-bezier(.7,0,.2,1)}\n.smv-js .smv .art .b-ochre{transform:scaleX(0);transform-origin:right;transition:transform 1s .25s cubic-bezier(.7,0,.2,1)}\n.smv-js .smv .art img{opacity:0;transition:opacity 1s .45s}\n.smv-js .smv .art.is-in .b-rust,.smv-js .smv .art.is-in .b-ochre{transform:none}\n.smv-js .smv .art.is-in img{opacity:1}\n.elementor-editor-active .smv .rv,.elementor-editor-active .smv .art *{opacity:1!important;transform:none!important}\n@media (prefers-reduced-motion:reduce){.smv *{transition:none!important;animation:none!important}.smv-js .smv .rv{opacity:1;transform:none}}\n\n\/* responsive *\/\n@media (max-width:1100px){\n .smv .nav{display:none}\n .smv .svc-grid{grid-template-columns:1fr 1fr;row-gap:32px}.smv .svc:nth-child(3){border-left:0;padding-left:0}\n .smv .skills{grid-template-columns:1fr 1fr}.smv .philo{grid-column:1\/-1;border-left:0!important;border-top:1px solid var(--line)}\n .smv .results .wrap{grid-template-columns:auto 1fr;}.smv .results h2{grid-column:1\/-1}\n}\n@media (max-width:860px){\n .smv .wrap{padding:0 20px}\n .smv .top .btn{padding:11px 14px}\n .smv .hero{grid-template-columns:1fr}.smv .hero-copy{padding:40px 20px}.smv .art{min-height:420px}\n .smv .about{grid-template-columns:1fr}.smv .about-copy{padding:44px 20px}.smv .stats{padding:0 20px 32px}.smv .mono{min-height:280px}\n .smv .svc-grid{grid-template-columns:1fr}.smv .svc{padding:0!important;border:0!important}\n .smv .skills{grid-template-columns:1fr}.smv .skills>div{padding:40px 20px!important;border-left:0!important;border-top:1px solid var(--line)}\n .smv .sk{grid-template-columns:120px 1fr}.smv .sk em{display:none}\n .smv .proj-grid{grid-template-columns:1fr}\n .smv .results .wrap{grid-template-columns:1fr;gap:24px}\n .smv .contact{grid-template-columns:1fr}.smv .c-left,.smv .c-mid,.smv .c-right{padding:40px 20px}\n .smv .foot .wrap{flex-wrap:wrap;height:auto;padding-top:20px;padding-bottom:20px}\n .smv .sec-head{flex-direction:column;align-items:flex-start}\n}\n<\/style>\n<script>\ndocument.documentElement.classList.add('smv-js');\n(function(){function go(){\n var els=document.querySelectorAll('.smv .rv,.smv .art');\n if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('is-in')});return}\n var io=new IntersectionObserver(function(en){en.forEach(function(x){if(x.isIntersecting){x.target.classList.add('is-in');io.unobserve(x.target)}})},{rootMargin:'0px 0px -8% 0px',threshold:.1});\n els.forEach(function(e){io.observe(e)});\n document.querySelectorAll('.smv [data-slider]').forEach(function(s){\n  var slides=s.querySelectorAll('.slide'),dots=s.querySelectorAll('.dots i'),i=0;\n  function show(n){i=(n+slides.length)%slides.length;slides.forEach(function(el,k){el.classList.toggle('on',k===i)});dots.forEach(function(el,k){el.classList.toggle('on',k===i)})}\n  s.querySelector('[data-prev]').addEventListener('click',function(){show(i-1)});\n  s.querySelector('[data-next]').addEventListener('click',function(){show(i+1)});\n });\n}\nif(document.readyState!=='loading')go();else document.addEventListener('DOMContentLoaded',go)})();\n<\/script><style>\n\/* case study \u2013 bold *\/\n.smv .cs-hero{display:grid;grid-template-columns:1.1fr .9fr;border-bottom:1px solid var(--line);min-height:min(620px,calc(100vh - 100px))}\n.smv .cs-copy{padding:52px 40px 48px max(40px,calc((100vw - 1240px)\/2 + 40px));display:flex;flex-direction:column;justify-content:center;gap:22px}\n.smv .cs-copy .back{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}\n.smv .cs-copy .back:hover{color:var(--rust)}\n.smv .tag{display:inline-flex;gap:10px;align-items:center}.smv .tag i{width:10px;height:10px;background:var(--rust)}\n.smv .cs-copy h1{font-size:clamp(50px,5.6vw,88px)}\n.smv .cs-copy h1 span{color:var(--rust)}\n.smv .cs-copy p{font-size:18px;line-height:1.55;max-width:32em;color:var(--ink2)}\n.smv .cs-art{position:relative;overflow:hidden;background:var(--ink)}\n.smv .cs-art .b-rust{position:absolute;right:0;top:0;width:72%;height:70%;background:var(--rust)}\n.smv .cs-art .b-ochre{position:absolute;left:0;bottom:0;width:30%;height:24%;background:var(--ochre)}\n.smv .cs-art .card{position:absolute;left:10%;right:8%;top:50%;transform:translateY(-50%);background:var(--cream);box-shadow:14px 14px 0 rgba(0,0,0,.35)}\n.smv .cs-art .card img,.smv-js .smv .cs-art .card img{position:static!important;left:auto;bottom:auto;width:100%!important;max-height:none!important;aspect-ratio:16\/10;object-fit:cover;filter:none!important;opacity:1;transition:none}\n.smv-js .smv .cs-art .card{opacity:0;transition:opacity .9s .5s}.smv-js .smv .cs-art.is-in .card{opacity:1}\n.smv-js .smv .cs-art .b-rust{transform-origin:right}\n.smv .cs-art .vlbl{position:absolute;right:18px;bottom:22px;writing-mode:vertical-rl;color:var(--cream);font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}\n.smv .meta{background:var(--ochre)}\n.smv .meta .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:34px;padding-bottom:34px}\n.smv .meta .m{padding:2px 24px;display:grid;gap:6px}\n.smv .meta .m+.m{border-left:1.5px solid rgba(20,20,20,.35)}.smv .meta .m:first-child{padding-left:0}\n.smv .meta .m span{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}\n.smv .meta .m b{font-size:15px;font-weight:600;line-height:1.4}\n.smv .meta .m a{border-bottom:1.5px solid currentColor}\n.smv .nums{background:var(--ink);color:var(--cream);padding:52px 0}\n.smv .nums .wrap{display:grid;grid-template-columns:repeat(4,1fr)}\n.smv .nums .n{padding:0 26px;display:grid;gap:8px;align-content:start}\n.smv .nums .n+.n{border-left:1px solid rgba(239,230,216,.2)}.smv .nums .n:first-child{padding-left:0}\n.smv .nums b{font-family:var(--disp);font-weight:400;font-size:clamp(54px,5.4vw,82px);line-height:.9;color:var(--cream)}\n.smv .nums b small{font-size:.5em;color:var(--ochre)}\n.smv .nums .n:nth-child(2) b{color:var(--ochre)}.smv .nums .n:nth-child(3) b{color:var(--rust)}\n.smv .nums span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.35}\n.smv .nums em{font-style:normal;font-size:13px;color:#B9AE9C}\n.smv .ch{border-bottom:1px solid var(--line)}\n.smv .ch .wrap{display:grid;grid-template-columns:300px 1fr;gap:56px;padding-top:60px;padding-bottom:60px}\n.smv .ch-lbl{position:sticky;top:110px;align-self:start}\n.smv .ch-lbl b{display:block;font-family:var(--disp);font-weight:400;font-size:78px;line-height:.85}\n.smv .ch:nth-of-type(3n+2) .ch-lbl b{color:var(--ochre)}.smv .ch:nth-of-type(3n) .ch-lbl b{color:var(--rust)}\n.smv .ch-lbl h2{font-family:var(--disp);text-transform:uppercase;font-size:34px;line-height:.95;margin-top:10px}\n.smv .ch-body{display:flex;flex-direction:column;gap:22px;max-width:760px}\n.smv .ch-body p{font-size:17px;line-height:1.65;color:var(--ink2)}\n.smv .ch-body ul{list-style:none;display:grid;gap:10px;margin:0;padding:0}\n.smv .ch-body li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16.5px;line-height:1.5}\n.smv .ch-body li::before{content:\"\";width:12px;height:12px;background:var(--rust);margin-top:7px}\n.smv .ch-body li:nth-child(2n)::before{background:var(--ochre)}\n.smv .pull{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start;background:var(--ink);color:var(--cream);padding:26px 28px}\n.smv .pull i{width:64px;height:64px;background:var(--rust);display:grid;place-items:center;font-family:var(--disp);font-style:normal;font-size:54px;line-height:1;padding-top:18px;color:var(--ink)}\n.smv .pull p{color:var(--cream)!important;font-size:20px!important;font-weight:600;line-height:1.45!important}\n.smv .fig{margin:6px 0 0}\n.smv .fig .frame{border:2px solid var(--ink);background:#fff;box-shadow:10px 10px 0 var(--rust);overflow:hidden}\n.smv .fig:nth-of-type(2n) .frame{box-shadow:10px 10px 0 var(--ochre)}\n.smv .fig img{width:100%}\n.smv .fig figcaption{margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}\n.smv .pair{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}\n.smv .pair .frame img{aspect-ratio:auto;height:100%;object-fit:cover;background:var(--cream2)}\n.smv .next{display:grid;grid-template-columns:1fr 1fr 1fr}\n.smv .next .n1{background:var(--rust);padding:52px 40px 52px max(40px,calc((100vw - 1240px)\/2 + 40px));display:flex;flex-direction:column;justify-content:center;gap:12px}\n.smv .next .n1 span{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}\n.smv .next .n1 a{font-family:var(--disp);text-transform:uppercase;font-size:clamp(44px,4.4vw,66px);line-height:.92;transition:color .3s}\n.smv .next .n1 a:hover{color:var(--cream)}\n.smv .next .n2{padding:52px 40px;display:flex;flex-direction:column;justify-content:center;gap:16px}\n.smv .next .n3{background:var(--ink);color:var(--cream);padding:52px 40px;display:flex;flex-direction:column;justify-content:center;gap:20px}\n.smv .next .n3 p{color:#C9BFAE}\n.smv .next .n3 .btn{background:var(--rust);border-color:var(--rust);color:var(--ink);align-self:flex-start}\n.smv .next .n3 .btn:hover{background:var(--cream);border-color:var(--cream)}\n@media (max-width:1100px){.smv .ch .wrap{grid-template-columns:220px 1fr;gap:36px}.smv .nums .wrap,.smv .meta .wrap{grid-template-columns:1fr 1fr;row-gap:28px}.smv .nums .n:nth-child(3),.smv .meta .m:nth-child(3){border-left:0;padding-left:0}}\n@media (max-width:860px){.smv .cs-hero{grid-template-columns:1fr}.smv .cs-copy{padding:40px 20px}.smv .cs-art{min-height:360px}\n .smv .ch .wrap{grid-template-columns:1fr;gap:16px;padding-top:44px;padding-bottom:44px}.smv .ch-lbl{position:static}.smv .ch-lbl b{font-size:56px}\n .smv .pair{grid-template-columns:1fr}.smv .next{grid-template-columns:1fr}.smv .next .n1,.smv .next .n2,.smv .next .n3{padding:40px 20px}\n .smv .meta .wrap,.smv .nums .wrap{grid-template-columns:1fr}.smv .meta .m,.smv .nums .n{border-left:0!important;padding-left:0!important}}\n\n\/* \u00e9kezetek: nagyobb sormagass\u00e1g a display c\u00edmeken *\/\n.smv .disp{line-height:1.05}.smv .c-left h2{line-height:1.05}.smv .ch-lbl h2{line-height:1.08}.smv .next .n1 a{line-height:1.02}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a611f59 elementor-widget elementor-widget-html\" data-id=\"a611f59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"top\"><div class=\"wrap\">\n <a class=\"logo\" href=\"https:\/\/szmartindesign.hu\/\">Szab\u00f3 Martin<\/a>\n <nav class=\"nav\" aria-label=\"F\u0151 navig\u00e1ci\u00f3\"><a href=\"https:\/\/szmartindesign.hu\/#rolam\">R\u00f3lam<\/a><a href=\"https:\/\/szmartindesign.hu\/#munkak\">Munk\u00e1k<\/a><a href=\"https:\/\/szmartindesign.hu\/#kapcsolat\">Kapcsolat<\/a><\/nav>\n <div class=\"lang\" data-no-translation><a href=\"#\" data-lang=\"hu\" hreflang=\"hu\">HU<\/a><span>\/<\/span><a href=\"#\" data-lang=\"en\" hreflang=\"en\">EN<\/a><\/div>\n <a class=\"btn\" href=\"https:\/\/szmartindesign.hu\/#kapcsolat\">Besz\u00e9lj\u00fcnk <span aria-hidden=\"true\">\u2197<\/span><\/a>\n <button class=\"mtog\" type=\"button\" aria-expanded=\"false\" aria-label=\"Men\u00fc\"><i><\/i><i><\/i><\/button>\n<\/div><\/header><style>\n.smv .lang{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.1em}\n.smv .lang a{color:var(--ink);opacity:.4;padding:4px 0;border-bottom:2px solid transparent;transition:opacity .2s}\n.smv .lang a:hover{opacity:.8}.smv .lang a.on{opacity:1;border-color:var(--rust)}.smv .lang span{opacity:.3}\n.smv .mtog{display:none}\nbody:has(.smv) #si-scroll-top{display:none!important}\n@media (max-width:1100px){\n .smv .top{position:relative}\n .smv .top .wrap{gap:16px}\n .smv .mtog{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:0 11px;background:transparent;border:2px solid var(--ink);border-radius:0;cursor:pointer}\n .smv .mtog i{display:block;height:2px;background:var(--ink);transition:transform .25s}\n .smv .top.open .mtog i:first-child{transform:translateY(4px) rotate(45deg)}\n .smv .top.open .mtog i:last-child{transform:translateY(-4px) rotate(-45deg)}\n .smv .top.open .nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:2px solid var(--ink);padding:4px 20px 16px;z-index:50}\n .smv .top.open .nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}\n .smv .top.open .nav a::after{display:none}\n}\n@media (max-width:560px){.smv .top .btn{display:none}}\n<\/style><script>(function(){var t=document.querySelector('.smv .top');if(!t)return;var b=t.querySelector('.mtog');b&&b.addEventListener('click',function(){var o=t.classList.toggle('open');b.setAttribute('aria-expanded',o)});t.querySelectorAll('.nav a').forEach(function(a){a.addEventListener('click',function(){t.classList.remove('open');b&&b.setAttribute('aria-expanded','false')})});var alt={};document.querySelectorAll('link[rel=alternate][hreflang]').forEach(function(l){var k=l.hreflang.toLowerCase().slice(0,2);if(k!=='x-')alt[k]=l.href});var en=(document.documentElement.lang||'').toLowerCase().indexOf('en')===0;var p=location.pathname,s=location.search+location.hash;var huU=alt.hu||(p.replace(\/^\\\/en(\\\/|$)\/,'\/')+s),enU=alt.en||('\/en'+(p==='\/'?'\/':p)+s);t.querySelectorAll('.lang a').forEach(function(a){var h=a.getAttribute('data-lang')==='en';a.href=h?enU:huU;if(h===en)a.classList.add('on')})})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3504cb0 elementor-widget elementor-widget-html\" data-id=\"3504cb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"cs-hero\" id=\"top\">\n <div class=\"cs-copy rv\">\n  <a class=\"back\" href=\"https:\/\/szmartindesign.hu\/#munkak\">\u2190 \u00d6sszes munka<\/a>\n  <span class=\"lbl tag\"><i><\/i>Esettanulm\u00e1ny 02 \u00b7 Med &amp; Trade<\/span>\n  <h1 class=\"disp\">Digit\u00e1lis showroom <span>int\u00e9zm\u00e9nyi d\u00f6nt\u00e9sekhez<\/span><\/h1>\n  <p>A Med &amp; Trade weboldala k\u00f3rh\u00e1zi d\u00f6nt\u00e9shoz\u00f3knak sz\u00f3l, akik hossz\u00fa, t\u00f6bb szerepl\u0151s folyamatban v\u00e1lasztanak orvostechnikai megold\u00e1st. A tartalmat term\u00e9klist\u00e1k helyett klinikai probl\u00e9m\u00e1k k\u00f6r\u00e9 szerveztem, hogy a fel\u00fclet ne eladni pr\u00f3b\u00e1ljon, hanem seg\u00edtsen d\u00f6nteni.<\/p>\n <\/div>\n <div class=\"art cs-art\" aria-hidden=\"true\"><div class=\"b-rust\"><\/div><div class=\"b-ochre\"><\/div><div class=\"card\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/medtrade-screens-mockup.png\" alt=\"\"><\/div><span class=\"vlbl\">Med &amp; Trade \u00b7 B2B \/ B2G<\/span><\/div>\n<\/section>\n<section class=\"meta\"><div class=\"wrap rv\">\n <div class=\"m\"><span>Term\u00e9k<\/span><b>B2B \/ B2G orvostechnikai weboldal<\/b><\/div>\n <div class=\"m\"><span>Felhaszn\u00e1l\u00f3k<\/span><b>Eg\u00e9szs\u00e9g\u00fcgyi int\u00e9zm\u00e9nyek d\u00f6nt\u00e9shoz\u00f3i \u00e9s szakmai szerepl\u0151i<\/b><\/div>\n <div class=\"m\"><span>Szerepem<\/span><b>UX design, inform\u00e1ci\u00f3s architekt\u00fara, d\u00f6nt\u00e9st\u00e1mogat\u00f3 strukt\u00fara<\/b><\/div>\n <div class=\"m\"><span>Id\u0151t\u00e1v<\/span><b>2 h\u00f3nap, t\u00f6bb iter\u00e1ci\u00f3ban \u00b7 <a href=\"https:\/\/medandtrade.hu\" target=\"_blank\" rel=\"noopener\">medandtrade.hu \u2197<\/a><\/b><\/div>\n<\/div><\/section>\n<section class=\"nums\"><div class=\"wrap rv\">\n <div class=\"n\"><b>4<\/b><span>klinikai bel\u00e9p\u00e9si pont<\/span><em>term\u00e9kkateg\u00f3ri\u00e1k helyett<\/em><\/div>\n <div class=\"n\"><b>3<\/b><span>d\u00f6nt\u00e9shoz\u00f3i szerep<\/span><em>orvos, m\u0171szaki vezet\u0151, beszerz\u00e9s<\/em><\/div>\n <div class=\"n\"><b>3<\/b><span>d\u00f6nt\u00e9si szempont<\/span><em>klinikai, gazdas\u00e1gi, szab\u00e1lyoz\u00e1si<\/em><\/div>\n <div class=\"n\"><b>2<small>h\u00f3<\/small><\/b><span>tervez\u00e9s<\/span><em>t\u00f6bb iter\u00e1ci\u00f3ban<\/em><\/div>\n<\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d36125 elementor-widget elementor-widget-html\" data-id=\"4d36125\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>01<\/b><h2>Kontextus<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">A Med &amp; Trade t\u00f6bb \u00e9vtizedes m\u00falt\u00fa orvostechnikai v\u00e1llalat, amely intenz\u00edv ter\u00e1pi\u00e1s, monitoroz\u00e1si \u00e9s neuromodul\u00e1ci\u00f3s megold\u00e1sokat k\u00edn\u00e1l. A weboldal nem klasszikus marketingfel\u00fclet, hanem digit\u00e1lis showroom: itt gy\u0171jtenek inform\u00e1ci\u00f3t, \u00e9rt\u00e9kelnek \u00e9s k\u00e9sz\u00edtenek d\u00f6nt\u00e9si anyagot az int\u00e9zm\u00e9nyi d\u00f6nt\u00e9shoz\u00f3k.<\/p><p class=\"rv\">A c\u00e9l egy struktur\u00e1lt, bizalmat \u00e9p\u00edt\u0151 rendszer volt, ami illeszkedik a B2B \/ B2G d\u00f6nt\u00e9si k\u00f6rnyezethez.<\/p><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>02<\/b><h2>A probl\u00e9ma<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">Orvostechnikai eszk\u00f6zt int\u00e9zm\u00e9nyben kiv\u00e1lasztani \u00f6sszetett d\u00f6nt\u00e9s:<\/p><div class=\"rv\"><ul><li>t\u00f6bb szerepl\u0151 vesz r\u00e9szt benne (orvos, m\u0171szaki vezet\u0151, beszerz\u00e9s)<\/li><li>elt\u00e9r\u0151 szempontok \u00fctk\u00f6znek (klinikai, gazdas\u00e1gi, szab\u00e1lyoz\u00e1si)<\/li><li>magas a kock\u00e1zat \u00e9s a felel\u0151ss\u00e9g<\/li><\/ul><\/div><p class=\"rv\">A megl\u00e9v\u0151 webes strukt\u00fara nem ezt a logik\u00e1t k\u00f6vette:<\/p><div class=\"rv\"><ul><li>a tartalom term\u00e9kk\u00f6zpont\u00fa volt<\/li><li>a megold\u00e1sok k\u00f6z\u00f6tti \u00f6sszef\u00fcgg\u00e9sek nem voltak egy\u00e9rtelm\u0171ek<\/li><li>az oldal nem seg\u00edtette akt\u00edvan az int\u00e9zm\u00e9nyi t\u00e1j\u00e9koz\u00f3d\u00e1st<\/li><\/ul><\/div><div class=\"pull rv\"><i aria-hidden=\"true\">\u201c<\/i><p>Hogyan lehet komplex szakmai tartalmat \u00e9rthet\u0151en \u00e9s felel\u0151sen struktur\u00e1lni?<\/p><\/div><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>03<\/b><h2>UX c\u00e9l<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">Olyan digit\u00e1lis showroomot akartam, ami az int\u00e9zm\u00e9nyi, t\u00f6bbszerepl\u0151s d\u00f6nt\u00e9si folyamatot t\u00e1mogatja, \u00e9s nem marketing\u00fczenetekkel, hanem struktur\u00e1lt inform\u00e1ci\u00f3val seg\u00edt.<\/p><p class=\"rv\">A f\u00f3kusz a szakmai hiteless\u00e9g er\u0151s\u00edt\u00e9se, a d\u00f6nt\u00e9si bizonytalans\u00e1g cs\u00f6kkent\u00e9se \u00e9s a komplex megold\u00e1sok \u00e9rthet\u0151 bemutat\u00e1sa volt.<\/p><div class=\"pull rv\"><i aria-hidden=\"true\">\u201c<\/i><p>Nem a gyors konverzi\u00f3 volt a c\u00e9l, hanem a biztons\u00e1gos d\u00f6nt\u00e9shozatal.<\/p><\/div><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>04<\/b><h2>Megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00fara<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">A strukt\u00far\u00e1t term\u00e9kkateg\u00f3ri\u00e1k helyett klinikai \u00e9s felhaszn\u00e1l\u00e1si probl\u00e9m\u00e1k ment\u00e9n szerveztem \u00fajra. A f\u0151 bel\u00e9p\u00e9si pontok:<\/p><div class=\"rv\"><ul><li>intenz\u00edv ter\u00e1pi\u00e1s l\u00e9legeztet\u00e9s<\/li><li>beteg\u0151rz\u00e9s<\/li><li>elektrokonvulz\u00edv ter\u00e1pia<\/li><li>l\u00e9legeztet\u00e9si leveg\u0151 p\u00e1r\u00e1s\u00edt\u00e1sa<\/li><\/ul><\/div><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/IA-scaled.png\" alt=\"Megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00fara\" loading=\"lazy\"><\/div><figcaption>Megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00fara<\/figcaption><\/figure><p class=\"rv\">Ez k\u00f6zelebb \u00e1ll az int\u00e9zm\u00e9nyi gondolkod\u00e1shoz: a felhaszn\u00e1l\u00f3 a saj\u00e1t probl\u00e9m\u00e1j\u00e1n kereszt\u00fcl jut el a megfelel\u0151 megold\u00e1shoz.<\/p><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98e1369 elementor-widget elementor-widget-html\" data-id=\"98e1369\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>05<\/b><h2>D\u00f6nt\u00e9si helyzetek<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">Int\u00e9zm\u00e9nyi k\u00f6rnyezetben a felhaszn\u00e1l\u00f3 nem v\u00e1s\u00e1rl\u00f3, hanem d\u00f6nt\u00e9shoz\u00f3, akinek felel\u0151ss\u00e9get kell v\u00e1llalnia a v\u00e1laszt\u00e1s\u00e1\u00e9rt. A tervez\u00e9sn\u00e9l ezekb\u0151l a helyzetekb\u0151l indultam ki:<\/p><div class=\"rv\"><ul><li>milyen klinikai probl\u00e9m\u00e1ra keres megold\u00e1st<\/li><li>milyen k\u00f6rnyezetben \u00e9s kapacit\u00e1ssal m\u0171k\u00f6dik az int\u00e9zm\u00e9ny<\/li><li>milyen dokument\u00e1ci\u00f3 \u00e9s h\u00e1tt\u00e9rinform\u00e1ci\u00f3 kell a d\u00f6nt\u00e9shez<\/li><\/ul><\/div><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/Flow-chart-scaled.png\" alt=\"D\u00f6nt\u00e9si folyamat \u2013 flow chart\" loading=\"lazy\"><\/div><figcaption>D\u00f6nt\u00e9si folyamat \u2013 flow chart<\/figcaption><\/figure><div class=\"pull rv\"><i aria-hidden=\"true\">\u201c<\/i><p>A c\u00e9l nem az azonnali konverzi\u00f3, hanem a d\u00f6nt\u00e9si bizonytalans\u00e1g cs\u00f6kkent\u00e9se volt.<\/p><\/div><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>06<\/b><h2>Megold\u00e1s landing<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">A megold\u00e1soldalak fel\u00e9p\u00edt\u00e9se:<\/p><div class=\"rv\"><ul><li>klinikai probl\u00e9ma \u2192 megold\u00e1s<\/li><li>funkci\u00f3k a klinikai el\u0151ny\u00f6k ment\u00e9n<\/li><li>visszafogott, szakmai CTA-k<\/li><li>el\u00e9rhet\u0151 dokument\u00e1ci\u00f3 \u00e9s tov\u00e1bbi inform\u00e1ci\u00f3<\/li><\/ul><\/div><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/Kezdolap-low-fi-1-scaled.png\" alt=\"Low-fi wireframe\" loading=\"lazy\"><\/div><figcaption>Low-fi wireframe<\/figcaption><\/figure><p class=\"rv\">A vizu\u00e1lis megjelen\u00e9s ebben a f\u00e1zisban sz\u00e1nd\u00e9kosan visszafogott maradt, hogy a struktur\u00e1lis d\u00f6nt\u00e9sek legyenek el\u0151t\u00e9rben.<\/p><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>07<\/b><h2>Term\u00e9koldalak<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">A term\u00e9koldalak c\u00e9lja nem az \u00e9rt\u00e9kes\u00edt\u00e9s, hanem a szakmai valid\u00e1ci\u00f3. A tartalmi hierarchia:<\/p><div class=\"rv\"><ul><li>kinek aj\u00e1nlott<\/li><li>klinikai \u00e9s gyakorlati el\u0151ny\u00f6k<\/li><li>haszn\u00e1lati kontextus<\/li><li>struktur\u00e1lt specifik\u00e1ci\u00f3k<\/li><li>let\u00f6lthet\u0151 dokument\u00e1ci\u00f3<\/li><\/ul><\/div><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/termekoldal-wireframe-scaled.png\" alt=\"Term\u00e9koldal wireframe\" loading=\"lazy\"><\/div><figcaption>Term\u00e9koldal wireframe<\/figcaption><\/figure><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>08<\/b><h2>A megold\u00e1s<\/h2><\/div><div class=\"ch-body\"><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/Kezdolap-Hi_fi-1-scaled.png\" alt=\"Kezd\u0151lap \u2013 hi-fi design\" loading=\"lazy\"><\/div><figcaption>Kezd\u0151lap \u2013 hi-fi design<\/figcaption><\/figure><p class=\"rv\">A v\u00e9gs\u0151 fel\u00fclet visszafogott, struktur\u00e1lt \u00e9s szakmailag hiteles digit\u00e1lis showroom. A megold\u00e1salap\u00fa strukt\u00fara, az \u00e1tl\u00e1that\u00f3 tartalom \u00e9s a d\u00f6nt\u00e9si folyamat t\u00e1mogat\u00e1sa er\u0151s\u00edti a bizalmat, \u00e9s seg\u00edti a komplex int\u00e9zm\u00e9nyi d\u00f6nt\u00e9seket.<\/p><div class=\"pull rv\"><i aria-hidden=\"true\">\u201c<\/i><p>A weboldal \u00fczenetek helyett struktur\u00e1lt tud\u00e1ssal seg\u00edti a d\u00f6nt\u00e9st.<\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5395ee0 elementor-widget elementor-widget-html\" data-id=\"5395ee0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>09<\/b><h2>Amit tanultam<\/h2><\/div><div class=\"ch-body\"><div class=\"rv\"><ul><li>B2B \/ B2G k\u00f6rnyezetben a strukt\u00fara fontosabb, mint a vizu\u00e1lis hat\u00e1s<\/li><li>A d\u00f6nt\u00e9st\u00e1mogat\u00f3 tartalom hat\u00e9konyabb, mint a marketingkommunik\u00e1ci\u00f3<\/li><li>A t\u00f6bbszerepl\u0151s d\u00f6nt\u00e9si folyamat meg\u00e9rt\u00e9se a j\u00f3 UX kulcsa<\/li><li>A be\u00e9p\u00edtett dokument\u00e1ci\u00f3 er\u0151s\u00edti a bizalmat \u00e9s a hiteless\u00e9get<\/li><\/ul><\/div><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>10<\/b><h2>Z\u00e1r\u00f3 gondolat<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">A Med &amp; Trade eset\u00e9ben a UX nem k\u00fcl\u00f6n r\u00e9teg volt, hanem a teljes digit\u00e1lis kommunik\u00e1ci\u00f3 alapja.<\/p><div class=\"pull rv\"><i aria-hidden=\"true\">\u201c<\/i><p>A c\u00e9l az volt, hogy a technol\u00f3giai komplexit\u00e1s ne akad\u00e1lyozza, hanem t\u00e1mogassa az int\u00e9zm\u00e9nyi d\u00f6nt\u00e9st.<\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c0a170 elementor-widget elementor-widget-html\" data-id=\"6c0a170\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"next\" id=\"kapcsolat\">\n <div class=\"n1\"><span>K\u00f6vetkez\u0151 projekt<\/span><a href=\"https:\/\/szmartindesign.hu\/gabilak-ux-ui-case-study\/\">Gabilak \u2192<\/a><\/div>\n <div class=\"n2 rv\"><a class=\"arrow-link\" href=\"https:\/\/szmartindesign.hu\/#munkak\">Vissza a munk\u00e1khoz <span aria-hidden=\"true\">\u2192<\/span><\/a><a class=\"arrow-link\" href=\"https:\/\/medandtrade.hu\" target=\"_blank\" rel=\"noopener\">\u00c9l\u0151 oldal: medandtrade.hu <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div>\n <div class=\"n3 rv\"><p>Tetszik, ahogy a strukt\u00far\u00e1r\u00f3l gondolkodom? \u00cdrj p\u00e1r sort arr\u00f3l, min dolgozol.<\/p><a class=\"btn\" href=\"mailto:hello@szmartindesign.hu\">\u00cdrj nekem <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div>\n<\/section>\n<footer class=\"foot\"><div class=\"wrap\"><span class=\"logo\">Szab\u00f3 Martin<\/span><small>\u00a9 2026 Szab\u00f3 Martin \u00b7 Figm\u00e1ban tervezve, WordPressben \u00e9p\u00edtve.<\/small><nav><a href=\"https:\/\/www.linkedin.com\/in\/martin-szab%C3%B3-ux-designer\/\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a><a href=\"mailto:hello@szmartindesign.hu\">E-mail<\/a><\/nav><a class=\"totop\" href=\"#top\" aria-label=\"Vissza a tetej\u00e9re\">\u2191<\/a><\/div><\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2840","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Med &amp; Trade esettanulm\u00e1ny \u2013 orvostechnikai UX | Szab\u00f3 Martin<\/title>\n<meta name=\"description\" content=\"Med &amp; Trade esettanulm\u00e1ny: digit\u00e1lis showroom k\u00f3rh\u00e1zi d\u00f6nt\u00e9shoz\u00f3knak, megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00far\u00e1val \u00e9s d\u00f6nt\u00e9st\u00e1mogat\u00f3 UX-szel.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Med &amp; Trade esettanulm\u00e1ny \u2013 digit\u00e1lis showroom int\u00e9zm\u00e9nyi d\u00f6nt\u00e9sekhez\" \/>\n<meta property=\"og:description\" content=\"Megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00fara \u00e9s d\u00f6nt\u00e9st\u00e1mogat\u00f3 UX egy B2B \/ B2G orvostechnikai weboldalon.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/szmartindesign.hu\/en\/med-trade-ux-ui-case-study\/\" \/>\n<meta property=\"og:site_name\" content=\"Szab\u00f3 Martin Portfolio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T14:21:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/medtrade-screens-mockup.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Med &amp; Trade esettanulm\u00e1ny \u2013 digit\u00e1lis showroom int\u00e9zm\u00e9nyi d\u00f6nt\u00e9sekhez\" \/>\n<meta name=\"twitter:description\" content=\"Megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00fara \u00e9s d\u00f6nt\u00e9st\u00e1mogat\u00f3 UX egy B2B \/ B2G orvostechnikai weboldalon.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/medtrade-screens-mockup.png\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/med-trade-ux-ui-case-study\\\/\",\"url\":\"https:\\\/\\\/szmartindesign.hu\\\/med-trade-ux-ui-case-study\\\/\",\"name\":\"Med & Trade esettanulm\u00e1ny \u2013 orvostechnikai UX | Szab\u00f3 Martin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/#website\"},\"datePublished\":\"2026-10-21T11:27:01+00:00\",\"dateModified\":\"2026-10-27T14:21:29+00:00\",\"description\":\"Med & Trade esettanulm\u00e1ny: digit\u00e1lis showroom k\u00f3rh\u00e1zi d\u00f6nt\u00e9shoz\u00f3knak, megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00far\u00e1val \u00e9s d\u00f6nt\u00e9st\u00e1mogat\u00f3 UX-szel.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/med-trade-ux-ui-case-study\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/szmartindesign.hu\\\/med-trade-ux-ui-case-study\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/med-trade-ux-ui-case-study\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Kezd\u0151lap\",\"item\":\"https:\\\/\\\/szmartindesign.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Med &#038; Trade UX \\\/ UI Case Study\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/#website\",\"url\":\"https:\\\/\\\/szmartindesign.hu\\\/\",\"name\":\"Szab\u00f3 Martin Portfolio\",\"description\":\"Szab\u00f3 Martin Portfoli\u00f3ja\",\"publisher\":{\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/szmartindesign.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/#organization\",\"name\":\"Szab\u00f3 Martin Portfolio\",\"url\":\"https:\\\/\\\/szmartindesign.hu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/szmartindesign.hu\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/szabo_martin_UX_logo_v2_szabo_martin_UX_logo_v2-e1721157760289.png\",\"contentUrl\":\"https:\\\/\\\/szmartindesign.hu\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/szabo_martin_UX_logo_v2_szabo_martin_UX_logo_v2-e1721157760289.png\",\"width\":200,\"height\":37,\"caption\":\"Szab\u00f3 Martin Portfolio\"},\"image\":{\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Med & Trade esettanulm\u00e1ny \u2013 orvostechnikai UX | Szab\u00f3 Martin","description":"Med & Trade esettanulm\u00e1ny: digit\u00e1lis showroom k\u00f3rh\u00e1zi d\u00f6nt\u00e9shoz\u00f3knak, megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00far\u00e1val \u00e9s d\u00f6nt\u00e9st\u00e1mogat\u00f3 UX-szel.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Med & Trade esettanulm\u00e1ny \u2013 digit\u00e1lis showroom int\u00e9zm\u00e9nyi d\u00f6nt\u00e9sekhez","og_description":"Megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00fara \u00e9s d\u00f6nt\u00e9st\u00e1mogat\u00f3 UX egy B2B \/ B2G orvostechnikai weboldalon.","og_url":"https:\/\/szmartindesign.hu\/en\/med-trade-ux-ui-case-study\/","og_site_name":"Szab\u00f3 Martin Portfolio","article_modified_time":"2026-10-27T14:21:29+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/medtrade-screens-mockup.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Med & Trade esettanulm\u00e1ny \u2013 digit\u00e1lis showroom int\u00e9zm\u00e9nyi d\u00f6nt\u00e9sekhez","twitter_description":"Megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00fara \u00e9s d\u00f6nt\u00e9st\u00e1mogat\u00f3 UX egy B2B \/ B2G orvostechnikai weboldalon.","twitter_image":"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/medtrade-screens-mockup.png","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/szmartindesign.hu\/med-trade-ux-ui-case-study\/","url":"https:\/\/szmartindesign.hu\/med-trade-ux-ui-case-study\/","name":"Med & Trade esettanulm\u00e1ny \u2013 orvostechnikai UX | Szab\u00f3 Martin","isPartOf":{"@id":"https:\/\/szmartindesign.hu\/#website"},"datePublished":"2026-10-21T11:27:01+00:00","dateModified":"2026-10-27T14:21:29+00:00","description":"Med & Trade esettanulm\u00e1ny: digit\u00e1lis showroom k\u00f3rh\u00e1zi d\u00f6nt\u00e9shoz\u00f3knak, megold\u00e1salap\u00fa inform\u00e1ci\u00f3s architekt\u00far\u00e1val \u00e9s d\u00f6nt\u00e9st\u00e1mogat\u00f3 UX-szel.","breadcrumb":{"@id":"https:\/\/szmartindesign.hu\/med-trade-ux-ui-case-study\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/szmartindesign.hu\/med-trade-ux-ui-case-study\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/szmartindesign.hu\/med-trade-ux-ui-case-study\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezd\u0151lap","item":"https:\/\/szmartindesign.hu\/"},{"@type":"ListItem","position":2,"name":"Med &#038; Trade UX \/ UI Case Study"}]},{"@type":"WebSite","@id":"https:\/\/szmartindesign.hu\/#website","url":"https:\/\/szmartindesign.hu\/","name":"Szab\u00f3 Martin Portfolio","description":"Szab\u00f3 Martin Portfoli\u00f3ja","publisher":{"@id":"https:\/\/szmartindesign.hu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/szmartindesign.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/szmartindesign.hu\/#organization","name":"Szab\u00f3 Martin Portfolio","url":"https:\/\/szmartindesign.hu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/szmartindesign.hu\/#\/schema\/logo\/image\/","url":"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2024\/07\/szabo_martin_UX_logo_v2_szabo_martin_UX_logo_v2-e1721157760289.png","contentUrl":"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2024\/07\/szabo_martin_UX_logo_v2_szabo_martin_UX_logo_v2-e1721157760289.png","width":200,"height":37,"caption":"Szab\u00f3 Martin Portfolio"},"image":{"@id":"https:\/\/szmartindesign.hu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/pages\/2840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/comments?post=2840"}],"version-history":[{"count":3,"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/pages\/2840\/revisions"}],"predecessor-version":[{"id":2850,"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/pages\/2840\/revisions\/2850"}],"wp:attachment":[{"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/media?parent=2840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}