Client Case Catawiki \u00d7 PSHQ \u2014 HR Transformatie met HiBob<\/title>\r\n<style>\r\n\/* ============================================================\r\n People Services HQ \u2014 Design Tokens (inlined from colors_and_type.css)\r\n ============================================================ *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n:root {\r\n \/* Brand greens *\/\r\n --green-500: #56B306;\r\n --green-600: #479605;\r\n --green-700: #387803;\r\n --green-100: #EEF8E0;\r\n --green-200: #C8EBA0;\r\n\r\n \/* Grays *\/\r\n --gray-900: #1A1A1A;\r\n --gray-800: #272727;\r\n --gray-700: #404040;\r\n --gray-600: #595959;\r\n --gray-500: #5B5B5D;\r\n --gray-400: #7F7F7F;\r\n --gray-300: #ADADAD;\r\n --gray-200: #D9D9D9;\r\n --gray-100: #F2F2F2;\r\n --gray-50: #F8F8F8;\r\n\r\n \/* Whites *\/\r\n --white: #FFFFFF;\r\n --black: #000000;\r\n\r\n \/* Accent *\/\r\n --orange-500: #F26B43;\r\n --orange-100: #FDE8DF;\r\n\r\n \/* Semantic Colors *\/\r\n --color-primary: var(--green-500);\r\n --color-primary-hover: var(--green-600);\r\n --color-primary-active: var(--green-700);\r\n --color-primary-subtle: var(--green-100);\r\n\r\n --color-fg1: var(--gray-800);\r\n --color-fg2: var(--gray-600);\r\n --color-fg3: var(--gray-400);\r\n --color-fg-inv: var(--white);\r\n\r\n --color-bg: var(--white);\r\n --color-bg-subtle: var(--gray-50);\r\n --color-bg-dark: var(--gray-800);\r\n\r\n --color-border: var(--gray-200);\r\n --color-border-strong: var(--gray-400);\r\n\r\n --color-accent: var(--orange-500);\r\n\r\n \/* Typography *\/\r\n --font-display: 'Manrope', 'Aptos Display', sans-serif;\r\n --font-body: 'Inter', 'Aptos', sans-serif;\r\n\r\n \/* Type scale *\/\r\n --text-xs: 0.75rem;\r\n --text-sm: 0.875rem;\r\n --text-base: 1rem;\r\n --text-lg: 1.125rem;\r\n --text-xl: 1.25rem;\r\n --text-2xl: 1.5rem;\r\n --text-3xl: 1.875rem;\r\n --text-4xl: 2.25rem;\r\n --text-5xl: 3rem;\r\n --text-6xl: 3.75rem;\r\n\r\n \/* Font weights *\/\r\n --weight-light: 300;\r\n --weight-regular: 400;\r\n --weight-medium: 500;\r\n --weight-semibold: 600;\r\n --weight-bold: 700;\r\n --weight-black: 800;\r\n\r\n \/* Line heights *\/\r\n --leading-tight: 1.1;\r\n --leading-snug: 1.25;\r\n --leading-normal: 1.5;\r\n --leading-relaxed: 1.7;\r\n\r\n \/* Letter spacing *\/\r\n --tracking-tight: -0.02em;\r\n --tracking-normal: 0em;\r\n --tracking-wide: 0.05em;\r\n --tracking-wider: 0.1em;\r\n --tracking-widest: 0.15em;\r\n\r\n \/* Spacing *\/\r\n --space-1: 0.25rem;\r\n --space-2: 0.5rem;\r\n --space-3: 0.75rem;\r\n --space-4: 1rem;\r\n --space-5: 1.25rem;\r\n --space-6: 1.5rem;\r\n --space-8: 2rem;\r\n --space-10: 2.5rem;\r\n --space-12: 3rem;\r\n --space-16: 4rem;\r\n --space-20: 5rem;\r\n\r\n \/* Border Radius *\/\r\n --radius-none: 0px;\r\n --radius-sm: 6px;\r\n --radius-md: 8px;\r\n --radius-lg: 12px;\r\n --radius-xl: 16px;\r\n --radius-pill: 999px;\r\n\r\n \/* Shadows *\/\r\n --shadow-none: none;\r\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);\r\n --shadow-md: 0 4px 12px rgba(0,0,0,0.10);\r\n}\r\n\r\nstrong { font-weight: var(--weight-bold); }\r\n\r\n\/* ============================================================\r\n CATAWIKI CLIENT CASE \u2014 page styles\r\n ============================================================ *\/\r\n\/* ============================================================\r\n CATAWIKI CLIENT CASE \u2014 PSHQ Landing Page (WordPress\/Elementor build)\r\n Nav en footer verwijderd \u2014 worden opgepakt vanuit WP-template\r\n ============================================================ *\/\r\n\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n font-family: 'Inter', sans-serif;\r\n color: var(--gray-800);\r\n background: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n text-wrap: pretty;\r\n}\r\nimg { display: block; max-width: 100%; }\r\na { color: inherit; text-decoration: none; }\r\n\r\n:root {\r\n --accent: var(--green-500);\r\n --accent-dark: var(--green-600);\r\n --accent-subtle: var(--green-100);\r\n --max-w: 1200px;\r\n --read-w: 720px;\r\n}\r\n\r\n\/* \u2500\u2500 Crumbs\/meta \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.breadcrumb {\r\n display: flex; align-items: center; gap: 8px;\r\n font-size: 13px; color: var(--gray-400);\r\n font-weight: 500;\r\n}\r\n.breadcrumb a { color: var(--gray-600); }\r\n.breadcrumb a:hover { color: var(--accent); }\r\n.breadcrumb .sep { color: var(--gray-300); }\r\n\r\n\/* ============================================================\r\n HERO\r\n ============================================================ *\/\r\n.hero {\r\n padding-top: 56px;\r\n padding-bottom: 72px;\r\n background: var(--gray-50);\r\n border-bottom: 1px solid var(--gray-200);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.hero::before {\r\n content: ''; position: absolute; top: 0; right: 0;\r\n width: 40%; height: 6px; background: var(--accent);\r\n}\r\n.hero-inner {\r\n max-width: var(--max-w); margin: 0 auto; padding: 0 32px;\r\n display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px;\r\n align-items: end;\r\n}\r\n.hero-kicker {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n font-size: 12px; font-weight: 600;\r\n letter-spacing: 0.14em; text-transform: uppercase;\r\n color: var(--gray-600);\r\n margin-bottom: 24px;\r\n}\r\n.hero-kicker .dot { width: 8px; height: 8px; background: var(--accent); }\r\n.hero h1 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: clamp(40px, 5.2vw, 56px);\r\n line-height: 1.02; font-weight: 800;\r\n letter-spacing: -0.03em;\r\n color: var(--gray-800);\r\n margin-bottom: 24px;\r\n}\r\n.hero h1 em { font-style: normal; color: var(--accent); }\r\n.hero-sub {\r\n font-size: 18px; line-height: 1.55; color: var(--gray-600);\r\n max-width: 560px;\r\n margin-bottom: 36px;\r\n}\r\n.hero-meta {\r\n display: flex; flex-wrap: wrap; gap: 28px;\r\n padding: 20px 0;\r\n border-top: 1px solid var(--gray-200);\r\n border-bottom: 1px solid var(--gray-200);\r\n max-width: 560px;\r\n}\r\n.hero-meta-item {\r\n display: flex; flex-direction: column; gap: 2px;\r\n}\r\n.hero-meta-item .k {\r\n font-size: 11px; font-weight: 600; letter-spacing: 0.1em;\r\n color: var(--gray-400); text-transform: uppercase;\r\n}\r\n.hero-meta-item .v {\r\n font-size: 14px; font-weight: 600; color: var(--gray-800);\r\n}\r\n\r\n\/* Hero right \u2014 brand lockup + stat *\/\r\n.hero-lockup {\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n padding: 32px;\r\n position: relative;\r\n}\r\n.hero-lockup::before {\r\n content: ''; position: absolute; top: -1px; left: -1px;\r\n width: 32px; height: 4px; background: var(--accent);\r\n}\r\n.hero-lockup-row {\r\n display: flex; align-items: center; justify-content: space-between;\r\n gap: 20px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid var(--gray-200);\r\n}\r\n.hero-lockup-logo {\r\n height: 28px; display: flex; align-items: center;\r\n}\r\n.hero-lockup-logo img { height: 28px; }\r\n.hero-lockup-x {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 20px; font-weight: 700; color: var(--gray-300);\r\n}\r\n.catawiki-mark {\r\n display: flex; align-items: center; gap: 8px;\r\n font-family: 'Manrope', sans-serif;\r\n font-weight: 800; font-size: 22px;\r\n color: var(--gray-800);\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.hero-lockup-grid {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 24px 16px;\r\n margin-top: 24px;\r\n}\r\n.hero-stat .n {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 38px; font-weight: 800; line-height: 1;\r\n color: var(--accent); letter-spacing: -0.03em;\r\n}\r\n.hero-stat .l {\r\n margin-top: 6px; font-size: 12px;\r\n color: var(--gray-600); line-height: 1.4;\r\n}\r\n\r\n\/* ============================================================\r\n LAYOUT \u2014 Article\r\n ============================================================ *\/\r\n.main {\r\n max-width: 920px; margin: 0 auto;\r\n padding: 96px 32px;\r\n}\r\n.article { min-width: 0; }\r\n\r\n\/* Section headers *\/\r\n.section-label {\r\n display: flex; align-items: baseline; gap: 14px;\r\n font-size: 12px; font-weight: 700; letter-spacing: 0.14em;\r\n text-transform: uppercase; color: var(--gray-400);\r\n margin-bottom: 18px;\r\n}\r\n.section-label .num {\r\n color: var(--accent); font-family: 'Manrope', sans-serif;\r\n font-size: 14px;\r\n}\r\n.section-label .bar {\r\n flex: 1; height: 1px; background: var(--gray-200);\r\n}\r\n\r\n.article h2 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 34px; line-height: 1.1;\r\n font-weight: 800; letter-spacing: -0.02em;\r\n color: var(--gray-800);\r\n margin-bottom: 20px;\r\n}\r\n.article h3 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 20px; font-weight: 700;\r\n color: var(--gray-800);\r\n margin-top: 32px; margin-bottom: 12px;\r\n}\r\n.article p {\r\n font-size: 17px; line-height: 1.65;\r\n color: var(--gray-700);\r\n margin-bottom: 18px;\r\n}\r\n.article p strong { color: var(--gray-800); font-weight: 700; }\r\n.article a { color: var(--accent); border-bottom: 1px solid var(--accent); padding-bottom: 1px; }\r\n.article a:hover { background: var(--accent-subtle); }\r\n.article section + section { margin-top: 72px; }\r\n\r\n\/* Pull quote (client quotes) *\/\r\n.pullquote {\r\n margin: 40px 0;\r\n padding: 28px 32px;\r\n background: var(--gray-800); color: var(--white);\r\n position: relative;\r\n}\r\n.pullquote::before {\r\n content: ''; position: absolute; top: 0; left: 0;\r\n width: 6px; height: 100%; background: var(--accent);\r\n}\r\n.pullquote .qmark {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 56px; font-weight: 800; color: var(--accent);\r\n line-height: 0.6; margin-bottom: 12px;\r\n display: block;\r\n}\r\n.pullquote p {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 22px; line-height: 1.4; font-weight: 600;\r\n color: var(--white); margin: 0 0 20px 0;\r\n letter-spacing: -0.01em;\r\n}\r\n.pullquote .attr {\r\n display: flex; align-items: center; gap: 12px;\r\n font-size: 13px; color: rgba(255,255,255,0.7);\r\n padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.12);\r\n}\r\n.pullquote .attr-avatar {\r\n width: 40px; height: 40px;\r\n background: rgba(255,255,255,0.1);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n display: grid; place-items: center;\r\n font-family: 'Manrope', sans-serif;\r\n font-weight: 700; color: var(--white);\r\n font-size: 14px;\r\n}\r\n.pullquote .attr-text strong { color: var(--white); font-weight: 700; }\r\n.pullquote .attr-text div { margin-top: 2px; }\r\n\r\n\/* Inline list *\/\r\n.article ul.checklist {\r\n list-style: none;\r\n margin: 20px 0 28px 0;\r\n display: grid; gap: 14px;\r\n}\r\n.article ul.checklist li {\r\n font-size: 16px; line-height: 1.6;\r\n color: var(--gray-700);\r\n padding-left: 32px;\r\n position: relative;\r\n min-width: 0;\r\n}\r\n.article ul.checklist li::before {\r\n content: ''; position: absolute;\r\n left: 0; top: 8px;\r\n width: 16px; height: 16px;\r\n background: var(--accent);\r\n}\r\n\r\n\/* Waves cards *\/\r\n.waves {\r\n display: grid; gap: 0;\r\n margin: 24px 0 8px;\r\n border-top: 1px solid var(--gray-200);\r\n}\r\n.wave {\r\n display: grid; grid-template-columns: 60px 1fr auto;\r\n gap: 24px; align-items: start;\r\n padding: 24px 0;\r\n border-bottom: 1px solid var(--gray-200);\r\n}\r\n.wave .wnum {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 36px; font-weight: 800; line-height: 1;\r\n color: var(--accent); letter-spacing: -0.02em;\r\n}\r\n.wave .wbody h4 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 18px; font-weight: 700;\r\n color: var(--gray-800);\r\n margin-bottom: 4px;\r\n}\r\n.wave .wbody p {\r\n font-size: 14px; line-height: 1.55;\r\n color: var(--gray-600); margin: 0;\r\n}\r\n.wave .wbody .subs {\r\n margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px;\r\n}\r\n.wave .wbody .subs span {\r\n font-size: 11px; font-weight: 500;\r\n color: var(--gray-600);\r\n padding: 3px 8px;\r\n background: var(--gray-100);\r\n letter-spacing: 0.02em;\r\n}\r\n.wave .wmeta {\r\n font-size: 12px; color: var(--gray-400);\r\n font-weight: 600; letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* Results grid *\/\r\n.results {\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n gap: 1px; background: var(--gray-200);\r\n border: 1px solid var(--gray-200);\r\n margin: 24px 0;\r\n}\r\n.result {\r\n background: var(--white);\r\n padding: 24px;\r\n}\r\n.result .rn {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 44px; font-weight: 800; line-height: 1;\r\n color: var(--accent); letter-spacing: -0.03em;\r\n margin-bottom: 8px;\r\n}\r\n.result .rl {\r\n font-size: 13px; color: var(--gray-600); line-height: 1.45;\r\n}\r\n.result.text .rn { font-size: 18px; color: var(--gray-800); }\r\n\r\n\/* Key takeaways *\/\r\n.takeaways {\r\n display: grid; gap: 12px; margin: 24px 0;\r\n}\r\n.takeaway {\r\n display: grid; grid-template-columns: 36px 1fr;\r\n gap: 20px; align-items: start;\r\n padding: 20px 24px;\r\n background: var(--gray-50);\r\n border-left: 4px solid var(--accent);\r\n}\r\n.takeaway .tn {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 18px; font-weight: 800;\r\n color: var(--accent); line-height: 1;\r\n}\r\n.takeaway .tb h4 {\r\n font-size: 15px; font-weight: 700;\r\n color: var(--gray-800); margin-bottom: 4px;\r\n}\r\n.takeaway .tb p {\r\n font-size: 14px; color: var(--gray-600);\r\n line-height: 1.5; margin: 0;\r\n}\r\n\r\n\/* ============================================================\r\n PSHQ Services section (full bleed)\r\n ============================================================ *\/\r\n.services {\r\n background: var(--gray-50);\r\n padding: 96px 32px;\r\n border-top: 1px solid var(--gray-200);\r\n}\r\n.services-inner {\r\n max-width: var(--max-w); margin: 0 auto;\r\n}\r\n.services-head {\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n gap: 64px; align-items: end;\r\n margin-bottom: 48px;\r\n}\r\n.services h2 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 40px; line-height: 1.05; font-weight: 800;\r\n letter-spacing: -0.02em; color: var(--gray-800);\r\n}\r\n.services h2 em { font-style: normal; color: var(--accent); }\r\n.services-head p {\r\n font-size: 16px; line-height: 1.55; color: var(--gray-600);\r\n}\r\n.services-grid {\r\n display: grid; grid-template-columns: repeat(3, 1fr);\r\n gap: 1px; background: var(--gray-200);\r\n border: 1px solid var(--gray-200);\r\n}\r\n.service {\r\n background: var(--white);\r\n padding: 32px 28px;\r\n display: flex; flex-direction: column;\r\n position: relative;\r\n}\r\n.service::before {\r\n content: ''; position: absolute; top: 0; left: 0;\r\n width: 32px; height: 4px; background: var(--accent);\r\n}\r\n.service .snum {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 12px; font-weight: 700; letter-spacing: 0.14em;\r\n color: var(--accent);\r\n margin-bottom: 16px;\r\n}\r\n.service h3 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 22px; font-weight: 800;\r\n color: var(--gray-800); margin-bottom: 14px;\r\n letter-spacing: -0.01em;\r\n}\r\n.service p {\r\n font-size: 14px; line-height: 1.6;\r\n color: var(--gray-600); margin-bottom: 16px;\r\n}\r\n.service ul {\r\n list-style: none; margin-top: auto;\r\n display: grid; gap: 8px;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--gray-200);\r\n}\r\n.service ul li {\r\n font-size: 13px; line-height: 1.45;\r\n color: var(--gray-700);\r\n display: grid; grid-template-columns: 14px 1fr;\r\n gap: 8px;\r\n}\r\n.service ul li::before {\r\n content: ''; display: block;\r\n width: 8px; height: 8px;\r\n background: var(--accent);\r\n margin-top: 6px;\r\n}\r\n\r\n\/* nav-cta knop (hergebruikt in services-sectie) *\/\r\n.nav-cta {\r\n background: var(--accent); color: #fff;\r\n padding: 10px 22px; border-radius: 8px;\r\n font-size: 14px; font-weight: 600;\r\n border: none; cursor: pointer;\r\n transition: background .15s;\r\n text-decoration: none;\r\n}\r\n.nav-cta:hover { background: var(--accent-dark); }\r\n\r\n\/* ============================================================\r\n End CTA \u2014 two paths\r\n ============================================================ *\/\r\n.cta {\r\n background: var(--gray-800); color: var(--white);\r\n padding: 96px 32px;\r\n position: relative; overflow: hidden;\r\n}\r\n.cta::before {\r\n content: ''; position: absolute; top: 0; left: 0;\r\n width: 64px; height: 6px; background: var(--accent);\r\n}\r\n.cta-inner {\r\n max-width: var(--max-w); margin: 0 auto;\r\n display: grid; grid-template-columns: 1.1fr 1fr;\r\n gap: 64px; align-items: center;\r\n}\r\n.cta h2 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 44px; line-height: 1.05; font-weight: 800;\r\n letter-spacing: -0.02em;\r\n color: var(--white); margin-bottom: 18px;\r\n}\r\n.cta h2 em { color: var(--accent); font-style: normal; }\r\n.cta .lead {\r\n font-size: 17px; line-height: 1.55;\r\n color: rgba(255,255,255,0.75);\r\n max-width: 520px;\r\n}\r\n.cta-actions { display: grid; gap: 14px; }\r\n.cta-btn {\r\n display: grid; grid-template-columns: 1fr auto;\r\n align-items: center; gap: 20px;\r\n padding: 22px 24px;\r\n border: 1px solid rgba(255,255,255,0.18);\r\n background: transparent;\r\n text-align: left; cursor: pointer;\r\n transition: background .15s, border-color .15s;\r\n font-family: inherit;\r\n color: inherit;\r\n}\r\n.cta-btn:hover {\r\n background: rgba(255,255,255,0.04);\r\n border-color: var(--accent);\r\n}\r\n.cta-btn.primary {\r\n background: var(--accent); border-color: var(--accent);\r\n}\r\n.cta-btn.primary:hover { background: var(--accent-dark); border-color: var(--accent-dark); }\r\n.cta-btn .lbl {\r\n font-size: 11px; font-weight: 700; letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.6);\r\n margin-bottom: 4px;\r\n}\r\n.cta-btn.primary .lbl { color: rgba(255,255,255,0.85); }\r\n.cta-btn .t {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 18px; font-weight: 700;\r\n color: var(--white);\r\n}\r\n.cta-btn .arr {\r\n width: 40px; height: 40px;\r\n border: 1px solid rgba(255,255,255,0.2);\r\n display: grid; place-items: center;\r\n transition: background .15s, border-color .15s;\r\n}\r\n.cta-btn:hover .arr { background: var(--accent); border-color: var(--accent); }\r\n.cta-btn.primary .arr { background: rgba(0,0,0,0.15); border-color: rgba(0,0,0,0.15); }\r\n.cta-btn svg { width: 16px; height: 16px; stroke: #fff; }\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n@media (max-width: 1024px) {\r\n .hero-inner { grid-template-columns: 1fr; gap: 40px; }\r\n .services-head { grid-template-columns: 1fr; gap: 16px; }\r\n .services-grid { grid-template-columns: 1fr; }\r\n .cta-inner { grid-template-columns: 1fr; gap: 40px; }\r\n}\r\n@media (max-width: 640px) {\r\n .hero { padding-top: 32px; padding-bottom: 48px; }\r\n .hero-inner, .main, .services, .cta { padding-left: 20px; padding-right: 20px; }\r\n .services, .cta { padding-top: 64px; padding-bottom: 64px; }\r\n .results { grid-template-columns: 1fr; }\r\n .wave { grid-template-columns: 48px 1fr; }\r\n .wave .wmeta { grid-column: 2; }\r\n .article h2 { font-size: 28px; }\r\n .cta h2 { font-size: 32px; }\r\n .services h2 { font-size: 30px; }\r\n .hero-lockup-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n\r\n\/* ============================================================\r\n PRINT \/ PDF styles\r\n ============================================================ *\/\r\n@media print {\r\n @page { size: A4; margin: 16mm 14mm 18mm 14mm; }\r\n html, body { background: #fff !important; color: #1a1a1a !important; }\r\n body { font-size: 10.5pt; line-height: 1.45; }\r\n\r\n .cta { display: none !important; }\r\n\r\n .hero {\r\n padding: 0 0 16pt 0; background: #fff; border-bottom: 1pt solid #d9d9d9;\r\n }\r\n .hero::before { display: none; }\r\n .hero-inner {\r\n padding: 0; grid-template-columns: 1.4fr 1fr; gap: 24pt;\r\n }\r\n .hero h1 { font-size: 28pt; }\r\n .hero-sub { font-size: 11pt; }\r\n .hero-lockup { box-shadow: none; }\r\n .hero-meta { font-size: 9pt; padding: 8pt 0; gap: 16pt; }\r\n\r\n .main {\r\n padding: 16pt 0;\r\n max-width: none;\r\n }\r\n .article { max-width: none; }\r\n .article h2 { font-size: 18pt; margin-bottom: 8pt; }\r\n .article h3 { font-size: 13pt; margin-top: 14pt; }\r\n .article p { font-size: 10.5pt; margin-bottom: 8pt; color: #333; }\r\n .article section + section { margin-top: 24pt; page-break-inside: avoid; }\r\n\r\n .pullquote {\r\n background: #272727 !important; color: #fff !important;\r\n padding: 16pt 20pt;\r\n -webkit-print-color-adjust: exact; print-color-adjust: exact;\r\n page-break-inside: avoid;\r\n }\r\n .pullquote p { font-size: 14pt; color: #fff !important; }\r\n .pullquote .qmark, .pullquote .attr-text strong { color: var(--accent) !important; }\r\n\r\n .waves, .results, .takeaways { page-break-inside: avoid; }\r\n .result, .wave, .takeaway { page-break-inside: avoid; }\r\n .result .rn { color: var(--accent) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }\r\n\r\n .services {\r\n background: #f8f8f8 !important; padding: 20pt 0;\r\n -webkit-print-color-adjust: exact; print-color-adjust: exact;\r\n page-break-before: always;\r\n }\r\n .services-inner { padding: 0; }\r\n .services-grid { grid-template-columns: 1fr 1fr 1fr; }\r\n .service { padding: 14pt; }\r\n .service h3 { font-size: 13pt; }\r\n .service p, .service ul li { font-size: 10pt; }\r\n\r\n a[href]::after { content: ''; }\r\n a { color: inherit; border-bottom: none; }\r\n * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div>\r\n <div class=\"breadcrumb\" style=\"margin-bottom: 20px;\">\r\n <a href=\"#\">PSHQ<\/a>\r\n <span class=\"sep\">\/<\/span>\r\n <a href=\"#\">Client Cases<\/a>\r\n <span class=\"sep\">\/<\/span>\r\n <span>Catawiki<\/span>\r\n <\/div>\r\n <div class=\"hero-kicker\"><span class=\"dot\"><\/span> Client Case \u00b7 HR Transformatie met HiBob<\/div>\r\n <h1>Catawiki & PSHQ: <em>HR Transformatie met een doel<\/em><\/h1>\r\n <p class=\"hero-sub\">Hoe een internationaal e-commerce platform zijn HR-systeem vereenvoudigde en versneld schaalbaar maakte met HiBob en PSHQ.<\/p>\r\n <div class=\"hero-meta\">\r\n <div class=\"hero-meta-item\"><span class=\"k\">Branche<\/span><span class=\"v\">E-commerce \/ Veilingen<\/span><\/div>\r\n <div class=\"hero-meta-item\"><span class=\"k\">Omvang<\/span><span class=\"v\">~700 medewerkers<\/span><\/div>\r\n <div class=\"hero-meta-item\"><span class=\"k\">Scope<\/span><span class=\"v\">HiBob implementatie \u00b7 3 waves<\/span><\/div>\r\n <div class=\"hero-meta-item\"><span class=\"k\">Doorlooptijd<\/span><span class=\"v\">Mei - November 2025<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"hero-lockup\">\r\n <div class=\"hero-lockup-row\">\r\n <div class=\"hero-lockup-logo\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/10\/People-Services-HQ-Transparant-Background-File-1-1-e1697874141281.png\" alt=\"PSHQ\"><\/div>\r\n <span class=\"hero-lockup-x\">\u00d7<\/span>\r\n <div class=\"catawiki-mark\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo_CW.webp\" alt=\"Catawiki\" style=\"height: 32px; width: auto; display: block;\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-lockup-grid\">\r\n <div class=\"hero-stat\"><div class=\"n\">8 wk<\/div><div class=\"l\">tot live MVP<\/div><\/div>\r\n <div class=\"hero-stat\"><div class=\"n\">70%<\/div><div class=\"l\">actief in week 1<\/div><\/div>\r\n <div class=\"hero-stat\"><div class=\"n\">3<\/div><div class=\"l\">implementatie waves<\/div><\/div>\r\n <div class=\"hero-stat\"><div class=\"n\">60+<\/div><div class=\"l\">nationaliteiten<\/div><\/div>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<main class=\"main\">\r\n\r\n <article class=\"article\">\r\n\r\n <section id=\"intro\">\r\n <div class=\"section-label\"><span class=\"num\">01<\/span> Introductie <span class=\"bar\"><\/span><\/div>\r\n <h2>Bijzondere objecten, een bijzondere organisatie<\/h2>\r\n <p>In een wereld waarin spullen steeds sneller en goedkoper, vaak zonder ziel of verhaal, geproduceerd worden, brengt Catawiki iets unieks: een platform waarop je bijzondere objecten vindt, zorgvuldig geselecteerd door experts. Of het nu gaat om een zeldzaam stripboek, een vintage designklassieker of een dinosaurusei: elk object op Catawiki draagt karakter, geschiedenis en waarde.<\/p>\r\n <p>Catawiki is de toonaangevende online marktplaats voor het kopen en verkopen van bijzondere objecten. Elke week worden er meer dan <strong>100.000 objecten<\/strong> ter veiling aangeboden, stuk voor stuk beoordeeld en geselecteerd door honderden eigen experts. Catawiki is beschikbaar in meer dan 50 landen wereldwijd en telt wekelijks meer dan 1 miljoen biedingen.<\/p>\r\n <p>Die internationale dynamiek brengt niet alleen prachtige objecten samen, maar ook complexe HR-uitdagingen.<\/p>\r\n <\/section>\r\n\r\n <section id=\"challenge\">\r\n <div class=\"section-label\"><span class=\"num\">02<\/span> De uitdaging <span class=\"bar\"><\/span><\/div>\r\n <h2>Van complex en traag naar wendbaar en beheersbaar<\/h2>\r\n <p>Catawiki is een snelgroeiende organisatie met een ambitieuze missie. Maar het HR-systeem waarmee Catawiki werkte, remde eerder af dan dat het meebewoog. Wat nodig was, was een systeem dat flexibel kon meebewegen met de groeiende organisatie en zelfstandig aanpasbaar was. Geen maatwerk voor alles, maar een schaalbare standaardoplossing die ruimte liet voor groei.<\/p>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>We merkten dat ons oude systeem niet goed meer aansloot bij hoe we als organisatie wilden bewegen. We hadden behoefte aan een HR-systeem dat makkelijk onderhouden kan worden door het People team, met focus op eenvoud, flexibiliteit, betere gebruiksvriendelijkheid en overzicht.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Madelon.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Madelon Spekman<\/strong><div>Sr. Manager People Operations \u00b7 Catawiki & Project Lead<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3>De keuze voor HiBob<\/h3>\r\n <p>Catawiki koos voor <a href=\"https:\/\/shq.nl\/pshq-hibob-v2\/\">HiBob<\/a> als modern HR-platform. HiBob is specifiek ontwikkeld voor dynamische, internationale organisaties die behoefte hebben aan flexibiliteit, gebruiksgemak en een moderne employee experience. De standaardaanpak van HiBob is gericht op zelfredzaamheid.<\/p>\r\n <p>Tijdens de voorbereiding werd echter duidelijk dat het beschikbare interne team op korte termijn niet voldoende tijd had om het hele implementatietraject zelf te dragen, zeker gezien de ambitie om binnen twee maanden live te gaan. Daarom werd besloten een implementatiepartner in te schakelen: <strong>People Services HQ<\/strong>.<\/p>\r\n <\/section>\r\n\r\n <section id=\"approach\">\r\n <div class=\"section-label\"><span class=\"num\">03<\/span> De samenwerking <span class=\"bar\"><\/span><\/div>\r\n <h2>Advies \u00e9n uitvoering van A tot Z<\/h2>\r\n <p>PSHQ co\u00f6rdineerde het volledige implementatieproces. Samen met Catawiki keken we naar de wensen en processen van nu \u00e9n de ambities voor morgen. In co-creatie werden de standaardfunctionaliteiten van HiBob vertaald naar de specifieke processen en datastructuren van Catawiki.<\/p>\r\n\r\n <ul class=\"checklist\">\r\n <li><strong>Functioneel en strategisch advies<\/strong> - inrichting die vandaag werkt en morgen meegroeit met nieuwe landen, teams en structuren.<\/li>\r\n <li><strong>Technische implementatie<\/strong> - standaard waar mogelijk, extra configuratie en koppelingen waar nodig, maar altijd lean en gebruiksvriendelijk.<\/li>\r\n <li><strong>Team<\/strong> - 3 HR-tech consultants + 1 integratie-expert vanuit PSHQ en een toegewijd projectteam vanuit Catawiki.<\/li>\r\n <\/ul>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>Het was fijn om met een partner te werken die niet alleen technisch onderlegd is, maar ook met ons meedacht over wat er straks nodig is. PSHQ hielp ons echt vooruitkijken.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Madelon.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Madelon Spekman<\/strong><div>Sr. Manager People Operations \u00b7 Catawiki<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3>Gefaseerde aanpak: drie waves<\/h3>\r\n <p>Om snelheid \u00e9n overzicht te behouden, werd gekozen voor een gefaseerde aanpak in drie opeenvolgende waves.<\/p>\r\n\r\n <div class=\"waves\">\r\n <div class=\"wave\">\r\n <div class=\"wnum\">01<\/div>\r\n <div class=\"wbody\">\r\n <h4>MVP binnen 8 weken<\/h4>\r\n <p>Inrichting van de fundamenten, datamigratie uit het oude systeem en standaard HiBob-functionaliteit afgestemd op de interne processen van Catawiki.<\/p>\r\n <div class=\"subs\"><span>Core HR<\/span><span>Workforce Planning<\/span><span>Datamigratie<\/span><\/div>\r\n <\/div>\r\n <div class=\"wmeta\">Mei 2025<\/div>\r\n <\/div>\r\n <div class=\"wave\">\r\n <div class=\"wnum\">02<\/div>\r\n <div class=\"wbody\">\r\n <h4>Optimalisatie & Talent<\/h4>\r\n <p>Verfijning van het Core HR-fundament en uitrol van de module Talent, waardoor vlootschouwen en waarderingsrondes online uitgevoerd worden, in plaats van in Excel.<\/p>\r\n <div class=\"subs\"><span>Core HR optimalisatie<\/span><span>Talent module<\/span><\/div>\r\n <\/div>\r\n <div class=\"wmeta\">Juli 2025<\/div>\r\n <\/div>\r\n <div class=\"wave\">\r\n <div class=\"wnum\">03<\/div>\r\n <div class=\"wbody\">\r\n <h4>Optimalisatie & Compensation<\/h4>\r\n <p>Afronding van Talent en livegang van de module Compensation. Salaris- en beloningsronden vanaf nu volledig online binnen HiBob.<\/p>\r\n <div class=\"subs\"><span>Talent optimalisatie<\/span><span>Compensation module<\/span><\/div>\r\n <\/div>\r\n <div class=\"wmeta\">November 2025<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"adoption\">\r\n <div class=\"section-label\"><span class=\"num\">04<\/span> Adoptie & draagvlak <span class=\"bar\"><\/span><\/div>\r\n <h2>Keep it simple, make it work<\/h2>\r\n <p>Meer dan <strong>70% van de medewerkers<\/strong> logde al in tijdens de eerste week. Dat laat zien: het systeem sluit aan bij de dagelijkse praktijk.<\/p>\r\n <p>Wat PSHQ opviel: Catawiki hield vast aan het principe 'keep it simple'. Waar veel organisaties tijdens een project alsnog complexiteit introduceren, bleef Catawiki bij de gekozen lijn. Geen uitzonderingen voor alles en iedereen, maar een duidelijke basis die werkt. Door eerst een functionele kern te bouwen, ontstond er ruimte om later op te schalen zonder onnodige ballast.<\/p>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>Catawiki wist van begin af aan waar de prioriteiten lagen. Door dicht bij de kern te blijven en niet alles tegelijk te willen, konden we samen snel een solide basis neerzetten.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Jeroen1-scaled-1-e1777038502915.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Jeroen de Bruijn<\/strong><div>Partner & Project Lead \u00b7 PSHQ<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"results\">\r\n <div class=\"section-label\"><span class=\"num\">05<\/span> Resultaten <span class=\"bar\"><\/span><\/div>\r\n <h2>Wat het opgeleverd heeft<\/h2>\r\n <p>Met de implementatie van de verschillende HiBob-modules is Catawiki nu voorbereid op de toekomst. Concrete resultaten op een rij:<\/p>\r\n\r\n <div class=\"results\">\r\n <div class=\"result\"><div class=\"rn\">8 wk<\/div><div class=\"rl\">Live met een volwassen MVP: Core HR en Workforce Planning volledig werkend<\/div><\/div>\r\n <div class=\"result\"><div class=\"rn\">70%<\/div><div class=\"rl\">Medewerkers logde al in tijdens de eerste week na livegang<\/div><\/div>\r\n <div class=\"result\"><div class=\"rn\">3 waves<\/div><div class=\"rl\">Core HR, Talent en Compensation opgeleverd tussen mei en november 2025<\/div><\/div>\r\n <div class=\"result\"><div class=\"rn\">0<\/div><div class=\"rl\">Structurele afhankelijkheid van externe consultants \u2014 het HRIS-team beheert HiBob zelfstandig<\/div><\/div>\r\n <\/div>\r\n\r\n <ul class=\"checklist\">\r\n <li><strong>Minder complexe HR-processen<\/strong> - mutaties sneller verwerkt, meer duidelijkheid voor medewerkers en managers.<\/li>\r\n <li><strong>Betere gebruikerservaring<\/strong> - self-service vergroot, minder operationeel werk voor het People Team.<\/li>\r\n <li><strong>Excel verleden tijd<\/strong> - vlootschouwen, waarderingsrondes en compensation events draaien binnen HiBob met altijd actuele data.<\/li>\r\n <li><strong>Zelfstandig beheer<\/strong> - workflows, verlofregelingen en events opstarten of aanpassen kan Catawiki zelf. PSHQ blijft beschikbaar waar nodig.<\/li>\r\n <\/ul>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>We hebben in korte tijd echt iets goeds neergezet waar we trots op zijn. En het mooie is: we hebben een basis waarmee we kunnen doorgroeien, zonder dat het meteen ingewikkeld wordt.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Madelon.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Madelon Spekman<\/strong><div>Sr. Manager People Operations \u00b7 Catawiki<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"why\">\r\n <div class=\"section-label\"><span class=\"num\">06<\/span> Waarom dit werkt <span class=\"bar\"><\/span><\/div>\r\n <h2>Vier principes achter de snelheid<\/h2>\r\n\r\n <div class=\"takeaways\">\r\n <div class=\"takeaway\">\r\n <div class=\"tn\">01<\/div>\r\n <div class=\"tb\"><h4>Gefaseerde aanpak<\/h4><p>Implementatie in beheersbare onderdelen, snelheid gecombineerd met controle.<\/p><\/div>\r\n <\/div>\r\n <div class=\"takeaway\">\r\n <div class=\"tn\">02<\/div>\r\n <div class=\"tb\"><h4>Focus op eenvoud<\/h4><p>Eerst een solide basis, daarna uitbreiden. Voorkomt vertraging en technische complexiteit.<\/p><\/div>\r\n <\/div>\r\n <div class=\"takeaway\">\r\n <div class=\"tn\">03<\/div>\r\n <div class=\"tb\"><h4>Standaardfunctionaliteit<\/h4><p>HiBob biedt voldoende flexibiliteit in standaard, geen maatwerk afdwingen houdt het beheersbaar.<\/p><\/div>\r\n <\/div>\r\n <div class=\"takeaway\">\r\n <div class=\"tn\">04<\/div>\r\n <div class=\"tb\"><h4>Toewijding intern team<\/h4><p>Sterke betrokkenheid vanuit Catawiki met korte lijnen en veel inhoudelijke input.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"lessons\">\r\n <div class=\"section-label\"><span class=\"num\">07<\/span> Tot slot <span class=\"bar\"><\/span><\/div>\r\n <h2>Eenvoud als kracht<\/h2>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>Je k\u00fant in korte tijd live met een systeem als HiBob, als je bereid bent om scherpe keuzes te maken en als je weet dat je niet alles in \u00e9\u00e9n keer hoeft te doen.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Jeroen1-scaled-1-e1777038502915.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Jeroen de Bruijn<\/strong><div>Partner & Project Lead \u00b7 PSHQ<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p>In plaats van te blijven hangen in complexiteit, koos Catawiki voor een praktische, 'keep it simple' en toekomstbestendige aanpak. Samen met PSHQ werd een krachtig HR-systeem neergezet dat voldoet aan de behoeften van vandaag \u00e9n meegroeit met de ambities van morgen.<\/p>\r\n <p>Wil je ook grip op je HR-processen zonder onnodige complexiteit? Wil je jouw HR-team \u00e9cht zelfredzaam maken? Kijk je uit naar een HR-implementatie zonder chaos en gedoe? Plan een vrijblijvend gesprek, we denken graag met je mee.<\/p>\r\n <\/section>\r\n\r\n <\/article>\r\n\r\n<\/main>\r\n\r\n\r\n<section class=\"services\" id=\"services\">\r\n <div class=\"services-inner\">\r\n <div class=\"services-head\">\r\n <h2>Zo helpt PSHQ je <em>met HiBob<\/em><\/h2>\r\n <p>Onze werkwijze in de Catawiki case is \u00e9\u00e9n van de manieren waarop we organisaties helpen. Onze aanpak is afhankelijk van waar je staat: net ori\u00ebnterend, zojuist live, of al jaren op HiBob. Samen kiezen we de juiste rol.<\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n <div class=\"service\">\r\n <div class=\"snum\">01 \u00b7 Implementatie<\/div>\r\n <h3>Van begeleiding tot volledig ontzorgen<\/h3>\r\n <p>We ondersteunen de klant tot zelfs volledig ontzorgen bij de implementatie van HiBob. We nemen zorgen weg en configureren het systeem zodat het \u00e9cht bij de klant past.<\/p>\r\n <ul>\r\n <li>Functioneel & strategisch advies<\/li>\r\n <li>Configuratie & datamigratie<\/li>\r\n <li>Integraties met bestaande systemen<\/li>\r\n <li>Overdracht naar interne beheerders<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"service\">\r\n <div class=\"snum\">02 \u00b7 Optimalisatie<\/div>\r\n <h3>Haal meer uit je bestaande HiBob<\/h3>\r\n <p>Heeft de klant al HiBob? Via een systeem\u00adscan en inventarisatiesessie bepalen we of, en welke, aanpassingen nodig zijn om HiBob optimaal te laten werken. HiBob ontwikkelt snel; klanten missen vaak net dat beetje extra.<\/p>\r\n <ul>\r\n <li>Systeemscan & inventarisatie<\/li>\r\n <li>Procesverbetering en quick wins<\/li>\r\n <li>Nieuwe modules uitrollen<\/li>\r\n <li>Roadmap voor doorontwikkeling<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"service\">\r\n <div class=\"snum\">03 \u00b7 Support<\/div>\r\n <h3>Onderhoud, advies en release-impact<\/h3>\r\n <p>We helpen klanten die HiBob gebruiken met het onderhoud van hun omgeving. Denk aan specifieke wijzigingen in verlofregelingen, flows of autorisaties en we geven advies over nieuwe release-functionaliteit en wat dit betekent voor de operatie.<\/p>\r\n <ul>\r\n <li>Wijzigingen in flows & autorisaties<\/li>\r\n <li>Aanpassen verlof- en beloningsregelingen<\/li>\r\n <li>Release-advies en impactanalyse<\/li>\r\n <li>Sparringpartner voor het People team<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top: 32px; text-align: center;\">\r\n <a href=\"https:\/\/shq.nl\/pshq-hibob-v2\/\" class=\"nav-cta\" style=\"display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; font-size: 14px;\">\r\n Meer over PSHQ \u00d7 HiBob\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta\">\r\n <div class=\"cta-inner\">\r\n <div>\r\n <h2>Klaar om <em>jullie <br \/>HR-fundament<\/em> te versterken?<\/h2>\r\n <p class=\"lead\">Download de case om met je team te delen of plan direct een vrijblijvend gesprek. We denken graag mee over wat er voor jouw organisatie mogelijk is.<\/p>\r\n <\/div>\r\n <div class=\"cta-actions\">\r\n <button class=\"cta-btn primary\" onclick=\"window.print()\">\r\n <div>\r\n <div class=\"lbl\">Download<\/div>\r\n <div class=\"t\">Case als PDF opslaan<\/div>\r\n <\/div>\r\n <div class=\"arr\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M12 4v12m0 0l-5-5m5 5l5-5M5 20h14\"\/><\/svg>\r\n <\/div>\r\n <\/button>\r\n <a class=\"cta-btn\" href=\"https:\/\/shq.nl\/contact\/\">\r\n <div>\r\n <div class=\"lbl\">Gesprek<\/div>\r\n <div class=\"t\">Plan een vrijblijvend gesprek<\/div>\r\n <\/div>\r\n <div class=\"arr\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Client Case Catawiki \u00d7 PSHQ \u2014 HR Transformatie met HiBob<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-14433","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/14433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/comments?post=14433"}],"version-history":[{"count":23,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/14433\/revisions"}],"predecessor-version":[{"id":14582,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/14433\/revisions\/14582"}],"wp:attachment":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/media?parent=14433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nClient Case Catawiki \u00d7 PSHQ \u2014 HR Transformatie met HiBob<\/title>\r\n<style>\r\n\/* ============================================================\r\n People Services HQ \u2014 Design Tokens (inlined from colors_and_type.css)\r\n ============================================================ *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n:root {\r\n \/* Brand greens *\/\r\n --green-500: #56B306;\r\n --green-600: #479605;\r\n --green-700: #387803;\r\n --green-100: #EEF8E0;\r\n --green-200: #C8EBA0;\r\n\r\n \/* Grays *\/\r\n --gray-900: #1A1A1A;\r\n --gray-800: #272727;\r\n --gray-700: #404040;\r\n --gray-600: #595959;\r\n --gray-500: #5B5B5D;\r\n --gray-400: #7F7F7F;\r\n --gray-300: #ADADAD;\r\n --gray-200: #D9D9D9;\r\n --gray-100: #F2F2F2;\r\n --gray-50: #F8F8F8;\r\n\r\n \/* Whites *\/\r\n --white: #FFFFFF;\r\n --black: #000000;\r\n\r\n \/* Accent *\/\r\n --orange-500: #F26B43;\r\n --orange-100: #FDE8DF;\r\n\r\n \/* Semantic Colors *\/\r\n --color-primary: var(--green-500);\r\n --color-primary-hover: var(--green-600);\r\n --color-primary-active: var(--green-700);\r\n --color-primary-subtle: var(--green-100);\r\n\r\n --color-fg1: var(--gray-800);\r\n --color-fg2: var(--gray-600);\r\n --color-fg3: var(--gray-400);\r\n --color-fg-inv: var(--white);\r\n\r\n --color-bg: var(--white);\r\n --color-bg-subtle: var(--gray-50);\r\n --color-bg-dark: var(--gray-800);\r\n\r\n --color-border: var(--gray-200);\r\n --color-border-strong: var(--gray-400);\r\n\r\n --color-accent: var(--orange-500);\r\n\r\n \/* Typography *\/\r\n --font-display: 'Manrope', 'Aptos Display', sans-serif;\r\n --font-body: 'Inter', 'Aptos', sans-serif;\r\n\r\n \/* Type scale *\/\r\n --text-xs: 0.75rem;\r\n --text-sm: 0.875rem;\r\n --text-base: 1rem;\r\n --text-lg: 1.125rem;\r\n --text-xl: 1.25rem;\r\n --text-2xl: 1.5rem;\r\n --text-3xl: 1.875rem;\r\n --text-4xl: 2.25rem;\r\n --text-5xl: 3rem;\r\n --text-6xl: 3.75rem;\r\n\r\n \/* Font weights *\/\r\n --weight-light: 300;\r\n --weight-regular: 400;\r\n --weight-medium: 500;\r\n --weight-semibold: 600;\r\n --weight-bold: 700;\r\n --weight-black: 800;\r\n\r\n \/* Line heights *\/\r\n --leading-tight: 1.1;\r\n --leading-snug: 1.25;\r\n --leading-normal: 1.5;\r\n --leading-relaxed: 1.7;\r\n\r\n \/* Letter spacing *\/\r\n --tracking-tight: -0.02em;\r\n --tracking-normal: 0em;\r\n --tracking-wide: 0.05em;\r\n --tracking-wider: 0.1em;\r\n --tracking-widest: 0.15em;\r\n\r\n \/* Spacing *\/\r\n --space-1: 0.25rem;\r\n --space-2: 0.5rem;\r\n --space-3: 0.75rem;\r\n --space-4: 1rem;\r\n --space-5: 1.25rem;\r\n --space-6: 1.5rem;\r\n --space-8: 2rem;\r\n --space-10: 2.5rem;\r\n --space-12: 3rem;\r\n --space-16: 4rem;\r\n --space-20: 5rem;\r\n\r\n \/* Border Radius *\/\r\n --radius-none: 0px;\r\n --radius-sm: 6px;\r\n --radius-md: 8px;\r\n --radius-lg: 12px;\r\n --radius-xl: 16px;\r\n --radius-pill: 999px;\r\n\r\n \/* Shadows *\/\r\n --shadow-none: none;\r\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);\r\n --shadow-md: 0 4px 12px rgba(0,0,0,0.10);\r\n}\r\n\r\nstrong { font-weight: var(--weight-bold); }\r\n\r\n\/* ============================================================\r\n CATAWIKI CLIENT CASE \u2014 page styles\r\n ============================================================ *\/\r\n\/* ============================================================\r\n CATAWIKI CLIENT CASE \u2014 PSHQ Landing Page (WordPress\/Elementor build)\r\n Nav en footer verwijderd \u2014 worden opgepakt vanuit WP-template\r\n ============================================================ *\/\r\n\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n font-family: 'Inter', sans-serif;\r\n color: var(--gray-800);\r\n background: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n text-wrap: pretty;\r\n}\r\nimg { display: block; max-width: 100%; }\r\na { color: inherit; text-decoration: none; }\r\n\r\n:root {\r\n --accent: var(--green-500);\r\n --accent-dark: var(--green-600);\r\n --accent-subtle: var(--green-100);\r\n --max-w: 1200px;\r\n --read-w: 720px;\r\n}\r\n\r\n\/* \u2500\u2500 Crumbs\/meta \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.breadcrumb {\r\n display: flex; align-items: center; gap: 8px;\r\n font-size: 13px; color: var(--gray-400);\r\n font-weight: 500;\r\n}\r\n.breadcrumb a { color: var(--gray-600); }\r\n.breadcrumb a:hover { color: var(--accent); }\r\n.breadcrumb .sep { color: var(--gray-300); }\r\n\r\n\/* ============================================================\r\n HERO\r\n ============================================================ *\/\r\n.hero {\r\n padding-top: 56px;\r\n padding-bottom: 72px;\r\n background: var(--gray-50);\r\n border-bottom: 1px solid var(--gray-200);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.hero::before {\r\n content: ''; position: absolute; top: 0; right: 0;\r\n width: 40%; height: 6px; background: var(--accent);\r\n}\r\n.hero-inner {\r\n max-width: var(--max-w); margin: 0 auto; padding: 0 32px;\r\n display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px;\r\n align-items: end;\r\n}\r\n.hero-kicker {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n font-size: 12px; font-weight: 600;\r\n letter-spacing: 0.14em; text-transform: uppercase;\r\n color: var(--gray-600);\r\n margin-bottom: 24px;\r\n}\r\n.hero-kicker .dot { width: 8px; height: 8px; background: var(--accent); }\r\n.hero h1 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: clamp(40px, 5.2vw, 56px);\r\n line-height: 1.02; font-weight: 800;\r\n letter-spacing: -0.03em;\r\n color: var(--gray-800);\r\n margin-bottom: 24px;\r\n}\r\n.hero h1 em { font-style: normal; color: var(--accent); }\r\n.hero-sub {\r\n font-size: 18px; line-height: 1.55; color: var(--gray-600);\r\n max-width: 560px;\r\n margin-bottom: 36px;\r\n}\r\n.hero-meta {\r\n display: flex; flex-wrap: wrap; gap: 28px;\r\n padding: 20px 0;\r\n border-top: 1px solid var(--gray-200);\r\n border-bottom: 1px solid var(--gray-200);\r\n max-width: 560px;\r\n}\r\n.hero-meta-item {\r\n display: flex; flex-direction: column; gap: 2px;\r\n}\r\n.hero-meta-item .k {\r\n font-size: 11px; font-weight: 600; letter-spacing: 0.1em;\r\n color: var(--gray-400); text-transform: uppercase;\r\n}\r\n.hero-meta-item .v {\r\n font-size: 14px; font-weight: 600; color: var(--gray-800);\r\n}\r\n\r\n\/* Hero right \u2014 brand lockup + stat *\/\r\n.hero-lockup {\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n padding: 32px;\r\n position: relative;\r\n}\r\n.hero-lockup::before {\r\n content: ''; position: absolute; top: -1px; left: -1px;\r\n width: 32px; height: 4px; background: var(--accent);\r\n}\r\n.hero-lockup-row {\r\n display: flex; align-items: center; justify-content: space-between;\r\n gap: 20px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid var(--gray-200);\r\n}\r\n.hero-lockup-logo {\r\n height: 28px; display: flex; align-items: center;\r\n}\r\n.hero-lockup-logo img { height: 28px; }\r\n.hero-lockup-x {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 20px; font-weight: 700; color: var(--gray-300);\r\n}\r\n.catawiki-mark {\r\n display: flex; align-items: center; gap: 8px;\r\n font-family: 'Manrope', sans-serif;\r\n font-weight: 800; font-size: 22px;\r\n color: var(--gray-800);\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.hero-lockup-grid {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 24px 16px;\r\n margin-top: 24px;\r\n}\r\n.hero-stat .n {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 38px; font-weight: 800; line-height: 1;\r\n color: var(--accent); letter-spacing: -0.03em;\r\n}\r\n.hero-stat .l {\r\n margin-top: 6px; font-size: 12px;\r\n color: var(--gray-600); line-height: 1.4;\r\n}\r\n\r\n\/* ============================================================\r\n LAYOUT \u2014 Article\r\n ============================================================ *\/\r\n.main {\r\n max-width: 920px; margin: 0 auto;\r\n padding: 96px 32px;\r\n}\r\n.article { min-width: 0; }\r\n\r\n\/* Section headers *\/\r\n.section-label {\r\n display: flex; align-items: baseline; gap: 14px;\r\n font-size: 12px; font-weight: 700; letter-spacing: 0.14em;\r\n text-transform: uppercase; color: var(--gray-400);\r\n margin-bottom: 18px;\r\n}\r\n.section-label .num {\r\n color: var(--accent); font-family: 'Manrope', sans-serif;\r\n font-size: 14px;\r\n}\r\n.section-label .bar {\r\n flex: 1; height: 1px; background: var(--gray-200);\r\n}\r\n\r\n.article h2 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 34px; line-height: 1.1;\r\n font-weight: 800; letter-spacing: -0.02em;\r\n color: var(--gray-800);\r\n margin-bottom: 20px;\r\n}\r\n.article h3 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 20px; font-weight: 700;\r\n color: var(--gray-800);\r\n margin-top: 32px; margin-bottom: 12px;\r\n}\r\n.article p {\r\n font-size: 17px; line-height: 1.65;\r\n color: var(--gray-700);\r\n margin-bottom: 18px;\r\n}\r\n.article p strong { color: var(--gray-800); font-weight: 700; }\r\n.article a { color: var(--accent); border-bottom: 1px solid var(--accent); padding-bottom: 1px; }\r\n.article a:hover { background: var(--accent-subtle); }\r\n.article section + section { margin-top: 72px; }\r\n\r\n\/* Pull quote (client quotes) *\/\r\n.pullquote {\r\n margin: 40px 0;\r\n padding: 28px 32px;\r\n background: var(--gray-800); color: var(--white);\r\n position: relative;\r\n}\r\n.pullquote::before {\r\n content: ''; position: absolute; top: 0; left: 0;\r\n width: 6px; height: 100%; background: var(--accent);\r\n}\r\n.pullquote .qmark {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 56px; font-weight: 800; color: var(--accent);\r\n line-height: 0.6; margin-bottom: 12px;\r\n display: block;\r\n}\r\n.pullquote p {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 22px; line-height: 1.4; font-weight: 600;\r\n color: var(--white); margin: 0 0 20px 0;\r\n letter-spacing: -0.01em;\r\n}\r\n.pullquote .attr {\r\n display: flex; align-items: center; gap: 12px;\r\n font-size: 13px; color: rgba(255,255,255,0.7);\r\n padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.12);\r\n}\r\n.pullquote .attr-avatar {\r\n width: 40px; height: 40px;\r\n background: rgba(255,255,255,0.1);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n display: grid; place-items: center;\r\n font-family: 'Manrope', sans-serif;\r\n font-weight: 700; color: var(--white);\r\n font-size: 14px;\r\n}\r\n.pullquote .attr-text strong { color: var(--white); font-weight: 700; }\r\n.pullquote .attr-text div { margin-top: 2px; }\r\n\r\n\/* Inline list *\/\r\n.article ul.checklist {\r\n list-style: none;\r\n margin: 20px 0 28px 0;\r\n display: grid; gap: 14px;\r\n}\r\n.article ul.checklist li {\r\n font-size: 16px; line-height: 1.6;\r\n color: var(--gray-700);\r\n padding-left: 32px;\r\n position: relative;\r\n min-width: 0;\r\n}\r\n.article ul.checklist li::before {\r\n content: ''; position: absolute;\r\n left: 0; top: 8px;\r\n width: 16px; height: 16px;\r\n background: var(--accent);\r\n}\r\n\r\n\/* Waves cards *\/\r\n.waves {\r\n display: grid; gap: 0;\r\n margin: 24px 0 8px;\r\n border-top: 1px solid var(--gray-200);\r\n}\r\n.wave {\r\n display: grid; grid-template-columns: 60px 1fr auto;\r\n gap: 24px; align-items: start;\r\n padding: 24px 0;\r\n border-bottom: 1px solid var(--gray-200);\r\n}\r\n.wave .wnum {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 36px; font-weight: 800; line-height: 1;\r\n color: var(--accent); letter-spacing: -0.02em;\r\n}\r\n.wave .wbody h4 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 18px; font-weight: 700;\r\n color: var(--gray-800);\r\n margin-bottom: 4px;\r\n}\r\n.wave .wbody p {\r\n font-size: 14px; line-height: 1.55;\r\n color: var(--gray-600); margin: 0;\r\n}\r\n.wave .wbody .subs {\r\n margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px;\r\n}\r\n.wave .wbody .subs span {\r\n font-size: 11px; font-weight: 500;\r\n color: var(--gray-600);\r\n padding: 3px 8px;\r\n background: var(--gray-100);\r\n letter-spacing: 0.02em;\r\n}\r\n.wave .wmeta {\r\n font-size: 12px; color: var(--gray-400);\r\n font-weight: 600; letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* Results grid *\/\r\n.results {\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n gap: 1px; background: var(--gray-200);\r\n border: 1px solid var(--gray-200);\r\n margin: 24px 0;\r\n}\r\n.result {\r\n background: var(--white);\r\n padding: 24px;\r\n}\r\n.result .rn {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 44px; font-weight: 800; line-height: 1;\r\n color: var(--accent); letter-spacing: -0.03em;\r\n margin-bottom: 8px;\r\n}\r\n.result .rl {\r\n font-size: 13px; color: var(--gray-600); line-height: 1.45;\r\n}\r\n.result.text .rn { font-size: 18px; color: var(--gray-800); }\r\n\r\n\/* Key takeaways *\/\r\n.takeaways {\r\n display: grid; gap: 12px; margin: 24px 0;\r\n}\r\n.takeaway {\r\n display: grid; grid-template-columns: 36px 1fr;\r\n gap: 20px; align-items: start;\r\n padding: 20px 24px;\r\n background: var(--gray-50);\r\n border-left: 4px solid var(--accent);\r\n}\r\n.takeaway .tn {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 18px; font-weight: 800;\r\n color: var(--accent); line-height: 1;\r\n}\r\n.takeaway .tb h4 {\r\n font-size: 15px; font-weight: 700;\r\n color: var(--gray-800); margin-bottom: 4px;\r\n}\r\n.takeaway .tb p {\r\n font-size: 14px; color: var(--gray-600);\r\n line-height: 1.5; margin: 0;\r\n}\r\n\r\n\/* ============================================================\r\n PSHQ Services section (full bleed)\r\n ============================================================ *\/\r\n.services {\r\n background: var(--gray-50);\r\n padding: 96px 32px;\r\n border-top: 1px solid var(--gray-200);\r\n}\r\n.services-inner {\r\n max-width: var(--max-w); margin: 0 auto;\r\n}\r\n.services-head {\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n gap: 64px; align-items: end;\r\n margin-bottom: 48px;\r\n}\r\n.services h2 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 40px; line-height: 1.05; font-weight: 800;\r\n letter-spacing: -0.02em; color: var(--gray-800);\r\n}\r\n.services h2 em { font-style: normal; color: var(--accent); }\r\n.services-head p {\r\n font-size: 16px; line-height: 1.55; color: var(--gray-600);\r\n}\r\n.services-grid {\r\n display: grid; grid-template-columns: repeat(3, 1fr);\r\n gap: 1px; background: var(--gray-200);\r\n border: 1px solid var(--gray-200);\r\n}\r\n.service {\r\n background: var(--white);\r\n padding: 32px 28px;\r\n display: flex; flex-direction: column;\r\n position: relative;\r\n}\r\n.service::before {\r\n content: ''; position: absolute; top: 0; left: 0;\r\n width: 32px; height: 4px; background: var(--accent);\r\n}\r\n.service .snum {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 12px; font-weight: 700; letter-spacing: 0.14em;\r\n color: var(--accent);\r\n margin-bottom: 16px;\r\n}\r\n.service h3 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 22px; font-weight: 800;\r\n color: var(--gray-800); margin-bottom: 14px;\r\n letter-spacing: -0.01em;\r\n}\r\n.service p {\r\n font-size: 14px; line-height: 1.6;\r\n color: var(--gray-600); margin-bottom: 16px;\r\n}\r\n.service ul {\r\n list-style: none; margin-top: auto;\r\n display: grid; gap: 8px;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--gray-200);\r\n}\r\n.service ul li {\r\n font-size: 13px; line-height: 1.45;\r\n color: var(--gray-700);\r\n display: grid; grid-template-columns: 14px 1fr;\r\n gap: 8px;\r\n}\r\n.service ul li::before {\r\n content: ''; display: block;\r\n width: 8px; height: 8px;\r\n background: var(--accent);\r\n margin-top: 6px;\r\n}\r\n\r\n\/* nav-cta knop (hergebruikt in services-sectie) *\/\r\n.nav-cta {\r\n background: var(--accent); color: #fff;\r\n padding: 10px 22px; border-radius: 8px;\r\n font-size: 14px; font-weight: 600;\r\n border: none; cursor: pointer;\r\n transition: background .15s;\r\n text-decoration: none;\r\n}\r\n.nav-cta:hover { background: var(--accent-dark); }\r\n\r\n\/* ============================================================\r\n End CTA \u2014 two paths\r\n ============================================================ *\/\r\n.cta {\r\n background: var(--gray-800); color: var(--white);\r\n padding: 96px 32px;\r\n position: relative; overflow: hidden;\r\n}\r\n.cta::before {\r\n content: ''; position: absolute; top: 0; left: 0;\r\n width: 64px; height: 6px; background: var(--accent);\r\n}\r\n.cta-inner {\r\n max-width: var(--max-w); margin: 0 auto;\r\n display: grid; grid-template-columns: 1.1fr 1fr;\r\n gap: 64px; align-items: center;\r\n}\r\n.cta h2 {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 44px; line-height: 1.05; font-weight: 800;\r\n letter-spacing: -0.02em;\r\n color: var(--white); margin-bottom: 18px;\r\n}\r\n.cta h2 em { color: var(--accent); font-style: normal; }\r\n.cta .lead {\r\n font-size: 17px; line-height: 1.55;\r\n color: rgba(255,255,255,0.75);\r\n max-width: 520px;\r\n}\r\n.cta-actions { display: grid; gap: 14px; }\r\n.cta-btn {\r\n display: grid; grid-template-columns: 1fr auto;\r\n align-items: center; gap: 20px;\r\n padding: 22px 24px;\r\n border: 1px solid rgba(255,255,255,0.18);\r\n background: transparent;\r\n text-align: left; cursor: pointer;\r\n transition: background .15s, border-color .15s;\r\n font-family: inherit;\r\n color: inherit;\r\n}\r\n.cta-btn:hover {\r\n background: rgba(255,255,255,0.04);\r\n border-color: var(--accent);\r\n}\r\n.cta-btn.primary {\r\n background: var(--accent); border-color: var(--accent);\r\n}\r\n.cta-btn.primary:hover { background: var(--accent-dark); border-color: var(--accent-dark); }\r\n.cta-btn .lbl {\r\n font-size: 11px; font-weight: 700; letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.6);\r\n margin-bottom: 4px;\r\n}\r\n.cta-btn.primary .lbl { color: rgba(255,255,255,0.85); }\r\n.cta-btn .t {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 18px; font-weight: 700;\r\n color: var(--white);\r\n}\r\n.cta-btn .arr {\r\n width: 40px; height: 40px;\r\n border: 1px solid rgba(255,255,255,0.2);\r\n display: grid; place-items: center;\r\n transition: background .15s, border-color .15s;\r\n}\r\n.cta-btn:hover .arr { background: var(--accent); border-color: var(--accent); }\r\n.cta-btn.primary .arr { background: rgba(0,0,0,0.15); border-color: rgba(0,0,0,0.15); }\r\n.cta-btn svg { width: 16px; height: 16px; stroke: #fff; }\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n@media (max-width: 1024px) {\r\n .hero-inner { grid-template-columns: 1fr; gap: 40px; }\r\n .services-head { grid-template-columns: 1fr; gap: 16px; }\r\n .services-grid { grid-template-columns: 1fr; }\r\n .cta-inner { grid-template-columns: 1fr; gap: 40px; }\r\n}\r\n@media (max-width: 640px) {\r\n .hero { padding-top: 32px; padding-bottom: 48px; }\r\n .hero-inner, .main, .services, .cta { padding-left: 20px; padding-right: 20px; }\r\n .services, .cta { padding-top: 64px; padding-bottom: 64px; }\r\n .results { grid-template-columns: 1fr; }\r\n .wave { grid-template-columns: 48px 1fr; }\r\n .wave .wmeta { grid-column: 2; }\r\n .article h2 { font-size: 28px; }\r\n .cta h2 { font-size: 32px; }\r\n .services h2 { font-size: 30px; }\r\n .hero-lockup-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n\r\n\/* ============================================================\r\n PRINT \/ PDF styles\r\n ============================================================ *\/\r\n@media print {\r\n @page { size: A4; margin: 16mm 14mm 18mm 14mm; }\r\n html, body { background: #fff !important; color: #1a1a1a !important; }\r\n body { font-size: 10.5pt; line-height: 1.45; }\r\n\r\n .cta { display: none !important; }\r\n\r\n .hero {\r\n padding: 0 0 16pt 0; background: #fff; border-bottom: 1pt solid #d9d9d9;\r\n }\r\n .hero::before { display: none; }\r\n .hero-inner {\r\n padding: 0; grid-template-columns: 1.4fr 1fr; gap: 24pt;\r\n }\r\n .hero h1 { font-size: 28pt; }\r\n .hero-sub { font-size: 11pt; }\r\n .hero-lockup { box-shadow: none; }\r\n .hero-meta { font-size: 9pt; padding: 8pt 0; gap: 16pt; }\r\n\r\n .main {\r\n padding: 16pt 0;\r\n max-width: none;\r\n }\r\n .article { max-width: none; }\r\n .article h2 { font-size: 18pt; margin-bottom: 8pt; }\r\n .article h3 { font-size: 13pt; margin-top: 14pt; }\r\n .article p { font-size: 10.5pt; margin-bottom: 8pt; color: #333; }\r\n .article section + section { margin-top: 24pt; page-break-inside: avoid; }\r\n\r\n .pullquote {\r\n background: #272727 !important; color: #fff !important;\r\n padding: 16pt 20pt;\r\n -webkit-print-color-adjust: exact; print-color-adjust: exact;\r\n page-break-inside: avoid;\r\n }\r\n .pullquote p { font-size: 14pt; color: #fff !important; }\r\n .pullquote .qmark, .pullquote .attr-text strong { color: var(--accent) !important; }\r\n\r\n .waves, .results, .takeaways { page-break-inside: avoid; }\r\n .result, .wave, .takeaway { page-break-inside: avoid; }\r\n .result .rn { color: var(--accent) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }\r\n\r\n .services {\r\n background: #f8f8f8 !important; padding: 20pt 0;\r\n -webkit-print-color-adjust: exact; print-color-adjust: exact;\r\n page-break-before: always;\r\n }\r\n .services-inner { padding: 0; }\r\n .services-grid { grid-template-columns: 1fr 1fr 1fr; }\r\n .service { padding: 14pt; }\r\n .service h3 { font-size: 13pt; }\r\n .service p, .service ul li { font-size: 10pt; }\r\n\r\n a[href]::after { content: ''; }\r\n a { color: inherit; border-bottom: none; }\r\n * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div>\r\n <div class=\"breadcrumb\" style=\"margin-bottom: 20px;\">\r\n <a href=\"#\">PSHQ<\/a>\r\n <span class=\"sep\">\/<\/span>\r\n <a href=\"#\">Client Cases<\/a>\r\n <span class=\"sep\">\/<\/span>\r\n <span>Catawiki<\/span>\r\n <\/div>\r\n <div class=\"hero-kicker\"><span class=\"dot\"><\/span> Client Case \u00b7 HR Transformatie met HiBob<\/div>\r\n <h1>Catawiki & PSHQ: <em>HR Transformatie met een doel<\/em><\/h1>\r\n <p class=\"hero-sub\">Hoe een internationaal e-commerce platform zijn HR-systeem vereenvoudigde en versneld schaalbaar maakte met HiBob en PSHQ.<\/p>\r\n <div class=\"hero-meta\">\r\n <div class=\"hero-meta-item\"><span class=\"k\">Branche<\/span><span class=\"v\">E-commerce \/ Veilingen<\/span><\/div>\r\n <div class=\"hero-meta-item\"><span class=\"k\">Omvang<\/span><span class=\"v\">~700 medewerkers<\/span><\/div>\r\n <div class=\"hero-meta-item\"><span class=\"k\">Scope<\/span><span class=\"v\">HiBob implementatie \u00b7 3 waves<\/span><\/div>\r\n <div class=\"hero-meta-item\"><span class=\"k\">Doorlooptijd<\/span><span class=\"v\">Mei - November 2025<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"hero-lockup\">\r\n <div class=\"hero-lockup-row\">\r\n <div class=\"hero-lockup-logo\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/10\/People-Services-HQ-Transparant-Background-File-1-1-e1697874141281.png\" alt=\"PSHQ\"><\/div>\r\n <span class=\"hero-lockup-x\">\u00d7<\/span>\r\n <div class=\"catawiki-mark\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo_CW.webp\" alt=\"Catawiki\" style=\"height: 32px; width: auto; display: block;\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-lockup-grid\">\r\n <div class=\"hero-stat\"><div class=\"n\">8 wk<\/div><div class=\"l\">tot live MVP<\/div><\/div>\r\n <div class=\"hero-stat\"><div class=\"n\">70%<\/div><div class=\"l\">actief in week 1<\/div><\/div>\r\n <div class=\"hero-stat\"><div class=\"n\">3<\/div><div class=\"l\">implementatie waves<\/div><\/div>\r\n <div class=\"hero-stat\"><div class=\"n\">60+<\/div><div class=\"l\">nationaliteiten<\/div><\/div>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<main class=\"main\">\r\n\r\n <article class=\"article\">\r\n\r\n <section id=\"intro\">\r\n <div class=\"section-label\"><span class=\"num\">01<\/span> Introductie <span class=\"bar\"><\/span><\/div>\r\n <h2>Bijzondere objecten, een bijzondere organisatie<\/h2>\r\n <p>In een wereld waarin spullen steeds sneller en goedkoper, vaak zonder ziel of verhaal, geproduceerd worden, brengt Catawiki iets unieks: een platform waarop je bijzondere objecten vindt, zorgvuldig geselecteerd door experts. Of het nu gaat om een zeldzaam stripboek, een vintage designklassieker of een dinosaurusei: elk object op Catawiki draagt karakter, geschiedenis en waarde.<\/p>\r\n <p>Catawiki is de toonaangevende online marktplaats voor het kopen en verkopen van bijzondere objecten. Elke week worden er meer dan <strong>100.000 objecten<\/strong> ter veiling aangeboden, stuk voor stuk beoordeeld en geselecteerd door honderden eigen experts. Catawiki is beschikbaar in meer dan 50 landen wereldwijd en telt wekelijks meer dan 1 miljoen biedingen.<\/p>\r\n <p>Die internationale dynamiek brengt niet alleen prachtige objecten samen, maar ook complexe HR-uitdagingen.<\/p>\r\n <\/section>\r\n\r\n <section id=\"challenge\">\r\n <div class=\"section-label\"><span class=\"num\">02<\/span> De uitdaging <span class=\"bar\"><\/span><\/div>\r\n <h2>Van complex en traag naar wendbaar en beheersbaar<\/h2>\r\n <p>Catawiki is een snelgroeiende organisatie met een ambitieuze missie. Maar het HR-systeem waarmee Catawiki werkte, remde eerder af dan dat het meebewoog. Wat nodig was, was een systeem dat flexibel kon meebewegen met de groeiende organisatie en zelfstandig aanpasbaar was. Geen maatwerk voor alles, maar een schaalbare standaardoplossing die ruimte liet voor groei.<\/p>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>We merkten dat ons oude systeem niet goed meer aansloot bij hoe we als organisatie wilden bewegen. We hadden behoefte aan een HR-systeem dat makkelijk onderhouden kan worden door het People team, met focus op eenvoud, flexibiliteit, betere gebruiksvriendelijkheid en overzicht.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Madelon.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Madelon Spekman<\/strong><div>Sr. Manager People Operations \u00b7 Catawiki & Project Lead<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3>De keuze voor HiBob<\/h3>\r\n <p>Catawiki koos voor <a href=\"https:\/\/shq.nl\/pshq-hibob-v2\/\">HiBob<\/a> als modern HR-platform. HiBob is specifiek ontwikkeld voor dynamische, internationale organisaties die behoefte hebben aan flexibiliteit, gebruiksgemak en een moderne employee experience. De standaardaanpak van HiBob is gericht op zelfredzaamheid.<\/p>\r\n <p>Tijdens de voorbereiding werd echter duidelijk dat het beschikbare interne team op korte termijn niet voldoende tijd had om het hele implementatietraject zelf te dragen, zeker gezien de ambitie om binnen twee maanden live te gaan. Daarom werd besloten een implementatiepartner in te schakelen: <strong>People Services HQ<\/strong>.<\/p>\r\n <\/section>\r\n\r\n <section id=\"approach\">\r\n <div class=\"section-label\"><span class=\"num\">03<\/span> De samenwerking <span class=\"bar\"><\/span><\/div>\r\n <h2>Advies \u00e9n uitvoering van A tot Z<\/h2>\r\n <p>PSHQ co\u00f6rdineerde het volledige implementatieproces. Samen met Catawiki keken we naar de wensen en processen van nu \u00e9n de ambities voor morgen. In co-creatie werden de standaardfunctionaliteiten van HiBob vertaald naar de specifieke processen en datastructuren van Catawiki.<\/p>\r\n\r\n <ul class=\"checklist\">\r\n <li><strong>Functioneel en strategisch advies<\/strong> - inrichting die vandaag werkt en morgen meegroeit met nieuwe landen, teams en structuren.<\/li>\r\n <li><strong>Technische implementatie<\/strong> - standaard waar mogelijk, extra configuratie en koppelingen waar nodig, maar altijd lean en gebruiksvriendelijk.<\/li>\r\n <li><strong>Team<\/strong> - 3 HR-tech consultants + 1 integratie-expert vanuit PSHQ en een toegewijd projectteam vanuit Catawiki.<\/li>\r\n <\/ul>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>Het was fijn om met een partner te werken die niet alleen technisch onderlegd is, maar ook met ons meedacht over wat er straks nodig is. PSHQ hielp ons echt vooruitkijken.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Madelon.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Madelon Spekman<\/strong><div>Sr. Manager People Operations \u00b7 Catawiki<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3>Gefaseerde aanpak: drie waves<\/h3>\r\n <p>Om snelheid \u00e9n overzicht te behouden, werd gekozen voor een gefaseerde aanpak in drie opeenvolgende waves.<\/p>\r\n\r\n <div class=\"waves\">\r\n <div class=\"wave\">\r\n <div class=\"wnum\">01<\/div>\r\n <div class=\"wbody\">\r\n <h4>MVP binnen 8 weken<\/h4>\r\n <p>Inrichting van de fundamenten, datamigratie uit het oude systeem en standaard HiBob-functionaliteit afgestemd op de interne processen van Catawiki.<\/p>\r\n <div class=\"subs\"><span>Core HR<\/span><span>Workforce Planning<\/span><span>Datamigratie<\/span><\/div>\r\n <\/div>\r\n <div class=\"wmeta\">Mei 2025<\/div>\r\n <\/div>\r\n <div class=\"wave\">\r\n <div class=\"wnum\">02<\/div>\r\n <div class=\"wbody\">\r\n <h4>Optimalisatie & Talent<\/h4>\r\n <p>Verfijning van het Core HR-fundament en uitrol van de module Talent, waardoor vlootschouwen en waarderingsrondes online uitgevoerd worden, in plaats van in Excel.<\/p>\r\n <div class=\"subs\"><span>Core HR optimalisatie<\/span><span>Talent module<\/span><\/div>\r\n <\/div>\r\n <div class=\"wmeta\">Juli 2025<\/div>\r\n <\/div>\r\n <div class=\"wave\">\r\n <div class=\"wnum\">03<\/div>\r\n <div class=\"wbody\">\r\n <h4>Optimalisatie & Compensation<\/h4>\r\n <p>Afronding van Talent en livegang van de module Compensation. Salaris- en beloningsronden vanaf nu volledig online binnen HiBob.<\/p>\r\n <div class=\"subs\"><span>Talent optimalisatie<\/span><span>Compensation module<\/span><\/div>\r\n <\/div>\r\n <div class=\"wmeta\">November 2025<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"adoption\">\r\n <div class=\"section-label\"><span class=\"num\">04<\/span> Adoptie & draagvlak <span class=\"bar\"><\/span><\/div>\r\n <h2>Keep it simple, make it work<\/h2>\r\n <p>Meer dan <strong>70% van de medewerkers<\/strong> logde al in tijdens de eerste week. Dat laat zien: het systeem sluit aan bij de dagelijkse praktijk.<\/p>\r\n <p>Wat PSHQ opviel: Catawiki hield vast aan het principe 'keep it simple'. Waar veel organisaties tijdens een project alsnog complexiteit introduceren, bleef Catawiki bij de gekozen lijn. Geen uitzonderingen voor alles en iedereen, maar een duidelijke basis die werkt. Door eerst een functionele kern te bouwen, ontstond er ruimte om later op te schalen zonder onnodige ballast.<\/p>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>Catawiki wist van begin af aan waar de prioriteiten lagen. Door dicht bij de kern te blijven en niet alles tegelijk te willen, konden we samen snel een solide basis neerzetten.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Jeroen1-scaled-1-e1777038502915.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Jeroen de Bruijn<\/strong><div>Partner & Project Lead \u00b7 PSHQ<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"results\">\r\n <div class=\"section-label\"><span class=\"num\">05<\/span> Resultaten <span class=\"bar\"><\/span><\/div>\r\n <h2>Wat het opgeleverd heeft<\/h2>\r\n <p>Met de implementatie van de verschillende HiBob-modules is Catawiki nu voorbereid op de toekomst. Concrete resultaten op een rij:<\/p>\r\n\r\n <div class=\"results\">\r\n <div class=\"result\"><div class=\"rn\">8 wk<\/div><div class=\"rl\">Live met een volwassen MVP: Core HR en Workforce Planning volledig werkend<\/div><\/div>\r\n <div class=\"result\"><div class=\"rn\">70%<\/div><div class=\"rl\">Medewerkers logde al in tijdens de eerste week na livegang<\/div><\/div>\r\n <div class=\"result\"><div class=\"rn\">3 waves<\/div><div class=\"rl\">Core HR, Talent en Compensation opgeleverd tussen mei en november 2025<\/div><\/div>\r\n <div class=\"result\"><div class=\"rn\">0<\/div><div class=\"rl\">Structurele afhankelijkheid van externe consultants \u2014 het HRIS-team beheert HiBob zelfstandig<\/div><\/div>\r\n <\/div>\r\n\r\n <ul class=\"checklist\">\r\n <li><strong>Minder complexe HR-processen<\/strong> - mutaties sneller verwerkt, meer duidelijkheid voor medewerkers en managers.<\/li>\r\n <li><strong>Betere gebruikerservaring<\/strong> - self-service vergroot, minder operationeel werk voor het People Team.<\/li>\r\n <li><strong>Excel verleden tijd<\/strong> - vlootschouwen, waarderingsrondes en compensation events draaien binnen HiBob met altijd actuele data.<\/li>\r\n <li><strong>Zelfstandig beheer<\/strong> - workflows, verlofregelingen en events opstarten of aanpassen kan Catawiki zelf. PSHQ blijft beschikbaar waar nodig.<\/li>\r\n <\/ul>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>We hebben in korte tijd echt iets goeds neergezet waar we trots op zijn. En het mooie is: we hebben een basis waarmee we kunnen doorgroeien, zonder dat het meteen ingewikkeld wordt.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Madelon.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Madelon Spekman<\/strong><div>Sr. Manager People Operations \u00b7 Catawiki<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"why\">\r\n <div class=\"section-label\"><span class=\"num\">06<\/span> Waarom dit werkt <span class=\"bar\"><\/span><\/div>\r\n <h2>Vier principes achter de snelheid<\/h2>\r\n\r\n <div class=\"takeaways\">\r\n <div class=\"takeaway\">\r\n <div class=\"tn\">01<\/div>\r\n <div class=\"tb\"><h4>Gefaseerde aanpak<\/h4><p>Implementatie in beheersbare onderdelen, snelheid gecombineerd met controle.<\/p><\/div>\r\n <\/div>\r\n <div class=\"takeaway\">\r\n <div class=\"tn\">02<\/div>\r\n <div class=\"tb\"><h4>Focus op eenvoud<\/h4><p>Eerst een solide basis, daarna uitbreiden. Voorkomt vertraging en technische complexiteit.<\/p><\/div>\r\n <\/div>\r\n <div class=\"takeaway\">\r\n <div class=\"tn\">03<\/div>\r\n <div class=\"tb\"><h4>Standaardfunctionaliteit<\/h4><p>HiBob biedt voldoende flexibiliteit in standaard, geen maatwerk afdwingen houdt het beheersbaar.<\/p><\/div>\r\n <\/div>\r\n <div class=\"takeaway\">\r\n <div class=\"tn\">04<\/div>\r\n <div class=\"tb\"><h4>Toewijding intern team<\/h4><p>Sterke betrokkenheid vanuit Catawiki met korte lijnen en veel inhoudelijke input.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"lessons\">\r\n <div class=\"section-label\"><span class=\"num\">07<\/span> Tot slot <span class=\"bar\"><\/span><\/div>\r\n <h2>Eenvoud als kracht<\/h2>\r\n\r\n <div class=\"pullquote\">\r\n <span class=\"qmark\">\"<\/span>\r\n <p>Je k\u00fant in korte tijd live met een systeem als HiBob, als je bereid bent om scherpe keuzes te maken en als je weet dat je niet alles in \u00e9\u00e9n keer hoeft te doen.<\/p>\r\n <div class=\"attr\">\r\n <div class=\"attr-avatar\"><img decoding=\"async\" src=\"https:\/\/shq.nl\/wp-content\/uploads\/2026\/04\/Jeroen1-scaled-1-e1777038502915.jpg\"><\/div>\r\n <div class=\"attr-text\"><strong>Jeroen de Bruijn<\/strong><div>Partner & Project Lead \u00b7 PSHQ<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p>In plaats van te blijven hangen in complexiteit, koos Catawiki voor een praktische, 'keep it simple' en toekomstbestendige aanpak. Samen met PSHQ werd een krachtig HR-systeem neergezet dat voldoet aan de behoeften van vandaag \u00e9n meegroeit met de ambities van morgen.<\/p>\r\n <p>Wil je ook grip op je HR-processen zonder onnodige complexiteit? Wil je jouw HR-team \u00e9cht zelfredzaam maken? Kijk je uit naar een HR-implementatie zonder chaos en gedoe? Plan een vrijblijvend gesprek, we denken graag met je mee.<\/p>\r\n <\/section>\r\n\r\n <\/article>\r\n\r\n<\/main>\r\n\r\n\r\n<section class=\"services\" id=\"services\">\r\n <div class=\"services-inner\">\r\n <div class=\"services-head\">\r\n <h2>Zo helpt PSHQ je <em>met HiBob<\/em><\/h2>\r\n <p>Onze werkwijze in de Catawiki case is \u00e9\u00e9n van de manieren waarop we organisaties helpen. Onze aanpak is afhankelijk van waar je staat: net ori\u00ebnterend, zojuist live, of al jaren op HiBob. Samen kiezen we de juiste rol.<\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n <div class=\"service\">\r\n <div class=\"snum\">01 \u00b7 Implementatie<\/div>\r\n <h3>Van begeleiding tot volledig ontzorgen<\/h3>\r\n <p>We ondersteunen de klant tot zelfs volledig ontzorgen bij de implementatie van HiBob. We nemen zorgen weg en configureren het systeem zodat het \u00e9cht bij de klant past.<\/p>\r\n <ul>\r\n <li>Functioneel & strategisch advies<\/li>\r\n <li>Configuratie & datamigratie<\/li>\r\n <li>Integraties met bestaande systemen<\/li>\r\n <li>Overdracht naar interne beheerders<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"service\">\r\n <div class=\"snum\">02 \u00b7 Optimalisatie<\/div>\r\n <h3>Haal meer uit je bestaande HiBob<\/h3>\r\n <p>Heeft de klant al HiBob? Via een systeem\u00adscan en inventarisatiesessie bepalen we of, en welke, aanpassingen nodig zijn om HiBob optimaal te laten werken. HiBob ontwikkelt snel; klanten missen vaak net dat beetje extra.<\/p>\r\n <ul>\r\n <li>Systeemscan & inventarisatie<\/li>\r\n <li>Procesverbetering en quick wins<\/li>\r\n <li>Nieuwe modules uitrollen<\/li>\r\n <li>Roadmap voor doorontwikkeling<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"service\">\r\n <div class=\"snum\">03 \u00b7 Support<\/div>\r\n <h3>Onderhoud, advies en release-impact<\/h3>\r\n <p>We helpen klanten die HiBob gebruiken met het onderhoud van hun omgeving. Denk aan specifieke wijzigingen in verlofregelingen, flows of autorisaties en we geven advies over nieuwe release-functionaliteit en wat dit betekent voor de operatie.<\/p>\r\n <ul>\r\n <li>Wijzigingen in flows & autorisaties<\/li>\r\n <li>Aanpassen verlof- en beloningsregelingen<\/li>\r\n <li>Release-advies en impactanalyse<\/li>\r\n <li>Sparringpartner voor het People team<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top: 32px; text-align: center;\">\r\n <a href=\"https:\/\/shq.nl\/pshq-hibob-v2\/\" class=\"nav-cta\" style=\"display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; font-size: 14px;\">\r\n Meer over PSHQ \u00d7 HiBob\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta\">\r\n <div class=\"cta-inner\">\r\n <div>\r\n <h2>Klaar om <em>jullie <br \/>HR-fundament<\/em> te versterken?<\/h2>\r\n <p class=\"lead\">Download de case om met je team te delen of plan direct een vrijblijvend gesprek. We denken graag mee over wat er voor jouw organisatie mogelijk is.<\/p>\r\n <\/div>\r\n <div class=\"cta-actions\">\r\n <button class=\"cta-btn primary\" onclick=\"window.print()\">\r\n <div>\r\n <div class=\"lbl\">Download<\/div>\r\n <div class=\"t\">Case als PDF opslaan<\/div>\r\n <\/div>\r\n <div class=\"arr\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M12 4v12m0 0l-5-5m5 5l5-5M5 20h14\"\/><\/svg>\r\n <\/div>\r\n <\/button>\r\n <a class=\"cta-btn\" href=\"https:\/\/shq.nl\/contact\/\">\r\n <div>\r\n <div class=\"lbl\">Gesprek<\/div>\r\n <div class=\"t\">Plan een vrijblijvend gesprek<\/div>\r\n <\/div>\r\n <div class=\"arr\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Client Case Catawiki \u00d7 PSHQ \u2014 HR Transformatie met HiBob<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-14433","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/14433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/comments?post=14433"}],"version-history":[{"count":23,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/14433\/revisions"}],"predecessor-version":[{"id":14582,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/14433\/revisions\/14582"}],"wp:attachment":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/media?parent=14433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}