Raffle Website Design: The Anatomy of a Page That Converts on Mobile
There’s no shortage of galleries showing what competition and raffle sites look like. There’s much less written about what each screen in one has to actually do, which is a shame, because this is a genuinely interesting design problem. The commercial outcome is concentrated into a short window, the traffic is overwhelmingly mobile, and several elements on the page are there because the law requires them rather than because a designer wanted them.
Over 70% of entries on a typical UK raffle site come from a phone. That single number should drive almost every decision below. What follows is a walk through the screens a raffle build needs, and what each one is responsible for.
The homepage has one job: get people into a competition
Not brand storytelling, not a hero video, not an explanation of how the business works. Live competitions, visible immediately, ordered by what’s closing soonest.
The pattern that works is a grid of active draws where each card carries the prize image, the ticket price, a progress indicator showing how much of the allocation has sold, and the time remaining. That’s enough information for a returning entrant to make a decision without opening anything, which matters more than it sounds, because a large share of traffic on a mature site is repeat visitors who already know what they’re doing.
Trust signals belong high on the page rather than in the footer. Recent winners, draw verification, payment logos, an SSL indicator. In a sector where the customer is handing over money for something they receive later, if at all, credibility is a conversion lever and not a nice-to-have.
The competition page is where the design actually happens
Most of the real work in raffle website design sits on this one template. It has to hold a lot of components without becoming a wall of noise on a 390-pixel-wide screen.
The prize needs a proper hero treatment, and on mobile that means one strong image carrying the weight rather than a carousel nobody swipes through. Below it, the elements that drive the decision: countdown to close, ticket selector with bulk options, tickets remaining out of the total, and live odds if you’re showing them.
A note on countdowns, because they’re the component most often overdone. A timer next to a genuine deadline is useful information. A timer that resets, or that appears on a draw closing in eleven days and pretends otherwise, is a dark pattern, and in the UK it’s also an ASA problem. The CAP Code polices how urgency and scarcity get communicated in this sector. Designing honest urgency is both the compliant choice and, in practice, the one that keeps repeat entrants.
Then two elements that shape the whole layout, and are the reason a generic ecommerce product template doesn’t fit here. Every paid entry has to pass through a skill question. And a free entry route has to sit alongside the paid route with equal visual prominence, not tucked into a link at the bottom, not styled to look secondary. Under Section 14 of the Gambling Act 2005, a free route that’s harder to find or harder to use than the paid one undermines the legal basis of the whole competition.
That’s a legitimately hard design constraint. You are being asked to present a free alternative to the thing you want people to buy, at the same weight, on the same screen. The layouts that handle it well tend to treat the two routes as a genuine choice presented in parallel rather than trying to visually bury one, because attempted burial reads as evasive to users as well as to regulators.
Checkout is where entries are actually lost
Everything upstream is persuasion. This is where the money either arrives or doesn’t, and on mobile the failure modes are mostly mechanical.
Apple Pay and Google Pay should be the primary path, presented before any card form. One-tap payment removes the entire manual entry step, which is the single largest drop-off point on a phone. Card entry stays available for the minority who want it, but it shouldn’t be the default visual treatment.
Beyond that, the principles are unglamorous and well established. Minimise steps. Don’t force account creation before payment. Keep the basket state visible so people know what they’re buying. Handle the age confirmation requirement inside the flow rather than as an interstitial that feels like a new obstacle, and make sure the keyboard type matches every field. Small mechanical failures compound in a way they don’t on desktop.
Post-entry screens are marketing surfaces, not dead ends
The confirmation screen is the highest-attention moment you will ever get from a customer, and most builds waste it on a receipt. It should confirm the entry clearly, tell them exactly when and where the draw happens, and offer one obvious next action, whether that’s a share prompt, a referral link, or the next competition closing soon.
Email and SMS confirmation should fire immediately. In a category built on trust, the gap between paying and receiving any acknowledgement is where doubt forms.
The winner announcement page earns the next draw
Treat this as a conversion asset rather than an archive. It satisfies transparency expectations under the CAP Code and the DCMS Voluntary Code, so it has to exist and be publicly verifiable regardless. But it’s also the strongest proof you have that the business does what it says.
Real winners, named, with the draw record and prize visible, and a clear route from there into whatever is live now. Sites that hide their results page in the navigation are throwing away their best social proof.
The states most builds forget
This is the section that separates a considered build from a rushed one. Every competition passes through several states, and each one needs a designed screen.
Sold out, when the ticket allocation is exhausted before the close date. Closed, when entries have ended but the draw hasn’t happened yet. Drawing, during a live draw, often with a stream embedded. And drawn, showing the result. Each of these will be seen by real traffic, often quite a lot of it, and a default empty state or a 404 at any of these points is both a bad experience and a lost opportunity to route someone to a live draw instead.
What makes UK raffle website design its own discipline
Pull all of that together and the reason a generic template struggles becomes clear. The legal structure lives inside the layout rather than in a policy page. Urgency has to be genuine because it’s regulated. Two entry routes need equal weight. The traffic pattern spikes hard into the final hour before a close, which puts real pressure on the least cacheable screens in the build. And it all has to hold together on a phone.
Whether you build these components yourself or work with a purpose-built raffle website builder mostly depends on how many of the above you want to solve from first principles. Specialist studios exist for the obvious reason that the problems repeat: Nera Marketing works only on UK competition and raffle builds, shipping the skill question, free entry route, draw mechanics and mobile checkout as standard rather than as bespoke problem-solving on every project.
For designers, though, the interesting part is the constraint itself. Being told that certain elements cannot be demoted, cannot be hidden, and must carry equal weight to the thing you’re actually selling forces more inventive layout thinking than an open brief usually does. Constraint-led design tends to produce the more distinctive result, and this is a category with plenty of constraint to work with.
