The Good Shelf | Interactive Christmas Store by Steffen RiesbergThe Good Shelf | Interactive Christmas Store by Steffen Riesberg

The Good Shelf | Interactive Christmas Store

Portfolio project
Steffen Riesberg
A bilingual online shop with 64 products, search, category and price filters, and a checkout flow with order confirmation.
The Christmas edition opens with a looping video and six seconds of snowfall from two animated elves. Santa’s wheel gives shoppers a 5%, 10%, or 15% voucher on orders of €50 or more. From December 1–24, a new Advent bauble unlocks each day to reveal a free gift shoppers can add to their cart. An animated reindeer sleigh crosses the footer.
Built with HTML, CSS, vanilla JavaScript, and SVG.
Project walkthrough
Six seconds of snowfall with two animated elves
Six seconds of snowfall with two animated elves
Santa’s wheel with 5%, 10%, and 15% vouchers
Santa’s wheel with 5%, 10%, and 15% vouchers
Advent tree with 24 numbered baubles
Advent tree with 24 numbered baubles
Daily gift reveal with an add-to-cart button
Daily gift reveal with an add-to-cart button
Product search, category and price filters, and sorting
Product search, category and price filters, and sorting
Cart with an Advent gift and an applied voucher
Cart with an Advent gift and an applied voucher
Checkout with delivery details and order summary
Checkout with delivery details and order summary
Order confirmation with reference number and total
Order confirmation with reference number and total
Santa’s animated reindeer sleigh
Santa’s animated reindeer sleigh
The Good Shelf | Christmas Edition
The Good Shelf | Christmas Edition

0 likes · 4 views · Nov 10, 2026

I designed and built a bilingual Christmas shop with a 64-product catalog, an Advent tree, a voucher wheel, and a complete checkout interface.

Tags