Perks Redemption Website + Order Flow (Framer) by Rabyaan KhanPerks Redemption Website + Order Flow (Framer) by Rabyaan Khan
Built with Framer

Perks Redemption Website + Order Flow (Framer)

Rabyaan Khan

Rabyaan Khan

Verified

Magzclub — Custom Framer redemption website with gift-code gating and email notifications

Overview

Magzclub is a magazine gift redemption website built in Framer, designed to turn a simple gift-code process into a polished, branded experience.
The website lets users enter a gift code, validates the code, routes them to the correct magazine offer, and controls access to offer pages based on whether the code is verified. Once a user claims a subscription, the site also triggers email notifications: the site owner receives the claim details, and the user receives a confirmation email.
While the website was visually designed and built in Framer, the redemption system required custom development because Framer does not natively support gated offer access, session-based validation, custom claim states, or automated email workflows out of the box.
Project type: Framer website + custom development Industry: Magazine gifting/subscription redemption Role: Framer design, responsive build, custom React overrides, redemption logic, gated access, claim flow, email notification setup Core features: Gift-code verification, offer routing, gated pages, subscription claim handling, owner notification email, user confirmation email

The challenge

Magzclub needed more than a standard marketing website.
The site had to support a real redemption flow where users could enter a gift code, unlock the correct magazine offer, and claim their subscription. At the same time, the site owner needed to be notified whenever a claim was submitted, and users needed to receive confirmation so they knew their request had gone through.
The challenge was that Framer is excellent for visual websites and landing pages, but it does not natively support this kind of custom product logic.
The website needed to handle:
Gift-code input and validation
Code-based routing to the correct offer page
Temporary access control for offer pages
Verified and unverified page states
Claim button protection
Hidden gift-code passing during form submission
Owner notification emails
User confirmation emails
The goal was to keep everything inside a Framer-built experience while still making the site behave like a lightweight redemption platform.

The solution

I built a custom redemption system inside Framer using React overrides and custom form logic.
The gift-code system captures the user’s input, normalizes the code, hashes it using SHA-256, checks it against valid code hashes, and routes the user to the correct offer page. The system also stores a temporary browser session so the user can access the correct offer page for a limited time.
On the offer side, custom access checks make sure users cannot simply visit protected offer pages directly without first verifying a valid gift code. The claim flow also carries the verified gift code forward, so each subscription claim can be connected back to the code that unlocked it.
After the user submits the claim form, the email workflow supports two important actions: notifying the site owner about the new subscription claim and sending the user a confirmation email. This gives the business visibility into every claim while also giving users confidence that their submission was received.

Custom development highlights

Gift-code verification

The entered code is normalized, hashed, and checked against predefined valid code hashes. This keeps the flow cleaner than exposing raw codes directly in the visible website logic.
Each valid code is mapped to a specific offer page, allowing Magzclub to support multiple magazine campaigns from a single redemption entry point.

Gated offer access

Offer pages are protected using custom access logic.
The page checks whether the visitor has a valid session, whether the saved code hash matches, whether the session has expired, and whether the user is on the correct offer page. If the user is verified, they see the claim experience. If not, they see a blocked or unverified state.

Temporary session handling

After a successful code verification, the site stores a temporary browser session using sessionStorage.
This allows the user to continue through the claim flow without re-entering the code immediately, while still preventing permanent access.

Conditional Framer states

Custom Framer overrides control what users see based on their access status.
The site can show checking states, verified content, invalid-code messages, disabled claim buttons, and safe gift-code displays. This makes the experience feel like a product flow rather than a static page.

Claim form integration

The claim flow includes hidden gift-code handling so the verified code can be passed along with the user’s submission.
This is important because the site owner needs to know which gift code was used for each subscription claim.

Email notification workflow

Once a user claims a subscription, the site supports email notifications for both sides of the transaction.
The site owner receives a notification with the subscription claim details, helping them track and process new claims. The user receives a confirmation email, which reassures them that their claim was submitted successfully and gives the experience a more professional, trustworthy feel.

Why this mattered

Without custom development, Magzclub would have been limited to a simple Framer landing page and basic form.
The custom system turned it into a functional redemption experience:
Users can enter and verify gift codes
Valid users are routed to the correct offer
Offer pages are protected from direct access
The verified code is carried into the claim process
The site owner gets notified when a claim is submitted
The user receives a confirmation email after claiming
The business can manage multiple offer campaigns through one branded website
This allowed Magzclub to stay visually managed in Framer while still supporting product-like behavior.

Final outcome

The final Magzclub website combines Framer’s visual design flexibility with custom React development and email workflow logic.
Instead of sending users to a generic form, Magzclub now provides a branded gift redemption journey: users enter a code, unlock the right offer, claim their subscription, and receive confirmation. At the same time, the site owner receives the claim details, making the website useful not only for users but also for operations.
The result is a lightweight redemption platform built inside Framer.

Portfolio summary

Magzclub is a custom Framer website for magazine gift redemption. I designed and built the site in Framer, then extended it with custom React overrides to support gift-code verification, SHA-256 hash matching, temporary session access, gated offer pages, conditional content states, claim-button protection, hidden gift-code form handling, and email notifications for both the site owner and the user. The result is a branded redemption experience that behaves more like a lightweight web app while still being managed inside Framer.
Like this project

Posted Jun 13, 2026

Designed and developed a Framer redemption site with gift-code gating, protected offer pages, claim forms, and automated email notifications.