- Li's Newsletter
- Posts
- Before & after ux/ui design for Megapot
Before & after ux/ui design for Megapot
FDC (founder design clinic) series #1 - redesigning ticket buying experience
Hey there. Happy Saturday! Today, I want to share a design review through FDC (founder design clinic) we did for Megapot, the world’s largest onchain jackpot. After meeting the founder Patrick and got his approval, we went on created a new UI for Megapot.

Before

After
The ticket part is very visually appealing, but may take up too much space. How to visualize the UX when people purchase more than 20 or 30 tickets becomes the challenge, thus we created an animation to visualize it.
Now, let’s look at the before and after from various perspectives.
Design changes
Before: The original version feels primarily like a functional interface rather than a designed experience. Visually, it presents information in a flat, utilitarian way: the jackpot number is large, but it floats on the page without strong structure or framing, so it doesn’t feel grounded or intentional. The input field, buttons, and status messages all sit at roughly the same visual level, which makes the page feel more like a form than an invitation. There is little sense of narrative or flow—users are presented with controls and system feedback immediately, before they have time to feel excitement or curiosity.
After: The redesigned version reframes the entire experience by introducing structure, depth, and emotional cues before asking for action. The jackpot is now placed inside a soft container, which immediately makes it feel official, stable, and intentional. This framing signals importance and legitimacy, helping users anchor their attention. Below it, the ticket graphic acts as a strong visual metaphor—it translates an abstract digital transaction into something familiar and tangible. Users no longer need to intellectually process what they’re doing; they intuitively understand that they are “buying a ticket.”
Feeling differences
Before: Emotionally, this creates distance. The page communicates “here is how the system works” instead of “here is something you might want to try.” The unsupported country message is especially disruptive because it appears early and prominently, shifting the user’s mindset from anticipation to restriction. Even for users who are eligible, this kind of friction-forward presentation increases caution and skepticism. The overall feeling is transactional and slightly cold, closer to an admin dashboard or a developer-facing tool than a consumer-facing product.
After: the new design feels playful, modern, and confident. The soft gradients, rounded cards, and deliberate use of color introduce warmth and reduce perceived risk. Instead of confronting users with rules or restrictions up front, the design leads with possibility and reward. The interface feels closer to entertainment than infrastructure, which lowers psychological barriers. Even the quantity selector feels tactile and intentional, encouraging experimentation rather than careful calculation.
Behavioral impact
Before: this design encourages hesitation. Users are more likely to pause, scan, and question whether they trust the product or whether it’s worth engaging at all. The mental energy required to interpret the interface is relatively high, which slows decision-making. Instead of triggering impulse or curiosity, the interface subtly asks users to evaluate risk first. That tends to reduce conversion, especially for low-commitment actions like buying a single ticket.
After: By guiding users through a clear visual hierarchy—jackpot, ticket, quantity, price, action—the design reduces cognitive load and speeds up decision-making. Users are more likely to act quickly because the experience feels safe, familiar, and low-effort. The primary call to action stands out clearly, making the next step obvious and emotionally aligned with the user’s state of mind. Instead of asking “should I trust this,” users are nudged toward thinking “this looks fun, I’ll try one.”
Overall, the after state changes the user’s mental model. What was once perceived as a technical crypto product now feels like a polished, intentional experience designed for people, not systems. That transformation—from tool to experience, from caution to curiosity—is what ultimately increases trust, engagement, and conversion.
Studio SaltI run Studio Salt, a fractional design partner that serves early stage startups. | Founder design clinicI also review & critique founders’ product and design at FDC. |
Loving my content so far? I’d appreciate if you can share my newsletter to a friend 🙂