~/work/mcdonalds-hr.md
Case study

Front page slider on mcdonalds.hr

A post-launch homepage treatment for McDonald's Croatia — a full-width slider whose background colour shifts between slides and affects the whole page, with an optional 'upper' slide for video overlays. Concept developed with a designer colleague; frontend on the Hi-tech custom WordPress base.

role
Frontend implementation · concept with designer
client
McDonald's Croatia · through Hi-tech
sector
WordPress · brand marketing site
stack
Custom WordPress (Hi-tech build, meta fields + custom post types) · PHP · CSS · JavaScript
surface
Full-width homepage slider with per-slide page background · optional "upper" video slide
status
retired · screencast preserved below

The McDonald's Croatia site was a heavily customised WordPress build done by Hi-tech — meta fields, custom post types, all of it. Post-launch, the client decided the homepage needed to be more fabulous. A designer colleague and I brainstormed and landed on a slider, but not an ordinary one: it spans the full page width, and each slide carries its own background colour that affects the whole page — not only the slider tile — so moving between slides feels like moving between rooms. Some slides also carry a supplementary "upper" slide layered over the base, most often used for video content.

2019 edit: McDonald's Croatia has since redesigned. The original slider lives on only as a screencast.

Screencast of the original full-width slider with colour-shifting backgrounds
~/work
01 / 01 navigate · Esc close