← Munkáim

01Webfejlesztés2025

HopCity

Digitális jegyvásárlás és vendégélmény egy légvárpark számára — a böngészőtől a helyszíni működésig.

Webfejlesztés · Digitális élmény · Jegyértékesítés

HopCity
A HopCity jegyvásárló felületének asztali nézete.
A HopCity jegyvásárló felületének mobil nézete.

Áttekintés

A HopCity egy légvárpark digitális belépőpontja. A vendég online jegyet, bérletet vagy ajándékkártyát vesz, a helyszíni működés pedig ugyanahhoz a rendszerhez kapcsolódik.

A helyzet

Egy élményparknál a weboldal nem csak bemutatkozás. Érthető vásárlás, gyors mobilhasználat és megbízható jegykezelés kell — anélkül, hogy a vendég több külön rendszer között veszne el.

A megoldás

Egy összefüggő rendszer készült: kezdőfelület, jegy- és bérletvásárlás, ajándékkártya, vendégprofil, és a helyszíni folyamatokhoz kapcsolódó háttér.

Felületek

Válogatás a projekt felületeiből — asztali és mobilnézetben.

01

Kezdőélmény

Kezdőélmény
HopCity kezdőoldal asztali nézetben.

02

Ajándékkártya

Ajándékkártya
HopCity ajándékkártya-vásárlási felület.

03

Időpontok

Időpontok
HopCity időpont- és eseménynézet.

04

Mobil felület

HopCity mobilnézet.

Mit tud

  • Digitális jegyvásárlás

    A vendég böngészőben választ jegyet vagy bérletet, és végigmegy a fizetésen.

  • Reszponzív felület

    Az élmény asztali és mobilnézetben is használható marad.

  • Ajándékkártya

    Digitális ajándékkártya vásárolható és később felhasználható.

  • Vendégfiók

    A rendelések és a jegyek egy helyen követhetők.

  • Helyszíni kapcsolat

    A webes vásárlás a helyszíni beléptetéshez és pénztári működéshez kapcsolódik.

  • Fizetési folyamat

    Az online fizetés a vásárlás része, nem egy külön, bizonytalan lépés.

Eredmény

A vendég egy webes felületen tud jegyet venni. A megjelenés és a működés egy irányba mutat — a park hangulatától a vásárlás lezárásáig.

Technológia

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Supabase
  • Stripe

Élő felület

Van egy hasonló ötleted?

Építsük meg együtt.

Weboldalnak és egyedi üzleti rendszernek is. Először azt nézzük meg, mire van tényleg szükség.

Beszéljünk róla