For Cyber Week 2024, I built this dynamic promotional page that delivers a personalized shopping experience based on real-time data and user input. Using HTML, CSS, and JavaScript, I created a fully responsive page integrated with a custom script that handles everything from promo codes to campaign timing.
Key features of this project:
- Dynamic Content Delivery: The page adjusts automatically based on parameters like
promocode
, utm_medium
, and campaign start/end dates, ensuring users see the most relevant information. - Reusable Design Modules: I designed flexible, reusable components for key elements like product displays, banners, and CTAs. These modules made it easy to keep the design consistent and launch updates quickly.
- Countdown and Notifications: A countdown timer lets users know when the sale begins or redirects them when it ends, keeping the experience smooth and engaging.
- Promo Code Integration: The script validates and applies promo codes directly to links, making checkout seamless and hassle-free.
- Testing Made Simple: I added a
QA
mode for internal testing, allowing quick previews and debugging before the page went live. - Clear User Messaging: Whether it’s a promo that hasn’t started yet, an expired sale, or an invalid code, the page delivers clear, user-friendly messages.