Design at a glance
01
Consistent brand language
02
Desktop & mobile layouts
03
Content, navigation & actions
Connecting venues, events and people
A sports destination serves more than devoted fans. Families planning a first match, people looking for a weekend event and returning members arrive with different questions. Yuechang starts with those distinct needs.
We organised the concept around events, venue discovery and membership. Large portraits and stadium photography convey the atmosphere; dates, locations and event categories make the next choice concrete.
Deep purple carries the brand story, forest green anchors venue information and coral highlights registration. A shared type system, card proportions and icons connect the sections without flattening their character.
The central idea is to turn curiosity into a clear visit plan. The interface studies follow event discovery, guest registration, seat finding and membership management.
From inspiration to arrival
Event discovery, registration, membership and wayfinding share one experience. Expressive imagery sets the mood, while the interface makes time, location and the next step explicit.
Making room for the whole family
The registration study keeps the event summary on the left and guest details on the right. Photography, date and location remain visible while visitors choose who is coming.
The family portrait extends beyond the interface edge, bringing warmth into a practical form. Distinct guest and continue actions give the composition a clear reading order.
A clearer route to your seat
The seat-finding concept brings the selected section, level and route into one card. A quiet map palette lets the current seat and route take priority.
The handheld presentation places the interface at the stadium, where visitors need a quick orientation. A large section identifier and concise actions make the hierarchy easy to scan.
A calendar worth exploring
Event cards separate date, title and photography into a consistent hierarchy. Matches, venue tours and family activities share the same structure, making their differences easier to compare.
Coral selection states echo the registration controls. Compact date navigation and generous space around each card balance information density with a relaxed browsing rhythm.
A home for membership
The membership study separates account navigation, the digital card and everyday services. Persistent navigation supports movement between sections while the main panel stays focused.
Dark navigation contrasts with a light content area, and the membership card provides a recognisable identity. The workspace shares the public site’s visual language while supporting more direct tasks.
People at the heart of the brand
The portrait direction favours spontaneous smiles and the energy of watching sport, with visible hair, fabric and skin texture. Circular crops echo the stadium’s curves across compositions.
People and scenes are AI-generated concept imagery used to explore the brand direction. Consistent lighting and colour connect the family, spectator and venue compositions.
One system, different experiences
A match and a live performance have different moods, yet can share a clear content structure. Distinct photography sets each experience apart while titles, tags and dates stay consistent.
The system gives visitors a familiar way to read new content. Each event can have its own visual character while essential information remains easy to locate.
A connected story across screens
From the paired mobile homepages to the tablet presentation, Yuechang maintains its palette, imagery and content priorities. Expressive hero imagery leads into practical event and venue information.
The outcome is a connected concept for a sports destination: a brand homepage, registration flow, membership workspace and venue guide. These studies illustrate the design rather than a live ticketing or navigation service.
“Make the passion visible, and give every visit a clear direction.
Concept interface overview
Keep exploring
Explore more design directions for your brand.
