SIA Glass i Falkenberg tog in iPool inför sin första digitala säsong. Så blev bemanningen enklare — för både sommarpersonal och chef.
; import { ArrowRight, Clock, IceCream, MessageSquare, CalendarDays, Quote, Sun, Sparkles, CloudSun, } from
; import { ArcTopRight, WaveLine, CircleBlob, CurveDown } from
}; const heroImg = storefrontAsset.url; const camillaImg = medarbetareAsset.url; const ease: [number, number, number, number] = [0.25, 0.1, 0, 1]; const beforeAfter = [ { before:
Passförfrågan går ut till rätt personer direkt i appen
Schema, meddelanden och påminnelser samlat på ett ställe
Samlade bemanning, schema och kommunikation i ett och samma flöde
Passförfrågningar går till rätt personer direkt i mobilen
Medarbetarna lägger in tillgänglighet och ser sina pass i appen
Meddelanden, scheman och påminnelser på ett ställe — inte fem
Snabbare beslut när vädret vänder och trycket ändras
SIA Glass om iPool: en lugnare sommar i glasscaféet
SIA Glass i Falkenberg tog in iPool inför sin första digitala säsong. Så blev bemanningen enklare — för både sommarpersonal och chef.
SIA Glass om iPool: en lugnare sommar i glasscaféet | Kundcase
jsonLd={jsonLd} /> {/* ===== HERO ===== */} <section className=
relative max-w-[1240px] mx-auto px-6 pt-28 md:pt-40 pb-20 md:pb-28 grid md:grid-cols-[1.05fr_1fr] gap-12 md:gap-16 items-center
inline-flex items-center gap-2 rounded-full border border-foreground/15 bg-white/60 backdrop-blur px-4 py-1.5 mb-7
text-[11px] font-medium uppercase tracking-[0.22em] text-foreground/70
>lugnare sommar.</span> </h1> <p className=
> SIA Glass i Falkenberg gick in i sin första säsong med iPool — och vardagen blev smidigare för både sommarpersonalen och chefen. </p> <div className=
> <div> <div className=
> Glasscafé i Falkenberg </p> </div> <div> <div className=
> Första säsongen med iPool </p> </div> <div> <div className=
> Bemanning, schema & kommunikation </p> </div> </div> <div className=
> Boka demo <ArrowRight className=
>Fler kundcase</Link> </Button> </div> </motion.div> {/* Hero image */} <motion.div initial={{ opacity: 0, scale: 0.96 }} animate={{ opacity: 1, scale: 1 }} transition={{ duration: 1, ease, delay: 0.1 }} className=
> <div className=
aria-hidden /> <div className=
> <img src={heroImg} alt=
}} width={1200} height={410} sizes=
text-[11px] uppercase tracking-[0.18em] text-foreground/55
> SIA Glass · Falkenberg </p> <p className=
> Glasscafé · första säsongen </p> </motion.div> </motion.div> </div> <WaveLine className=
> <motion.div initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.6, ease }} className=
> {[ { label:
, }, { label:
, }, ].map((item) => ( <div key={item.label} className=
text-[10px] uppercase tracking-[0.22em] text-foreground/55 mb-2
> {item.value} </p> </div> ))} </motion.div> </div> </section> {/* ===== KUNDENS VERKLIGHET ===== */} <section className=
> <motion.div initial={{ opacity: 0, y: 30 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.7, ease }} className=
>01 · Kundens verklighet</p> <h2 className=
>trycket.</span> </h2> <p className=
> Ett glasscafé lever på sommaren. Vädret styr trycket från en timme till nästa, dagarna är långa och en stor del av teamet är säsongs- och sommarpersonal som ska läras upp, känna sig trygga och komma in i jobbet snabbt. </p> <p className=
> När solen tittar fram fylls torget på minuter. När regnet kommer vänder det lika fort. Mitt i allt det ska rätt personer stå på rätt plats — och alla behöver veta vad som gäller. </p> </motion.div> <motion.div initial={{ opacity: 0, y: 30 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.8, ease, delay: 0.1 }} className=
> {[ { icon: Sun, label:
}, ].map(({ icon: Icon, label }, i) => ( <div key={i} className=
>{label}</p> </div> ))} </motion.div> </div> </section> {/* ===== UTMANINGEN / LÖSNINGEN ===== */} <section className=
relative max-w-[1200px] mx-auto grid md:grid-cols-[0.9fr_1.1fr] gap-14 md:gap-20 items-start
text-[11px] uppercase tracking-[0.22em] text-cream/60 mb-5
text-4xl md:text-5xl lg:text-6xl leading-[1.05] text-cream
>fem kanaler.</span> </h2> <p className=
> Inför säsongen samlade SIA Glass bemanning, schema och kommunikation i ett och samma flöde med iPool. Istället för ringrundor går en passförfrågan ut till rätt personer direkt i appen. </p> <p className=
> Resultatet är mindre manuellt pusslande för chefen, och en tydligare vardag för personalen. Det som tidigare tog en förmiddag i telefon kan lösas på några minuter. </p> </motion.div> <ul className=
> {planeringssteg.map((s, i) => ( <motion.li key={s} initial={{ opacity: 0, x: 20 }} whileInView={{ opacity: 1, x: 0 }} viewport={{ once: true }} transition={{ delay: i * 0.07, duration: 0.5, ease }} className=
)} </span> <span className=
> {s} </span> </motion.li> ))} </ul> </div> </section> {/* ===== FÖRE / EFTER ===== */} <section className=
>iPool.</span> </h2> </motion.div> <div className=
> {beforeAfter.map((row, i) => ( <motion.div key={i} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ delay: i * 0.08, duration: 0.6, ease }} className=
text-[10px] uppercase tracking-[0.24em] text-foreground/50 mb-3
rounded-2xl bg-forest text-cream p-6 md:p-7 relative shadow-[0_20px_50px_-20px_rgba(20,40,30,0.4)]
text-[10px] uppercase tracking-[0.24em] text-coral mb-3
> {row.after} </p> </div> </motion.div> ))} </div> </div> </section> {/* ===== RESULTAT ===== */} <section className=
>positivt.</span> </h2> <p className=
> Det första personalen lyfte fram var inte en enskild funktion. Det var känslan. Sommarpersonalen tog till sig iPool snabbt, och chefen fick en lugnare vardag med bättre överblick — under en säsong då trycket är som störst. En första digital sommar som helt enkelt höll ihop. </p> </motion.div> <div className=
> {[ { icon: Sparkles, title:
, }, { icon: Clock, title:
, }, { icon: Sun, title:
Bättre överblick — under den mest intensiva säsongen.
group relative rounded-3xl bg-white p-7 border border-foreground/8 shadow-[0_20px_60px_-30px_rgba(20,40,30,0.25)] hover:shadow-[0_30px_80px_-30px_rgba(20,40,30,0.35)] transition-all duration-500 hover:-translate-y-1
h-11 w-11 rounded-full bg-forest/[0.08] flex items-center justify-center mb-6 group-hover:bg-coral/15 transition-colors
> {s.title} </h3> <p className=
> {s.desc} </p> </motion.div> ); })} </div> </div> </section> {/* ===== QUOTE ===== */} <section className=
> <motion.div initial={{ opacity: 0, y: 30 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.8, ease }} > <Quote className=
font-serif text-2xl md:text-4xl leading-[1.25] text-foreground/90 italic
Det här var vårt första år med ipool och personalen lyfte särskilt fram hur enkelt och positivt det har varit att använda ipool.
> <img src={camillaImg} alt=
>Camilla Johansson</p> <p className=
> Butikschef, SIA Glass </p> </div> </div> </motion.div> </div> </section> {/* ===== CTA ===== */} <section className=
> <motion.div initial={{ opacity: 0, y: 30 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.8, ease }} > <h2 className=
>lugnare säsong?</span> </h2> <p className=
> Mindre administration, snabbare bemanning och tydligare kommunikation — för café, restaurang och andra säsongsstarka verksamheter. Vi visar hur iPool kan fungera för just er. </p> <div className=
> <Button asChild size=