Vilket bemanningssystem passar er?

En ärlig jämförelse mellan ipool och Quinyx. ipool är byggt för delad personal och kompletterar Tiltid/Tidomat — Quinyx är en bredare WFM-svit.

; const ease: [number, number, number, number] = [0.25, 0.1, 0, 1]; const storeImg =

; label?: string }; const rows: { feature: string; ipool: Cell; quinyx: Cell; emphasis?: boolean }[] = [ { feature:

}, }, ]; function IpoolCell({ c }: { c: Cell }) { if (c.kind ===

>Ja — {c.label?.toLowerCase()}</span> </span> ); if (c.kind ===

>Nej</span> </span> ); if (c.kind ===

>{c.label}</span>; return null; } function QuinyxCell({ c }: { c: Cell }) { if (c.kind ===

: "Nej"}</span> </span> ); if (c.kind === "limited") return <span className="text-sm text-[#8A8275]">{c.label}</span>; if (c.kind === "text") return <span className="text-sm text-[#6B6B66] font-medium">{c.label}</span>; return null; } export default function IpoolVsQuinyx() { return ( <Layout> <SEO title="ipool vs Quinyx — vilket bemanningssystem passar er? | ipool" description="En ärlig jämförelse mellan ipool och Quinyx. ipool är byggt för delad personal och kompletterar Tiltid/Tidomat — Quinyx är en bredare WFM-svit." path="/ipool-vs-quinyx" /> {/* SECTION 1 — Hero */} <section className="pt-32 pb-20 md:pt-40 md:pb-28 px-6 md:px-8 bg-background"> <div className="max-w-6xl mx-auto grid lg:grid-cols-[1.1fr_1fr] gap-12 lg:gap-16 items-center"> <motion.div initial={{ opacity: 0, y: 16 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.7, ease }} > <span className="inline-block bg-[#5C6B53] text-white text-[10px] font-medium uppercase tracking-[0.22em] px-3 py-1.5 rounded-full"> Ärlig jämförelse </span> <h1 className="hero-title mt-6"> ipool eller Quinyx — vilket passar <em className="text-[#5C6B53] font-normal">er?</em> </h1> <p className="mt-6 text-lg text-[#6B6B66] max-w-lg leading-relaxed"> Båda är bra bemanningssystem. Men de är byggda för olika verkligheter. Här är en rak jämförelse — så att ni kan välja rätt, inte bara välja oss. </p> <div className="mt-9 flex flex-col sm:flex-row gap-3"> <Link to="/boka-demo" className="inline-flex items-center justify-center gap-2 bg-[#1A1A1A] text-white text-sm font-semibold px-6 py-3 rounded-full hover:-translate-y-0.5 transition-transform" > Boka demo <ArrowRight className="w-4 h-4" /> </Link> <a href="#jamforelse" className="inline-flex items-center justify-center gap-2 border border-foreground/20 text-foreground text-sm font-semibold px-6 py-3 rounded-full hover:bg-foreground hover:text-white transition-colors" > Se jämförelsen ↓ </a> </div> </motion.div> {/* Two-paths illustration */} <motion.div initial={{ opacity: 0, scale: 0.96 }} animate={{ opacity: 1, scale: 1 }} transition={{ duration: 0.8, delay: 0.1, ease }} className="relative rounded-[2rem] overflow-hidden bg-[#EDE8DA] aspect-[5/4]" > <svg viewBox="0 0 500 400" className="w-full h-full" aria-hidden> <defs> <pattern id="vs-dots" width="14" height="14" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1.2" fill="#5C6B53" opacity="0.35" /> </pattern> </defs> <rect width="500" height="400" fill="#EDE8DA" /> <rect x="30" y="30" width="100" height="80" fill="url(#vs-dots)" /> <rect x="370" y="290" width="100" height="80" fill="url(#vs-dots)" /> {/* Trunk */} <path d="M 250 360 L 250 240" stroke="#5C6B53" strokeWidth="3" strokeLinecap="round" /> {/* Left branch */} <path d="M 250 240 C 250 180 180 160 130 130" stroke="#5C6B53" strokeWidth="3" fill="none" strokeLinecap="round" /> {/* Right branch (dashed = the other path) */} <path d="M 250 240 C 250 180 320 160 370 130" stroke="#6B6B66" strokeWidth="3" fill="none" strokeLinecap="round" strokeDasharray="6 8" /> {/* Endpoint nodes */} <circle cx="130" cy="130" r="34" fill="#5C6B53" /> <text x="130" y="135" textAnchor="middle" fontSize="13" fill="#fff" fontFamily="Inter" fontWeight="600"> ipool </text> <circle cx="370" cy="130" r="34" fill="#fff" stroke="#6B6B66" strokeWidth="2" /> <text x="370" y="135" textAnchor="middle" fontSize="12" fill="#6B6B66" fontFamily="Inter" fontWeight="600"> Quinyx </text> {/* Origin */} <circle cx="250" cy="370" r="6" fill="#1A1A1A" /> <text x="250" y="392" textAnchor="middle" fontSize="10" fill="#6B6B66" fontFamily="Inter" letterSpacing="2"> ER VERKSAMHET </text> </svg> </motion.div> </div> </section> {/* SECTION 2 — Den korta versionen */} <section className="py-24 md:py-32 px-6 md:px-8 bg-white"> <div className="max-w-5xl mx-auto"> <div className="text-center max-w-2xl mx-auto"> <h2 className="font-serif text-4xl md:text-5xl leading-[1.02] tracking-[-0.02em] text-foreground"> Den korta <em className="text-[#5C6B53] font-normal">versionen</em> </h2> <p className="mt-5 text-[#6B6B66]">Svaret innan ni läser hela sidan.</p> </div> <div className="grid md:grid-cols-2 gap-5 mt-14"> {/* ipool card */} <div className="rounded-2xl bg-[#EDE8DA] border-l-4 border-[#5C6B53] border-t border-r border-b border-[#E0D9C6] p-7"> <div className="text-[11px] font-medium uppercase tracking-[0.22em] text-[#5C6B53]">Välj ipool om…</div> <ul className="mt-5 space-y-3"> {[ "Ni delar personal mellan enheter, butiker eller bolag", "Ni vill behålla Tiltid eller Tidomat och bara komplettera", "Ni blandar egen, inlånad och inhyrd personal", "Ni vill komma igång snabbt på en enhet utan stor migration", "Ni vill ha svensk support och svenska kollektivavtal inbyggt", ].map((t) => ( <li key={t} className="flex gap-3 text-[15px] text-foreground/85 leading-relaxed"> <Check className="w-4 h-4 mt-1 shrink-0 text-[#5C6B53]" /> <span>{t}</span> </li> ))} </ul> </div> {/* Quinyx card */} <div className="rounded-2xl bg-[#F1F1EE] border-l-4 border-[#9A9A93] border-t border-r border-b border-[#E2E0DA] p-7"> <div className="text-[11px] font-medium uppercase tracking-[0.22em] text-[#6B6B66]">Välj Quinyx om…</div> <ul className="mt-5 space-y-3"> {[ "Ni vill ersätta hela ert WFM-system med en samlad svit", "Ni behöver avancerad AI-baserad efterfrågeprognos", "Ni har resurser för en längre implementation", "Ni vill ha allt — schema, tid, lön, prognos — i ett system", "Ni driver en stor internationell organisation", ].map((t) => ( <li key={t} className="flex gap-3 text-[15px] text-foreground/85 leading-relaxed"> <Check className="w-4 h-4 mt-1 shrink-0 text-[#9A9A93]" /> <span>{t}</span> </li> ))} </ul> </div> </div> <p className="text-center italic text-[#8A8275] text-sm mt-10"> Ingen vinnare i absoluta termer. Bara olika passform för olika verksamheter. </p> </div> </section> {/* SECTION 3 — Funktionsjämförelse */} <section id="jamforelse" className="py-24 md:py-32 px-6 md:px-8 bg-background"> <div className="max-w-5xl mx-auto"> <div className="max-w-2xl"> <span className="inline-block bg-[#5C6B53] text-white text-[10px] font-medium uppercase tracking-[0.22em] px-3 py-1.5 rounded-full"> Punkt för punkt </span> <h2 className="font-serif text-4xl md:text-5xl leading-[1.02] tracking-[-0.02em] text-foreground mt-5"> Jämförelse i <em className="text-[#5C6B53] font-normal">detalj</em> </h2> </div> <div className="mt-12 rounded-2xl bg-white border border-[#E0D9C6] overflow-hidden"> <div className="overflow-x-auto"> <table className="w-full min-w-[640px]"> <thead> <tr className="border-b border-[#E0D9C6]"> <th className="text-left text-[11px] font-medium uppercase tracking-[0.2em] text-foreground/70 px-6 py-5"> Funktion </th> <th className="text-left text-[11px] font-medium uppercase tracking-[0.2em] text-[#5C6B53] bg-[#5C6B53]/8 px-6 py-5"> ipool </th> <th className="text-left text-[11px] font-medium uppercase tracking-[0.2em] text-foreground/70 px-6 py-5"> Quinyx </th> </tr> </thead> <tbody> {rows.map((r, i) => ( <tr key={r.feature} className={

}`} > <td className={`px-6 py-4 text-[15px] ${ r.emphasis ?

}`} > {r.feature} </td> <td className=

> <IpoolCell c={r.ipool} /> </td> <td className=

> <QuinyxCell c={r.quinyx} /> </td> </tr> ))} </tbody> </table> </div> </div> <p className=

> Jämförelsen bygger på publik information om Quinyx per 2026. Funktioner utvecklas — verifiera alltid aktuella detaljer direkt med respektive leverantör. </p> </div> </section> {/* SECTION 4 — Den verkliga skillnaden */} <section className=

inline-block bg-[#5C6B53] text-white text-[10px] font-medium uppercase tracking-[0.22em] px-3 py-1.5 rounded-full

font-serif text-4xl md:text-5xl leading-[1.02] tracking-[-0.02em] text-foreground mt-5

>olika utgångspunkt</em> </h2> </div> <div className=

>Quinyx</span> är byggt som en komplett WFM-svit — ett system som ska ersätta era befintliga verktyg och samla allt under ett tak, med stark AI-prognos och djup lönekostnadsanalys. Det är ett kraftfullt val för stora organisationer som vill konsolidera. </p> <p> <span className=

>ipool</span> är byggt för en annan verklighet: organisationer där personal rör sig mellan enheter, där egen, inlånad och inhyrd personal blandas, och där ett befintligt system som Tiltid eller Tidomat redan hanterar grundschemat. ipool ersätter inte det — ipool är lagret som hanterar vardagens förändringar ovanpå. </p> </div> {/* Two workflow diagrams */} <div className=

> {/* Quinyx model */} <div className=

text-[11px] font-medium uppercase tracking-[0.22em] text-[#6B6B66] mb-5

>ersätter allt</text> </svg> <p className=

> Ett system konsoliderar de tidigare verktygen. Kraftfullt — men kräver migration. </p> </div> {/* ipool model */} <div className=

text-[11px] font-medium uppercase tracking-[0.22em] text-[#5C6B53] mb-5

>grundschema</text> {/* Sync arrows */} <path d=

>vardagens förändringar</text> <text x=

>ovanpå</text> </svg> <p className=

> Behåll det som fungerar. Lägg ipool ovanpå för bemanning, pool och kommunikation. </p> </div> </div> <p className=

> Frågan är inte vilket system som är bäst.{

>Frågan är vilken verklighet ni bemannar.</em> </p> </div> </section> {/* SECTION 5 — Tre tecken */} <section className=

font-serif text-4xl md:text-5xl leading-[1.02] tracking-[-0.02em] text-foreground

>passar er</em> </h2> </div> <div className=

> {[ { img: storeImg, title:

Om en säljare i en butik kan hjälpa en annan, eller om ni lånar mellan bolag — ipool är byggt för exakt det. Få andra system är det.

Har ni redan Tiltid eller Tidomat? Behåll det. ipool kompletterar istället för att tvinga fram en kostsam migration.

Egen personal, inlånad från grannenheten, inhyrd från bemanningsföretag — allt i samma flöde. Det är ipools kärna.

rounded-2xl bg-white border border-[#E0D9C6] overflow-hidden flex flex-col

relative aspect-[5/4] bg-[#EDE8DA] overflow-hidden

absolute top-4 left-4 w-9 h-9 rounded-full bg-[#5C6B53] text-white flex items-center justify-center font-serif text-lg

>{c.text}</p> </div> </motion.div> ))} </div> </div> </section> {/* SECTION 6 — CTA */} <section className=

absolute inset-0 opacity-[0.06] pointer-events-none

inline-block border border-white/30 text-white/80 text-[10px] font-medium uppercase tracking-[0.22em] px-3 py-1.5 rounded-full

font-serif text-4xl md:text-5xl lg:text-6xl leading-[1.02] tracking-[-0.02em] mt-6

>ärliga om passformen</em> </h2> <p className=

> Vi visar ipool utifrån er verksamhet. Och om vi märker att ni hade passat bättre med något annat — säger vi det. Det är så vi vill jobba. </p> <div className=

inline-flex items-center justify-center gap-2 bg-white text-[#1A1A1A] text-sm font-semibold px-7 py-3.5 rounded-full hover:-translate-y-0.5 transition-transform

inline-flex items-center justify-center gap-2 border border-white/40 text-white text-sm font-semibold px-7 py-3.5 rounded-full hover:bg-white/10 transition-colors