{"id":2771,"date":"2026-09-21T07:45:08","date_gmt":"2026-09-21T07:45:08","guid":{"rendered":"https:\/\/nandaspekschoor.com\/?page_id=2771"},"modified":"2026-10-02T10:40:34","modified_gmt":"2026-10-02T10:40:34","slug":"ux-ui-design","status":"publish","type":"page","link":"https:\/\/nandaspekschoor.com\/en\/ux-ui-design\/","title":{"rendered":"UX\/UI design"},"content":{"rendered":"<style>.ns-home{--bg: #F8F0E5;--bg-2: #F0E3D1;--tile: #FFF9F1;--sand: #EBDBC5;--ink: #35271E;--muted: #6B5849;--line: #E0D1BE;--accent: #0E6B5C;--accent-ink: #FFFFFF;--clay: #9A5230;--terra: #C2703F;--blob: rgba(194,112,63,0.24);--band: #3B2A1F;--band-ink: #F8F0E5;--band-btn: #F8F0E5;--band-btn-ink: #3B2A1F;--ph-bg: #EBDCC6;--ph-line: #B49B7E;--shadow: 0 1px 2px rgba(58,38,24,0.06),0 14px 32px -14px rgba(58,38,24,0.22);--grain: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'\/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .25 0 0 0 0 .16 0 0 0 .5 0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'\/%3E%3C\/svg%3E\");--display: \"Instrument Sans\",\"Segoe UI\",system-ui,-apple-system,sans-serif;--body: \"Instrument Sans\",\"Segoe UI\",system-ui,-apple-system,sans-serif;--serif: \"Instrument Sans\",\"Segoe UI\",system-ui,-apple-system,sans-serif;}.ns-home,.ns-home *{box-sizing: border-box;}.ns-home{scroll-behavior: smooth;}.ns-home{background-color: var(--bg);background-image: var(--grain);color: var(--ink);font-family: var(--body);font-size: 18px;line-height: 1.65;-webkit-font-smoothing: antialiased;}.ns-home h1,.ns-home h2,.ns-home h3{font-family: var(--display);margin: 0;text-wrap: balance;letter-spacing: -0.02em;line-height: 1.1;}.ns-home p{margin: 0;}.ns-home ul,.ns-home ol{margin: 0;padding: 0;list-style: none;}.ns-home a{color: inherit;}.ns-home :focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;}.ns-home .ns-wrap{width: 100%;max-width: 1120px;margin-inline: auto;padding-inline: clamp(16px,5vw,48px);}.ns-home section{padding-block: clamp(56px,9vw,112px);}.ns-home .ns-tint{background: var(--bg-2);}.ns-home .ns-ph{background: var(--ph-bg);outline: 1px dashed var(--ph-line);padding: 1px 8px;border-radius: 6px;color: var(--muted);font-size: 0.92em;}.ns-home .ns-ph-box{background: var(--ph-bg);border: 1.5px dashed var(--ph-line);color: var(--muted);display: grid;place-items: center;text-align: center;padding: 16px;}.ns-home .ns-brand{font-family: var(--display);font-weight: 700;font-size: 1.2rem;text-decoration: none;letter-spacing: -0.02em;}.ns-home .ns-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 0.9em 1.6em;border-radius: 999px;font-weight: 600;font-size: 16.5px;text-decoration: none;border: 2px solid transparent;transition: transform .15s,background-color .15s,color .15s;white-space: nowrap;}.ns-home .ns-btn:hover{transform: translateY(-1px);}.ns-home .ns-btn-primary{background: var(--accent);color: var(--accent-ink);box-shadow: 0 8px 20px -10px var(--accent);}.ns-home .ns-btn-secondary{border-color: var(--ink);color: var(--ink);}.ns-home .ns-btn-secondary:hover{background: var(--ink);color: var(--bg);}.ns-home .ns-btn-sm{padding: 0.6em 1.1em;font-size: 15px;box-shadow: none;}.ns-home .ns-textlink{font-weight: 600;text-decoration: underline;text-underline-offset: 5px;text-decoration-color: var(--terra);text-decoration-thickness: 2px;}.ns-home .ns-hero{padding-block: clamp(40px,7vw,88px) clamp(56px,9vw,112px);background: linear-gradient(180deg,var(--bg-2),var(--bg));overflow: clip;}.ns-home .ns-hero-in{display: grid;grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);gap: clamp(32px,6vw,88px);align-items: center;}.ns-home .ns-kicker{display: block;font-family: var(--body);font-style: normal;font-weight: 600;font-size: 1.15rem;line-height: 1.2;color: var(--clay);margin-bottom: 18px;}.ns-home h1{font-size: clamp(2.6rem,6.4vw,4.8rem);font-weight: 700;letter-spacing: -0.035em;line-height: 1.02;}.ns-home h1 .ns-hl{color: var(--accent);}.ns-home .ns-lead{font-size: clamp(1.15rem,1.7vw,1.35rem);color: var(--muted);max-width: 32em;margin-top: 24px;}.ns-home .ns-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 32px;}.ns-home .ns-meta{font-size: 15px;color: var(--muted);margin-top: 20px;}.ns-home .ns-hero-art{position: relative;justify-self: center;width: 100%;max-width: 400px;}.ns-home .ns-hero-art::before,.ns-home .ns-about-art::before{content: \"\";position: absolute;inset: 0;transform: translate(clamp(12px,3vw,22px),clamp(12px,3vw,22px));border-radius: 999px 999px 32px 32px;background: var(--blob);}.ns-home .ns-arch{position: relative;z-index: 1;aspect-ratio: 4 \/ 5;width: 100%;max-width: 100%;border-radius: 999px 999px 32px 32px;background: linear-gradient(170deg,var(--ph-bg),var(--sand));border: 1.5px dashed var(--ph-line);color: var(--muted);display: grid;place-items: center;text-align: center;padding: 16px;}.ns-home .ns-arch.ns-has-photo{padding: 0;border: 0;background: var(--sand);overflow: hidden;box-shadow: var(--shadow);}.ns-home .ns-arch.ns-has-photo img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 55% 12%;display: block;}.ns-home .ns-arch.ns-tall{aspect-ratio: 2 \/ 3;}.ns-home .ns-logoband{background: var(--tile);border-block: 1px solid var(--line);padding-block: clamp(24px,3.5vw,36px);}.ns-home .ns-logoband{display: flex;flex-direction: column;gap: 18px;}.ns-home .ns-logoband-in{width: 100%;max-width: 1440px;margin-inline: auto;padding-inline: clamp(16px,4vw,56px);display: flex;flex-direction: column;gap: 18px;}.ns-home .ns-logobar-label{font-size: 13px;text-transform: uppercase;letter-spacing: 0.09em;color: var(--clay);font-weight: 600;}.ns-home .ns-marquee{overflow: hidden;-webkit-mask-image: linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image: linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}.ns-home .ns-track{display: flex;width: max-content;animation: logo-scroll 60s linear infinite;}.ns-home .ns-marquee:hover .ns-track{animation-play-state: paused;}.ns-home .ns-group{display: flex;align-items: center;flex-shrink: 0;}.ns-home .ns-group li{display: flex;align-items: center;height: 48px;padding-right: clamp(48px,6vw,88px);font-family: var(--display);font-weight: 600;font-size: 1.4rem;letter-spacing: -0.015em;color: var(--muted);white-space: nowrap;}.ns-home .ns-group li img{height: 36px;width: auto;filter: grayscale(1);opacity: 0.75;}@keyframes logo-scroll{from{transform: translateX(0);}to{transform: translateX(-50%);}}.ns-home .ns-logobar-note{font-size: 14px;}.ns-home .ns-panel{background: var(--sand);border-radius: 32px;padding: clamp(28px,5vw,64px);}.ns-home .ns-figures{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 28px clamp(20px,3vw,48px);}@media (max-width: 900px){.ns-home .ns-figures{grid-template-columns: repeat(2,minmax(0,1fr));}}.ns-home .ns-figures li{display: flex;flex-direction: column;gap: 2px;}.ns-home .ns-figures strong{font-family: var(--display);font-weight: 700;font-size: clamp(2.6rem,5.4vw,4rem);line-height: 1;letter-spacing: -0.03em;font-variant-numeric: tabular-nums;color: var(--clay);}.ns-home .ns-figures span{color: var(--muted);font-size: 16px;max-width: 15em;}.ns-home .ns-quote{margin: clamp(32px,5vw,52px) 0 0;max-width: 44em;}.ns-home .ns-quote::before{content: \"\\201C\";display: block;font-family: var(--body);font-style: normal;font-weight: 700;font-size: 5rem;line-height: 0.6;height: 0.4em;color: var(--terra);margin-bottom: 18px;}.ns-home .ns-quote blockquote{margin: 0;font-family: var(--body);font-style: normal;font-weight: 500;font-size: clamp(1.2rem,2.1vw,1.5rem);line-height: 1.45;text-wrap: pretty;}.ns-home .ns-quote figcaption{margin-top: 18px;font-size: 15px;color: var(--muted);}.ns-home .ns-quote figcaption b{color: var(--ink);font-weight: 600;}.ns-home h2{font-size: clamp(2rem,4vw,3.1rem);font-weight: 700;letter-spacing: -0.03em;}.ns-home .ns-sec-head{margin-bottom: clamp(28px,4vw,48px);}.ns-home .ns-tile{background: var(--tile);border-radius: 24px;box-shadow: var(--shadow);}.ns-home .ns-signals{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 20px;}.ns-home .ns-signals li{padding: 30px 30px 32px;font-family: var(--display);font-weight: 600;font-size: clamp(1.25rem,2vw,1.5rem);line-height: 1.28;letter-spacing: -0.015em;text-wrap: pretty;}.ns-home .ns-close{margin-top: 32px;font-size: 1.2rem;max-width: 30em;}.ns-home .ns-recognize .ns-btn{margin-top: 28px;}.ns-home .ns-services{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 20px;}.ns-home .ns-services li{padding: 30px 32px 34px;}.ns-home .ns-services h3{font-size: clamp(1.4rem,2.2vw,1.7rem);font-weight: 700;}.ns-home .ns-services p{color: var(--muted);margin-top: 10px;}.ns-home .ns-steps{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 20px;}.ns-home .ns-steps li{background: var(--sand);border-radius: 24px;padding: 30px 30px 34px;}.ns-home .ns-steps .ns-n{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;background: var(--clay);color: var(--bg);font-family: var(--display);font-weight: 700;font-size: 1.15rem;font-variant-numeric: tabular-nums;}.ns-home .ns-steps h3{font-size: 1.7rem;font-weight: 700;margin-top: 20px;}.ns-home .ns-steps .ns-tag{display: block;font-size: 13px;text-transform: uppercase;letter-spacing: 0.09em;color: var(--clay);font-weight: 600;margin-top: 8px;}.ns-home .ns-steps p{margin-top: 14px;color: var(--muted);}.ns-home .ns-how .ns-btn{margin-top: 40px;}.ns-home .ns-cases{display: grid;gap: 18px;}.ns-home .ns-case{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,2.1fr);gap: 10px clamp(24px,5vw,72px);padding: 30px 32px;}.ns-home .ns-case h3{font-size: 1.45rem;font-weight: 700;}.ns-home .ns-case .ns-tags{font-size: 14px;color: var(--clay);font-weight: 600;margin-top: 6px;}.ns-home .ns-case p{max-width: 42em;}.ns-home .ns-earlier{margin-top: 28px;font-size: 16px;color: var(--muted);}.ns-home .ns-earlier b{color: var(--clay);font-weight: 600;}.ns-home .ns-voices{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 20px;}.ns-home .ns-voice{min-height: 160px;display: flex;flex-direction: column;justify-content: space-between;gap: 16px;text-align: left;border-radius: 24px;padding: 28px;}.ns-home .ns-voice .ns-who{font-size: 15px;color: var(--ink);font-weight: 600;}.ns-home .ns-about-in{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.8fr);gap: clamp(28px,6vw,88px);align-items: center;}.ns-home .ns-about-art{position: relative;max-width: 340px;width: 100%;justify-self: center;}.ns-home .ns-about-art .ns-arch{max-width: 100%;}.ns-home .ns-about{overflow: clip;}.ns-home .ns-about p.ns-text{font-size: 1.2rem;max-width: 33em;margin-top: 20px;}.ns-home .ns-about .ns-textlink{display: inline-block;margin-top: 22px;}.ns-home .ns-contact-panel{position: relative;overflow: hidden;background: var(--band);color: var(--band-ink);border-radius: 32px;padding: clamp(36px,7vw,88px);display: flex;flex-direction: column;align-items: flex-start;gap: 20px;}.ns-home .ns-contact-panel::after{content: \"\";position: absolute;right: -60px;top: -60px;width: 240px;height: 240px;border-radius: 50%;background: var(--terra);opacity: 0.28;pointer-events: none;}.ns-home .ns-contact-panel>*{position: relative;z-index: 1;}.ns-home .ns-contact-panel p{max-width: 28em;font-size: 1.2rem;}.ns-home .ns-contact-panel .ns-alt{font-size: 1rem;opacity: 0.85;}.ns-home .ns-contact-panel .ns-btn-primary{background: var(--band-btn);color: var(--band-btn-ink);box-shadow: none;}.ns-home .ns-contact-panel :focus-visible{outline-color: var(--band-ink);}@media (max-width: 820px){.ns-home .ns-hero-in{grid-template-columns: minmax(0,1fr);}.ns-home .ns-hero-art{max-width: 320px;margin-top: 12px;}.ns-home .ns-about-in{grid-template-columns: minmax(0,1fr);}.ns-home .ns-case{grid-template-columns: minmax(0,1fr);}}@media (max-width: 420px){.ns-home .ns-brand{font-size: 1.05rem;}.ns-home .ns-btn{white-space: normal;text-align: center;}.ns-home .ns-actions .ns-btn{flex: 1 1 100%;}}@media (prefers-reduced-motion: reduce){.ns-home{scroll-behavior: auto;}.ns-home .ns-track{animation: none;}.ns-home .ns-marquee{overflow-x: auto;-webkit-mask-image: none;mask-image: none;}.ns-home .ns-group li[aria-hidden],.ns-home .ns-group[aria-hidden]{display: none;}.ns-home .ns-btn{transition: none;}.ns-home .ns-btn:hover{transform: none;}}.ns-home{display:block;overflow-x:clip;position:relative}.ns-home li{list-style:none;margin:0}.ns-home ul,.ns-home ol{margin:0;padding:0;list-style:none}.ns-home p{margin:0;font-size:inherit;line-height:inherit;color:inherit}.ns-home a{text-decoration:none}.ns-home h1,.ns-home h2,.ns-home h3{margin:0;padding:0;color:inherit;font-family:var(--display)}.ns-home h1,.ns-home h2,.ns-home h3{text-transform:none;font-style:normal;text-shadow:none}.ns-home a{color:inherit}.ns-home strong{font-style:normal}.ns-home img{max-width:100%;border:0;box-shadow:none;border-radius:0}.ns-home .ns-btn{text-transform:none;letter-spacing:0;line-height:1.2;font-family:var(--body)}.ns-home .ns-btn-secondary{background:transparent}.ns-home blockquote{margin:0;padding:0;border:0;background:none;color:var(--ink);quotes:none;position:static;box-shadow:none}.ns-home blockquote::before,.ns-home blockquote::after{content:none;display:none}.ns-home figure{margin:0}.ns-home .ns-quote{margin:clamp(32px,5vw,52px) 0 0}.ns-home cite{font-style:normal}.ns-home .ns-services li{display:flex;flex-direction:column;align-items:flex-start}.ns-home .ns-services .ns-textlink{margin-top:auto;padding-top:22px}.ns-home .ns-services p{margin-bottom:0}.ns-home .ns-all{display:inline-block;margin-top:32px}.ns-home .ns-quote-more{display:inline-block;margin-top:26px}body:has(.ns-home) #jet-theme-core-header .elementor-top-section,body:has(.ns-home) #jet-theme-core-header .jet-button__plane-normal{background-color:#F0E3D1!important}body:has(.ns-home) #jet-theme-core-header .elementor-top-section{margin-bottom:0!important}.ns-home .ns-services li{position:relative;transition:transform .2s,box-shadow .2s,background-color .2s}.ns-home .ns-services li:hover{background:#FFFFFF;transform:translateY(-3px);box-shadow:0 2px 4px rgba(58,38,24,.06),0 22px 40px -16px rgba(58,38,24,.3)}.ns-home .ns-services h3 a{color:inherit;text-decoration:none;transition:color .2s}.ns-home .ns-services h3 a::after{content:\"\";position:absolute;inset:0;border-radius:24px}.ns-home .ns-services li:hover h3 a{color:var(--accent)}.ns-home .ns-services li:focus-within{outline:2px solid var(--accent);outline-offset:3px}.ns-home .ns-services h3 a:focus-visible{outline:0}@media (prefers-reduced-motion: reduce){.ns-home .ns-services li,.ns-home .ns-services li:hover{transition:none;transform:none}}body:has(.ns-home) #jet-theme-core-footer .elementor-top-section{background-color:#0F4C42!important;margin-top:0!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__instance{border-color:#F8F0E5!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__plane-normal{background-color:#F8F0E5!important;border-color:#F8F0E5!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__state-normal,body:has(.ns-home) #jet-theme-core-footer .jet-button__state-normal *{color:#0F4C42!important;fill:#0F4C42!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__plane-hover{background-color:#9A5230!important;border-color:#F8F0E5!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__state-hover,body:has(.ns-home) #jet-theme-core-footer .jet-button__state-hover *{color:#FFF9F1!important;fill:#FFF9F1!important}.ns-home .ns-signals{grid-template-columns:repeat(6,minmax(0,1fr))}.ns-home .ns-signals li{grid-column:span 2}.ns-home .ns-signals li:nth-child(n+4){grid-column:span 3}@media (max-width:980px){.ns-home .ns-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.ns-home .ns-signals li,.ns-home .ns-signals li:nth-child(n+4){grid-column:auto}}@media (max-width:620px){.ns-home .ns-signals{grid-template-columns:minmax(0,1fr)}}.ns-home .ns-questions{max-width:880px;border-bottom:1px solid var(--line)}.ns-home .ns-questions li{display:flex;gap:20px;align-items:baseline;padding:26px 0;border-top:1px solid var(--line);font-family:var(--display);font-weight:600;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.3;letter-spacing:-0.015em;text-wrap:pretty}.ns-home .ns-questions li::before{content:\"\";flex:none;width:10px;height:10px;border-radius:50%;background:var(--terra);transform:translateY(-0.1em)}.ns-home .ns-mini-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(20px,3vw,40px);width:100%;margin:16px 0 12px}.ns-home .ns-mini-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-top:1px solid rgba(248,240,229,.28);padding-top:22px}.ns-home .ns-mini-steps .ns-n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--terra);color:#fff;font-weight:700;font-size:1rem;margin-bottom:8px}.ns-home .ns-mini-steps h3{font-size:1.4rem;font-weight:700}.ns-home .ns-mini-steps .ns-tag{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:#E9B48F;font-weight:600}.ns-home .ns-contact-panel .ns-mini-steps p{font-size:1rem;max-width:none;opacity:.92;margin-top:6px}@media (max-width:820px){.ns-home .ns-mini-steps{grid-template-columns:minmax(0,1fr)}}body:has(.ns-home) #jet-theme-core-header .jet-button__instance{display:inline-flex!important;align-items:center;justify-content:center;padding:.9em 1.6em!important;border:2px solid transparent!important;border-radius:999px!important;background:#0E6B5C!important;box-shadow:0 8px 20px -10px #0E6B5C;text-decoration:none;transition:transform .15s,background-color .15s;white-space:nowrap}body:has(.ns-home) #jet-theme-core-header .jet-button__instance:hover{background:#0B5A4D!important;transform:translateY(-1px)}body:has(.ns-home) #jet-theme-core-header .jet-button__plane,body:has(.ns-home) #jet-theme-core-header .jet-button__state-hover,body:has(.ns-home) #jet-theme-core-header .jet-button__icon{display:none!important}body:has(.ns-home) #jet-theme-core-header .jet-button__state-normal{position:static!important;opacity:1!important;transform:none!important;padding:0!important;display:block!important}body:has(.ns-home) #jet-theme-core-header .jet-button__label{font-family:\"Instrument Sans\",\"Segoe UI\",system-ui,sans-serif!important;font-size:16.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;line-height:1.2!important;color:#fff!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__instance,body:has(.ns-home) #jet-theme-core-footer .jet-button__instance:hover{border-width:0!important;border-style:none!important}.ns-home .ns-group li{height:64px}.ns-home .ns-group li img.ns-logo-han{height:60px;width:auto}.ns-home .ns-group li img.ns-logo-uwv{height:60px;width:auto}.ns-home .ns-group li img.ns-logo-kodision{height:35px;width:auto}.ns-home .ns-group li img.ns-logo-gld{height:44px;width:auto}.ns-home .ns-group li img.ns-logo-hso{height:50px;width:auto}.ns-home .ns-group li img.ns-logo-almere{height:38px;width:auto}.ns-home .ns-group li img.ns-logo-smit{height:60px;width:auto}.ns-home .ns-group li img.ns-logo-panasonic{height:26px;width:auto}.ns-home .ns-group li img.ns-logo-satori{height:36px;width:auto}.ns-home .ns-group li img.ns-logo-humaninference{height:44px;width:auto}body:has(.ns-home) #jet-theme-core-footer .jet-button__container{display:flex!important;justify-content:center!important;text-align:center!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__instance{display:inline-flex!important;align-items:center;justify-content:center;gap:10px}body:has(.ns-home) #jet-theme-core-footer .jet-button__state{display:flex!important;align-items:center;justify-content:center;gap:10px}body:has(.ns-home) #jet-theme-core-footer .jet-button__plane,body:has(.ns-home) #jet-theme-core-footer .jet-button__state-hover{display:none!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__instance{background:#F8F0E5!important;border-radius:999px!important;padding:.8em 1.5em!important;transition:transform .15s,background-color .15s}body:has(.ns-home) #jet-theme-core-footer .jet-button__instance:hover{background:#9A5230!important;transform:translateY(-1px)}body:has(.ns-home) #jet-theme-core-footer .jet-button__state-normal{position:static!important;opacity:1!important;transform:none!important;padding:0!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__instance:hover .jet-button__state-normal,body:has(.ns-home) #jet-theme-core-footer .jet-button__instance:hover .jet-button__state-normal *{color:#FFF9F1!important;fill:#FFF9F1!important}body:has(.ns-home) #jet-theme-core-footer .jet-button__instance{width:auto!important;min-width:0!important}body:has(.ns-home) #jet-theme-core-footer .elementor-widget-jet-button{margin-top:22px!important}.ns-home .ns-about-art{max-width:380px}.ns-home .ns-about-art .ns-arch.ns-tall{aspect-ratio:4 \/ 5;border-radius:40px}.ns-home .ns-about-art::before{border-radius:40px}.ns-home .ns-about-art .ns-arch.ns-has-photo img{object-position:50% 22%}.ns-home .ns-page-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;max-width:17em}.ns-home .ns-page-title .ns-hl{color:var(--accent)}.ns-home .ns-intro{padding-top:clamp(48px,8vw,96px)}.ns-home .ns-intro .ns-text{max-width:40em;margin-top:24px;font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--muted)}.ns-home .ns-svc-list{display:grid!important;gap:18px;list-style:none!important;margin:0!important;padding:0!important}.ns-home .ns-svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px clamp(24px,5vw,72px);padding:32px;list-style:none!important}.ns-home .ns-svc h3{font-size:clamp(1.4rem,2.2vw,1.7rem);font-weight:700}.ns-home .ns-svc p{color:var(--muted);margin-top:10px}.ns-home .ns-svc .ns-textlink{display:inline-block;margin-top:20px}.ns-home .ns-svc h4{font-size:13px;font-weight:600;color:var(--clay);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.ns-home .ns-checks{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:10px}.ns-home .ns-checks li{position:relative;padding-left:30px;list-style:none!important}.ns-home .ns-checks li::before{content:\"\";position:absolute;left:2px;top:.55em;width:14px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}.ns-home .ns-way{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;list-style:none!important;margin:0!important;padding:0!important}.ns-home .ns-way li{padding:28px 30px 32px;list-style:none!important}.ns-home .ns-way h3{font-size:1.35rem;font-weight:700}.ns-home .ns-way p{color:var(--muted);margin-top:10px}@media(max-width:820px){.ns-home .ns-svc{grid-template-columns:minmax(0,1fr);padding:26px 24px}}\/*ns-fullwidth*\/html body:has(.ns-home) .site-content__wrap{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}html body:has(.ns-home) .site-content__wrap>.row{margin-left:0!important;margin-right:0!important}html body:has(.ns-home) #primary{padding-left:0!important;padding-right:0!important;max-width:100%!important;width:100%!important;flex:0 0 100%}html body:has(.ns-home) .edit-link,html body:has(.ns-home) .post-edit-link{display:none!important}<\/style><div class=\"ns-home\"><div class=\"ns-main\"><section class=\"ns-intro\"><div class=\"ns-wrap\"><span class=\"ns-kicker\">Diensten \u00b7 UX\/UI design<\/span><h1 class=\"ns-page-title\">UX\/UI design: systemen waar mensen <span class=\"ns-hl\">graag mee werken.<\/span><\/h1><p class=\"ns-text\">Een systeem kan technisch perfect werken, maar als gebruikers er niet prettig mee kunnen werken, gaat er alsnog veel waarde verloren. Daarom kijk ik altijd naar de ervaring van de gebruiker: wat heeft iemand nodig om zijn werk goed te kunnen doen, waar ontstaat verwarring en welke stappen kunnen eenvoudiger?<\/p><p class=\"ns-text\">Ik ontwerp gebruiksvriendelijke digitale oplossingen die logisch aanvoelen en aansluiten bij de dagelijkse praktijk. Mijn achtergrond in business analyse helpt daarbij: ik kijk niet alleen naar het scherm, maar ook naar de processen, doelen en behoeften erachter.<\/p><div class=\"ns-actions\"><a class=\"ns-btn ns-btn-primary\" href=\"\/contact\/\">Plan een kennismaking<\/a><a class=\"ns-btn ns-btn-secondary\" href=\"#voorbeelden\">Bekijk voorbeelden<\/a><\/div><\/div><\/section>\n<section class=\"ns-recognize\"><div class=\"ns-wrap\"><div class=\"ns-sec-head\"><h2>Herken je dit?<\/h2><\/div><ul class=\"ns-questions\"><li>Werkt een systeem technisch, maar vermijden of omzeilen mensen het?<\/li><li>Vragen gebruikers steeds dezelfde dingen, of maken ze telkens dezelfde fouten?<\/li><li>Is een applicatie gebouwd zonder dat iemand met de gebruikers heeft gepraat?<\/li><\/ul><p class=\"ns-close\">Dan begin ik bij de mensen die het gebruiken, voordat er \u00e9\u00e9n scherm getekend wordt.<\/p><\/div><\/section>\n<section id=\"hulp\"><div class=\"ns-wrap\"><div class=\"ns-sec-head\"><h2>Waar ik bij kan helpen<\/h2><\/div><div class=\"ns-cases\"><article class=\"ns-case ns-tile\"><div><h3>Gebruikersonderzoek en interviews<\/h3><\/div><p>Ik praat met de mensen die het systeem gebruiken en kijk hoe ze hun werk echt doen.<\/p><\/article><article class=\"ns-case ns-tile\"><div><h3>Customer journeys en gebruikersflows<\/h3><\/div><p>In beeld waar mensen doorheen moeten en waar het onnodig ingewikkeld wordt.<\/p><\/article><article class=\"ns-case ns-tile\"><div><h3>Wireframes en prototypes<\/h3><\/div><p>Snel iets om naar te kijken en te testen, voordat er gebouwd wordt.<\/p><\/article><article class=\"ns-case ns-tile\"><div><h3>Interface-ontwerp (UI)<\/h3><\/div><p>Schermen die logisch, rustig en duidelijk zijn, en waar een team direct mee kan bouwen.<\/p><\/article><article class=\"ns-case ns-tile\"><div><h3>Verbeteren van bestaande applicaties en processen<\/h3><\/div><p>Wat er al staat scherper maken, zonder dat alles opnieuw gebouwd hoeft te worden.<\/p><\/article><\/div><\/div><\/section>\n<section class=\"ns-tint\"><div class=\"ns-wrap\"><div class=\"ns-sec-head\"><h2>Zo pak ik het aan<\/h2><\/div><ul class=\"ns-way\"><li class=\"ns-tile\"><h3>Luisteren en kijken<\/h3><p>Ik praat met gebruikers en kijk hoe het werk echt gaat, voordat ik ontwerp.<\/p><\/li><li class=\"ns-tile\"><h3>Schetsen en laten reageren<\/h3><p>Wireframes en prototypes laat ik vroeg zien aan gebruikers en team, zodat we bij kunnen sturen.<\/p><\/li><li class=\"ns-tile\"><h3>Uitwerken tot iets om te bouwen<\/h3><p>Definitieve schermen en user stories, duidelijk genoeg voor de ontwikkelaars.<\/p><\/li><\/ul><\/div><\/section>\n<section id=\"voorbeelden\"><div class=\"ns-wrap\"><div class=\"ns-sec-head\"><h2>Uit de praktijk<\/h2><\/div><div class=\"ns-cases\"><article class=\"ns-case ns-tile\"><div><h3>Provincie Gelderland<\/h3><p class=\"ns-tags\">UX\/UI design \u00b7 Business analyse<\/p><\/div><p>Inspecteurs van de waterkwaliteit hadden een systeem nodig, maar de specificaties waren onduidelijk. Via de product owner en gesprekken met de inspecteurs werd het helder. Beide projecten (BKS en Besluiten 2.0) zijn in productie genomen en positief ontvangen.<\/p><\/article><\/div><a class=\"ns-textlink ns-all\" href=\"\/projecten\/\">Bekijk al mijn projecten<\/a><\/div><\/section>\n<section aria-label=\"Wat anderen zeggen\"><div class=\"ns-wrap\"><div class=\"ns-panel\"><figure class=\"ns-quote\"><blockquote>Ik heb met veel plezier met Nanda samengewerkt. Door haar open houding weet ze snel verbinding te leggen en de juiste mensen binnen de organisatie te betrekken. Ze maakt zich de inhoud snel eigen en levert heldere en bruikbare resultaten op.<\/blockquote><figcaption><b>Gertjan Flinterman<\/b>, Directeur IT bij HAN<\/figcaption><\/figure><a class=\"ns-textlink ns-quote-more\" href=\"\/wat-anderen-over-mij-zeggen\/\">Lees wat anderen over mij zeggen<\/a><\/div><\/div><\/section><section class=\"ns-tint\"><div class=\"ns-wrap\"><div class=\"ns-sec-head\"><h2>Past dit niet helemaal?<\/h2><\/div><ul class=\"ns-way\"><li class=\"ns-tile\"><h3>Business analyse<\/h3><p>Als eerst duidelijk moet worden wat er echt nodig is.<\/p><a class=\"ns-textlink\" href=\"\/business-analyse\/\">Meer over business analyse<\/a><\/li><li class=\"ns-tile\"><h3>Websites bouwen<\/h3><p>Als de oplossing een website is, van ontwerp tot oplevering.<\/p><a class=\"ns-textlink\" href=\"\/websites-bouwen\/\">Meer over websites bouwen<\/a><\/li><\/ul><\/div><\/section><section id=\"contact\"><div class=\"ns-wrap\"><div class=\"ns-contact-panel\"><h2>Laten we kennismaken.<\/h2><p>Vertel kort waar je mee zit, dan kijken we of ik kan helpen.<\/p><ol class=\"ns-mini-steps\"><li><span class=\"ns-n\">1<\/span><h3>Luisteren<\/h3><span class=\"ns-tag\">Kennismaking<\/span><p>Een kort, vrijblijvend gesprek. Ik luister naar wat er speelt en we bepalen samen of we een match zijn.<\/p><\/li><li><span class=\"ns-n\">2<\/span><h3>Ontwerpen<\/h3><span class=\"ns-tag\">Voorstel<\/span><p>Je ontvangt een helder voorstel op maat met aanpak, planning en investering. Zonder verrassingen achteraf.<\/p><\/li><li><span class=\"ns-n\">3<\/span><h3>Laten landen<\/h3><span class=\"ns-tag\">Start<\/span><p>We beginnen snel, met korte lijnen en mij als vast aanspreekpunt. Ik zorg dat het in de praktijk werkt, niet alleen op papier.<\/p><\/li><\/ol><a class=\"ns-btn ns-btn-primary\" href=\"\/contact\/\">Plan een kennismaking<\/a><p class=\"ns-alt\">Of mail naar <a class=\"ns-textlink\" href=\"mailto:contact@nandaspekschoor.com\">contact@nandaspekschoor.com<\/a><\/p><\/div><\/div><\/section><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Diensten \u00b7 UX\/UI design UX\/UI design: systemen waar mensen graag mee werken. Een systeem kan technisch perfect werken, maar als gebruikers er niet prettig mee kunnen werken, gaat er alsnog veel waarde verloren. Daarom kijk ik altijd naar de ervaring van de gebruiker: wat heeft iemand nodig om zijn werk goed te kunnen doen, waar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-2771","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UX\/UI design voor bedrijfsapplicaties | Nanda Spekschoor<\/title>\n<meta name=\"description\" content=\"UX\/UI design vanuit de gebruiker en het proces erachter. Gebruikersonderzoek, flows, wireframes en schermontwerp voor systemen die logisch en prettig werken.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nandaspekschoor.com\/en\/ux-ui-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX\/UI design voor bedrijfsapplicaties | Nanda Spekschoor\" \/>\n<meta property=\"og:description\" content=\"UX\/UI design vanuit de gebruiker en het proces erachter. Gebruikersonderzoek, flows, wireframes en schermontwerp voor systemen die logisch en prettig werken.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nandaspekschoor.com\/en\/ux-ui-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Nanda Spekschoor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T10:40:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nandaspekschoor.com\/wp-content\/uploads\/2026\/05\/DSC_8587.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"985\" \/>\n\t<meta property=\"og:image:height\" content=\"1478\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/nandaspekschoor.com\/wp-content\/uploads\/2026\/05\/DSC_8587.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nandaspekschoor.com\\\/ux-ui-design\\\/\",\"url\":\"https:\\\/\\\/nandaspekschoor.com\\\/ux-ui-design\\\/\",\"name\":\"UX\\\/UI design voor bedrijfsapplicaties | Nanda Spekschoor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nandaspekschoor.com\\\/#website\"},\"datePublished\":\"2026-09-21T07:45:08+00:00\",\"dateModified\":\"2026-10-02T10:40:34+00:00\",\"description\":\"UX\\\/UI design vanuit de gebruiker en het proces erachter. Gebruikersonderzoek, flows, wireframes en schermontwerp voor systemen die logisch en prettig werken.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nandaspekschoor.com\\\/ux-ui-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nandaspekschoor.com\\\/ux-ui-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nandaspekschoor.com\\\/ux-ui-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nandaspekschoor.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX\\\/UI design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nandaspekschoor.com\\\/#website\",\"url\":\"https:\\\/\\\/nandaspekschoor.com\\\/\",\"name\":\"Nanda Spekschoor\",\"description\":\"Freelance Business Analyst &amp; Process Optimization Consultant\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nandaspekschoor.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX\/UI design voor bedrijfsapplicaties | Nanda Spekschoor","description":"UX\/UI design vanuit de gebruiker en het proces erachter. Gebruikersonderzoek, flows, wireframes en schermontwerp voor systemen die logisch en prettig werken.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nandaspekschoor.com\/en\/ux-ui-design\/","og_locale":"en_US","og_type":"article","og_title":"UX\/UI design voor bedrijfsapplicaties | Nanda Spekschoor","og_description":"UX\/UI design vanuit de gebruiker en het proces erachter. Gebruikersonderzoek, flows, wireframes en schermontwerp voor systemen die logisch en prettig werken.","og_url":"https:\/\/nandaspekschoor.com\/en\/ux-ui-design\/","og_site_name":"Nanda Spekschoor","article_modified_time":"2026-10-02T10:40:34+00:00","og_image":[{"width":985,"height":1478,"url":"https:\/\/nandaspekschoor.com\/wp-content\/uploads\/2026\/05\/DSC_8587.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/nandaspekschoor.com\/wp-content\/uploads\/2026\/05\/DSC_8587.jpg","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nandaspekschoor.com\/ux-ui-design\/","url":"https:\/\/nandaspekschoor.com\/ux-ui-design\/","name":"UX\/UI design voor bedrijfsapplicaties | Nanda Spekschoor","isPartOf":{"@id":"https:\/\/nandaspekschoor.com\/#website"},"datePublished":"2026-09-21T07:45:08+00:00","dateModified":"2026-10-02T10:40:34+00:00","description":"UX\/UI design vanuit de gebruiker en het proces erachter. Gebruikersonderzoek, flows, wireframes en schermontwerp voor systemen die logisch en prettig werken.","breadcrumb":{"@id":"https:\/\/nandaspekschoor.com\/ux-ui-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nandaspekschoor.com\/ux-ui-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nandaspekschoor.com\/ux-ui-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nandaspekschoor.com\/"},{"@type":"ListItem","position":2,"name":"UX\/UI design"}]},{"@type":"WebSite","@id":"https:\/\/nandaspekschoor.com\/#website","url":"https:\/\/nandaspekschoor.com\/","name":"Nanda Spekschoor","description":"Freelance Business Analyst &amp; Process Optimization Consultant","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nandaspekschoor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/nandaspekschoor.com\/en\/wp-json\/wp\/v2\/pages\/2771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nandaspekschoor.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nandaspekschoor.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nandaspekschoor.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nandaspekschoor.com\/en\/wp-json\/wp\/v2\/comments?post=2771"}],"version-history":[{"count":4,"href":"https:\/\/nandaspekschoor.com\/en\/wp-json\/wp\/v2\/pages\/2771\/revisions"}],"predecessor-version":[{"id":2840,"href":"https:\/\/nandaspekschoor.com\/en\/wp-json\/wp\/v2\/pages\/2771\/revisions\/2840"}],"wp:attachment":[{"href":"https:\/\/nandaspekschoor.com\/en\/wp-json\/wp\/v2\/media?parent=2771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}