{"id":2838,"date":"2026-10-21T13:26:57","date_gmt":"2026-10-21T11:26:57","guid":{"rendered":"https:\/\/szmartindesign.hu\/?page_id=2838"},"modified":"2026-10-27T15:21:25","modified_gmt":"2026-10-27T14:21:25","slug":"chamsys-ux-ui-case-study","status":"publish","type":"page","link":"https:\/\/szmartindesign.hu\/en\/chamsys-ux-ui-case-study\/","title":{"rendered":"ChamSys UX \/ UI Case Study"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2838\" class=\"elementor elementor-2838 elementor-bc-flex-widget\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95ebb97 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=\"95ebb97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81d5960 elementor-widget elementor-widget-html\" data-id=\"81d5960\" 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-3173ca2 elementor-widget elementor-widget-html\" data-id=\"3173ca2\" 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-a6824f3 elementor-widget elementor-widget-html\" data-id=\"a6824f3\" 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 01 \u00b7 ChamSys Hungary<\/span>\n  <h1 class=\"disp\">Egy szakmai platform, amit <span>gyorsabb haszn\u00e1lni<\/span><\/h1>\n  <p>A ChamSys.hu a magyar vil\u00e1gos\u00edt\u00f3 szakma platformja. Ide nem b\u00f6ng\u00e9szni j\u00f6nnek, hanem munka k\u00f6zben: szoftvert let\u00f6lteni, eszk\u00f6zt ellen\u0151rizni vagy seg\u00edts\u00e9get tal\u00e1lni. A strukt\u00far\u00e1t ezek k\u00f6r\u00e9 a feladatok k\u00f6r\u00e9 \u00e9p\u00edtettem \u00fajra, azt\u00e1n megterveztem \u00e9s meg\u00e9p\u00edtettem az oldalt.<\/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\/chamsys-screens-mockup.png\" alt=\"\"><\/div><span class=\"vlbl\">ChamSys \u00b7 2025<\/span><\/div>\n<\/section>\n<section class=\"meta\"><div class=\"wrap rv\">\n <div class=\"m\"><span>Term\u00e9k<\/span><b>B2B technol\u00f3giai platform<\/b><\/div>\n <div class=\"m\"><span>Felhaszn\u00e1l\u00f3k<\/span><b>Vil\u00e1gos\u00edt\u00f3 szakemberek \u00e9s technikusok<\/b><\/div>\n <div class=\"m\"><span>Szerepem<\/span><b>UX, inform\u00e1ci\u00f3s architekt\u00fara, design \u00e9s fejleszt\u00e9s<\/b><\/div>\n <div class=\"m\"><span>\u00c9lesben<\/span><b>2025. m\u00e1jus \u00f3ta \u00b7 <a href=\"https:\/\/chamsys.hu\" target=\"_blank\" rel=\"noopener\">chamsys.hu \u2197<\/a><\/b><\/div>\n<\/div><\/section>\n<section class=\"nums\"><div class=\"wrap rv\">\n <div class=\"n\"><b>18<\/b><span>aj\u00e1nlatk\u00e9r\u00e9s a weboldalon kereszt\u00fcl<\/span><em>2025. m\u00e1jus \u2013 2026. j\u00falius<\/em><\/div>\n <div class=\"n\"><b>+25%<\/b><span>t\u00f6bb, mint a kor\u00e1bbi id\u0151szakban<\/span><em>a r\u00e9gi weboldalon<\/em><\/div>\n <div class=\"n\"><b>~50%<\/b><span>f\u00e9nyvez\u00e9rl\u0151 pultokra<\/span><em>a leg\u00e9rt\u00e9kesebb kateg\u00f3ria<\/em><\/div>\n <div class=\"n\"><b>12<small>\/18<\/small><\/b><span>organikus keres\u00e9sb\u0151l<\/span><em>11 Google, 1 Bing<\/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-c718e05 elementor-widget elementor-widget-html\" data-id=\"c718e05\" 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 ChamSys f\u00e9nyvez\u00e9rl\u0151 szoftvert, pultokat, oktat\u00f3anyagokat \u00e9s t\u00e1mogat\u00e1st ny\u00fajt a magyar szakm\u00e1nak. A l\u00e1togat\u00f3k t\u00f6bbs\u00e9ge konkr\u00e9t feladattal \u00e9rkezik: let\u00f6lteni a MagicQ-t, ellen\u0151rizni egy eszk\u00f6zt, vagy gyors seg\u00edts\u00e9get k\u00e9rni el\u0151ad\u00e1s k\u00f6zben.<\/p><p class=\"rv\">A c\u00e9l teh\u00e1t nem vizu\u00e1lis redesign volt, hanem gyors, megszak\u00edt\u00e1s n\u00e9lk\u00fcli hozz\u00e1f\u00e9r\u00e9s ahhoz, ami\u00e9rt a legt\u00f6bben j\u00f6nnek.<\/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\">A platform szakmailag er\u0151s volt, de a strukt\u00far\u00e1ja nem t\u00fckr\u00f6zte, hogyan haszn\u00e1lj\u00e1k val\u00f3j\u00e1ban. A leggyakoribb m\u0171veletek t\u00f6bb kattint\u00e1s m\u00e9ly\u00e9n voltak:<\/p><div class=\"rv\"><ul><li>A MagicQ let\u00f6lt\u00e9se nem volt azonnal el\u00e9rhet\u0151<\/li><li>A szerviz \u00e9s a t\u00e1mogat\u00e1s elveszett a navig\u00e1ci\u00f3ban<\/li><li>A kezd\u0151lap l\u00e9nyeg\u00e9ben egy k\u00e9pgal\u00e9ria volt<\/li><li>A navig\u00e1ci\u00f3 nem a felhaszn\u00e1l\u00f3i priorit\u00e1sokat k\u00f6vette<\/li><\/ul><\/div><div class=\"pull rv\"><i aria-hidden=\"true\">\u201c<\/i><p>A felhaszn\u00e1l\u00f3k t\u00f6bbet kerestek, megszakadt a munk\u00e1juk, \u00e9s n\u0151tt a bizonytalans\u00e1g.<\/p><\/div><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>03<\/b><h2>Mit mutattak az adatok<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">A kor\u00e1bbi oldal analitik\u00e1ja egy\u00e9rtelm\u0171 mint\u00e1t mutatott. A legl\u00e1togatottabb tartalmak:<\/p><div class=\"rv\"><ul><li>MagicQ szoftver<\/li><li>MagicQ eszk\u00f6z\u00f6k<\/li><li>Szerviz \u0171rlap<\/li><li>Helysz\u00ednek<\/li><\/ul><\/div><p class=\"rv\">Az emberek c\u00e9llal j\u00f6nnek. A UX f\u00f3kusza ez\u00e9rt a gyors el\u00e9r\u00e9s \u00e9s a kisebb d\u00f6nt\u00e9si bizonytalans\u00e1g lett.<\/p><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>04<\/b><h2>Strukt\u00fara<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">Ez inform\u00e1ci\u00f3s \u00e9s t\u00e1mogat\u00f3 platform, nem \u00e9rt\u00e9kes\u00edt\u00e9si oldal. A leggyakoribb feladatoknak a lehet\u0151 legkevesebb l\u00e9p\u00e9sb\u0151l kellett el\u00e9rhet\u0151nek lenni\u00fck:<\/p><div class=\"rv\"><ul><li>A MagicQ szoftver \u00e9s a szerviz \u0171rlap a fels\u0151 s\u00e1vba ker\u00fclt<\/li><li>A hero k\u00e9t egy\u00e9rtelm\u0171 bel\u00e9p\u00e9si pontot kapott: eszk\u00f6z\u00f6k \u00e9s MagicQ<\/li><li>A navig\u00e1ci\u00f3 az \u00e9szlel\u00e9si poz\u00edci\u00f3kra \u00e9p\u00fcl \u2014 az els\u0151, a k\u00f6z\u00e9ps\u0151 \u00e9s az utols\u00f3 elem viszi a hangs\u00falyt<\/li><\/ul><\/div><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/ChamSys-AI-attekintes-scaled.png\" alt=\"\u00c1ttekint\u00e9s \u00e9s inform\u00e1ci\u00f3s architekt\u00fara\" loading=\"lazy\"><\/div><figcaption>\u00c1ttekint\u00e9s \u00e9s inform\u00e1ci\u00f3s architekt\u00fara<\/figcaption><\/figure><\/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-b94dc1f elementor-widget elementor-widget-html\" data-id=\"b94dc1f\" 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>A megfelel\u0151 szoftver kiv\u00e1laszt\u00e1sa<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">Sokan kifejezetten a MagicQ-t keresik, de a megfelel\u0151 verzi\u00f3 a rendszer m\u00e9ret\u00e9t\u0151l, az el\u0151ad\u00e1s \u00f6sszetetts\u00e9g\u00e9t\u0151l \u00e9s a tapasztalatt\u00f3l f\u00fcgg. A c\u00e9l nem az volt, hogy r\u00e1toljunk egy v\u00e1laszt\u00e1st, hanem hogy el\u00e9g kontextust adjunk a magabiztos d\u00f6nt\u00e9shez.<\/p><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/User-flow-scaled.png\" alt=\"User flow \u2014 az \u00e9rkez\u00e9st\u0151l a megfelel\u0151 MagicQ-verzi\u00f3ig\" loading=\"lazy\"><\/div><figcaption>User flow \u2014 az \u00e9rkez\u00e9st\u0151l a megfelel\u0151 MagicQ-verzi\u00f3ig<\/figcaption><\/figure><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>06<\/b><h2>A kezd\u0151lap mint ir\u00e1nyt\u0171<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">A kezd\u0151lap t\u00e1j\u00e9koz\u00f3d\u00e1sra szolg\u00e1l, nem marketingfel\u00fclet. A hero a k\u00e9t f\u0151 c\u00e9lt szolg\u00e1lja, k\u00f6zvetlen hozz\u00e1f\u00e9r\u00e9st ad a leggyakoribb feladatokhoz, \u00e9s t\u00e1rsadalmi bizony\u00edt\u00e9kkal jelzi, hogy j\u00f3 helyen j\u00e1rsz.<\/p><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/Kezdolap-low-fi-scaled.png\" alt=\"Kezd\u0151lap \u2014 low-fi dr\u00f3tv\u00e1z\" loading=\"lazy\"><\/div><figcaption>Kezd\u0151lap \u2014 low-fi dr\u00f3tv\u00e1z<\/figcaption><\/figure><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>07<\/b><h2>A d\u00f6nt\u00e9s meger\u0151s\u00edt\u00e9se<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">Amikor valaki a MagicQ-oldalra \u00e9r, a feladat a v\u00e1laszt\u00e1s meger\u0151s\u00edt\u00e9se, nem az elad\u00e1s. A tartalom ezt a sorrendet k\u00f6veti:<\/p><div class=\"rv\"><ul><li>Kinek sz\u00f3l \u2014 gyors \u00f6nazonos\u00edt\u00e1s<\/li><li>Hol haszn\u00e1lj\u00e1k<\/li><li>K\u00e9pess\u00e9gek \u00e1ttekinthet\u0151 blokkokban<\/li><li>Let\u00f6lt\u00e9s, azonnal<\/li><\/ul><\/div><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/MagicQ-low-fi-scaled.png\" alt=\"MagicQ szoftveroldal \u2014 low-fi dr\u00f3tv\u00e1z\" loading=\"lazy\"><\/div><figcaption>MagicQ szoftveroldal \u2014 low-fi dr\u00f3tv\u00e1z<\/figcaption><\/figure><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>08<\/b><h2>V\u00e9gleges design<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">Az \u00e9les\u00edtett fel\u00fcleten j\u00f3l l\u00e1tszanak az analitik\u00e1ra \u00e9s a felhaszn\u00e1l\u00f3i feladatokra \u00e9p\u00fcl\u0151 d\u00f6nt\u00e9sek: gyors hozz\u00e1f\u00e9r\u00e9s a gyakori m\u0171veletekhez, egyens\u00faly a szakmai \u00e9s az \u00fczleti c\u00e9lok k\u00f6z\u00f6tt, \u00e9s olyan strukt\u00fara, ami t\u00e1mogatja a d\u00f6nt\u00e9st an\u00e9lk\u00fcl, hogy el\u00e1rasztana.<\/p><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/07\/Kezdolap-Hi_fi-scaled.png\" alt=\"Kezd\u0151lap \u2014 v\u00e9gleges UI\" loading=\"lazy\"><\/div><figcaption>Kezd\u0151lap \u2014 v\u00e9gleges UI<\/figcaption><\/figure><div class=\"pair\"><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/chamsys_mockup_laptop.png\" alt=\"Desktop\" loading=\"lazy\"><\/div><figcaption>Desktop<\/figcaption><\/figure><figure class=\"fig rv\"><div class=\"frame\"><img decoding=\"async\" src=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/chamsys_mobil_mockup-e1769368583327.png\" alt=\"Mobil\" loading=\"lazy\"><\/div><figcaption>Mobil<\/figcaption><\/figure><\/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-45973b3 elementor-widget elementor-widget-html\" data-id=\"45973b3\" 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>Eredm\u00e9nyek<\/h2><\/div><div class=\"ch-body\"><p class=\"rv\">Az indul\u00e1s ut\u00e1ni els\u0151 ~14 h\u00f3napban (2025. m\u00e1jus \u2013 2026. j\u00falius) 18 aj\u00e1nlatk\u00e9r\u00e9s \u00e9rkezett a weboldalon kereszt\u00fcl \u2014 kb. 25%-kal t\u00f6bb, mint a kor\u00e1bbi, \u00f6sszevethet\u0151 id\u0151szakban. Nagyj\u00e1b\u00f3l a fel\u00fck f\u00e9nyvez\u00e9rl\u0151 pultokra vonatkozott, a platform leg\u00e9rt\u00e9kesebb kateg\u00f3ri\u00e1j\u00e1ra.<\/p><p class=\"rv\">Minden aj\u00e1nlatk\u00e9r\u00e9s forr\u00e1sa ismert: 12 organikus keres\u00e9sb\u0151l, 6 k\u00f6zvetlen l\u00e1togat\u00e1sb\u00f3l vagy Facebookr\u00f3l \u2014 olyanokt\u00f3l, akik m\u00e1r ismert\u00e9k az oldalt. Mivel a teljes oldalt \u00e9n terveztem \u00e9s \u00e9p\u00edtettem, az organikus fele azt mutatja, hogy a strukt\u00fara a keres\u0151knek \u00e9s az embereknek is m\u0171k\u00f6dik, a visszat\u00e9r\u0151 fele pedig azt, hogy \u00e9rdemes visszaj\u00f6nni.<\/p><\/div><\/div><\/section><section class=\"ch\"><div class=\"wrap\"><div class=\"ch-lbl rv\"><b>10<\/b><h2>Amit tanultam<\/h2><\/div><div class=\"ch-body\"><div class=\"rv\"><ul><li>A leggyakoribb feladatok el\u0151t\u00e9rbe helyez\u00e9se t\u00f6bb s\u00farl\u00f3d\u00e1st sz\u00fcntet meg, mint b\u00e1rmilyen vizu\u00e1lis csiszol\u00e1s<\/li><li>Egy inform\u00e1ci\u00f3s platformon a gyors el\u00e9r\u00e9s fontosabb a vizu\u00e1lis hangs\u00falyn\u00e1l<\/li><li>A j\u00f3 UX nem terel, hanem cs\u00f6kkenti a bizonytalans\u00e1got<\/li><li>Az analitik\u00e1ra \u00e9p\u00fcl\u0151 d\u00f6nt\u00e9sekb\u0151l stabilabb strukt\u00fara lesz<\/li><\/ul><\/div><div class=\"pull rv\"><i aria-hidden=\"true\">\u201c<\/i><p>A UX val\u00f3di \u00e9rt\u00e9ke itt a d\u00f6nt\u00e9sek megk\u00f6nny\u00edt\u00e9se volt.<\/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-888c971 elementor-widget elementor-widget-html\" data-id=\"888c971\" 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\/med-trade-ux-ui-case-study\/\">Med &amp; Trade \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:\/\/chamsys.hu\" target=\"_blank\" rel=\"noopener\">\u00c9l\u0151 oldal: chamsys.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-2838","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>ChamSys esettanulm\u00e1ny \u2013 B2B platform UX\/UI | Szab\u00f3 Martin<\/title>\n<meta name=\"description\" content=\"ChamSys esettanulm\u00e1ny: hogyan \u00e9p\u00edtettem \u00fajra egy B2B platform strukt\u00far\u00e1j\u00e1t a felhaszn\u00e1l\u00f3i feladatok k\u00f6r\u00e9. Eredm\u00e9ny: 18 aj\u00e1nlatk\u00e9r\u00e9s, +25%.\" \/>\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=\"ChamSys esettanulm\u00e1ny \u2013 egy szakmai platform, amit gyorsabb haszn\u00e1lni\" \/>\n<meta property=\"og:description\" content=\"UX, inform\u00e1ci\u00f3s architekt\u00fara, design \u00e9s fejleszt\u00e9s egy B2B platformhoz: 18 aj\u00e1nlatk\u00e9r\u00e9s 14 h\u00f3nap alatt, 25%-kal t\u00f6bb, mint kor\u00e1bban.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/szmartindesign.hu\/en\/chamsys-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:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/chamsys-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=\"ChamSys esettanulm\u00e1ny \u2013 egy szakmai platform, amit gyorsabb haszn\u00e1lni\" \/>\n<meta name=\"twitter:description\" content=\"UX, inform\u00e1ci\u00f3s architekt\u00fara, design \u00e9s fejleszt\u00e9s egy B2B platformhoz: 18 aj\u00e1nlatk\u00e9r\u00e9s 14 h\u00f3nap alatt, 25%-kal t\u00f6bb, mint kor\u00e1bban.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/chamsys-screens-mockup.png\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/chamsys-ux-ui-case-study\\\/\",\"url\":\"https:\\\/\\\/szmartindesign.hu\\\/chamsys-ux-ui-case-study\\\/\",\"name\":\"ChamSys esettanulm\u00e1ny \u2013 B2B platform UX\\\/UI | Szab\u00f3 Martin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/#website\"},\"datePublished\":\"2026-10-21T11:26:57+00:00\",\"dateModified\":\"2026-10-27T14:21:25+00:00\",\"description\":\"ChamSys esettanulm\u00e1ny: hogyan \u00e9p\u00edtettem \u00fajra egy B2B platform strukt\u00far\u00e1j\u00e1t a felhaszn\u00e1l\u00f3i feladatok k\u00f6r\u00e9. Eredm\u00e9ny: 18 aj\u00e1nlatk\u00e9r\u00e9s, +25%.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/chamsys-ux-ui-case-study\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/szmartindesign.hu\\\/chamsys-ux-ui-case-study\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/szmartindesign.hu\\\/chamsys-ux-ui-case-study\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Kezd\u0151lap\",\"item\":\"https:\\\/\\\/szmartindesign.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ChamSys 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":"ChamSys esettanulm\u00e1ny \u2013 B2B platform UX\/UI | Szab\u00f3 Martin","description":"ChamSys esettanulm\u00e1ny: hogyan \u00e9p\u00edtettem \u00fajra egy B2B platform strukt\u00far\u00e1j\u00e1t a felhaszn\u00e1l\u00f3i feladatok k\u00f6r\u00e9. Eredm\u00e9ny: 18 aj\u00e1nlatk\u00e9r\u00e9s, +25%.","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":"ChamSys esettanulm\u00e1ny \u2013 egy szakmai platform, amit gyorsabb haszn\u00e1lni","og_description":"UX, inform\u00e1ci\u00f3s architekt\u00fara, design \u00e9s fejleszt\u00e9s egy B2B platformhoz: 18 aj\u00e1nlatk\u00e9r\u00e9s 14 h\u00f3nap alatt, 25%-kal t\u00f6bb, mint kor\u00e1bban.","og_url":"https:\/\/szmartindesign.hu\/en\/chamsys-ux-ui-case-study\/","og_site_name":"Szab\u00f3 Martin Portfolio","article_modified_time":"2026-10-27T14:21:25+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/chamsys-screens-mockup.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"ChamSys esettanulm\u00e1ny \u2013 egy szakmai platform, amit gyorsabb haszn\u00e1lni","twitter_description":"UX, inform\u00e1ci\u00f3s architekt\u00fara, design \u00e9s fejleszt\u00e9s egy B2B platformhoz: 18 aj\u00e1nlatk\u00e9r\u00e9s 14 h\u00f3nap alatt, 25%-kal t\u00f6bb, mint kor\u00e1bban.","twitter_image":"https:\/\/szmartindesign.hu\/wp-content\/uploads\/2026\/01\/chamsys-screens-mockup.png","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/szmartindesign.hu\/chamsys-ux-ui-case-study\/","url":"https:\/\/szmartindesign.hu\/chamsys-ux-ui-case-study\/","name":"ChamSys esettanulm\u00e1ny \u2013 B2B platform UX\/UI | Szab\u00f3 Martin","isPartOf":{"@id":"https:\/\/szmartindesign.hu\/#website"},"datePublished":"2026-10-21T11:26:57+00:00","dateModified":"2026-10-27T14:21:25+00:00","description":"ChamSys esettanulm\u00e1ny: hogyan \u00e9p\u00edtettem \u00fajra egy B2B platform strukt\u00far\u00e1j\u00e1t a felhaszn\u00e1l\u00f3i feladatok k\u00f6r\u00e9. Eredm\u00e9ny: 18 aj\u00e1nlatk\u00e9r\u00e9s, +25%.","breadcrumb":{"@id":"https:\/\/szmartindesign.hu\/chamsys-ux-ui-case-study\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/szmartindesign.hu\/chamsys-ux-ui-case-study\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/szmartindesign.hu\/chamsys-ux-ui-case-study\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezd\u0151lap","item":"https:\/\/szmartindesign.hu\/"},{"@type":"ListItem","position":2,"name":"ChamSys 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\/2838","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=2838"}],"version-history":[{"count":3,"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/pages\/2838\/revisions"}],"predecessor-version":[{"id":2849,"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/pages\/2838\/revisions\/2849"}],"wp:attachment":[{"href":"https:\/\/szmartindesign.hu\/en\/wp-json\/wp\/v2\/media?parent=2838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}