Wonder Trivia

Brand Identity Creation / UX + UI Design

Welcome to Wonder Trivia, where design and knowledge converge in a captivating digital experience. Our UX/UI and branding design project for this trivia app embodies seamless navigation and visual delight, ensuring every interaction sparks curiosity and excitement.



Immerse yourself in a world where intuitive design meets vibrant branding, creating an immersive journey through the realm of trivia. Wonder Trivia isn't just about answering questions—it's about experiencing the thrill of discovery with every tap.

Credits

Jordynn Teders
Jade Catunao
Michelle Le
Sebastian Guenther

The Logo

Green square with rounded corners. Text
Green square with text
Blue square with
Logo for Wonder Trivia, white text on a purple background with clouds and stars.
Logo for
Yellow square, with
Yellow square with text and arrows:
Yellow square with text
White
A stick figure standing on a cloud in a purple sky with stars and clouds.

Our Wonder Trivia logo encapsulates the spirit of our app's playful exploration. Featuring "wonder" in a funky, jumbled lettering style and "trivia" in a classic serif font below, it perfectly balances excitement and organization. Whether in its horizontal or stacked version, the logo assures a journey brimming with delightful discoveries and engaging knowledge.

Typography & Color Palette

Mobile app interface with cartoon character next to a red background promoting
Color palette on a yellow background, featuring a range of bright hues.
Pink background with white text:
Mobile app interface displaying live, upcoming, and practice trivia options with a cartoon character.
Nine colored squares in a grid: beige, black, purple, blue, green, gold, orange, red, and pink, on yellow background.

The Wonder Trivia branding is characterized by a refined aesthetic that seamlessly incorporates playful elements. The color palette boasts a diverse range of vibrant tones, carefully chosen to evoke a sense of liveliness and dynamism. Complementing these colors is the illustrative imagery, which exudes charm and whimsy while maintaining a polished appearance. Together, these elements create an approachable brand image that sets Wonder Trivia apart in the realm of digital entertainment.

Empty white image.
An entirely white image.
Screenshots of mobile app onboarding: welcome screen, sign-up screen with purple background, and password reset.

UX/UI Design

Mobile app user flow: Welcome screen, sign-up form, and password reset form on purple and white backgrounds.
White background.
Blank white image.
Three smartphone screens displaying a game. The first shows 30, the second 27, and the third shows 0.
User interface with avatar customization options.
Customizable cartoon character icon with color options and design elements.
Blue square icon with a white circle containing the number 30, surrounded by a yellow and green ring.
Pink hot air balloon floating among clouds and stars in a purple sky.
Yellow blimp and airplane flying in a blue sky with white clouds.
Purple square with a cartoon eye, featuring a white eyeball, black outline and pupil.

it’s time for some trivia

In addition to functionality, our UX/UI design also prioritizes aesthetics and immersion, with vivid imagery and dynamic animations that bring the trivia experience to life.

win $100 daily

download for free

Mobile app screen displaying upcoming trivia events with colorful banners.
Three phone screens displaying a mobile app. The first is white, second purple, and third yellow.

Navigation within Wonder Trivia is intuitive and fluid, with carefully crafted pathways that guide users through the app's various features and functionalities. Our UI elements are designed to be responsive and tactile, providing users with a satisfying sense of control and feedback as they interact with the app.

Promotional graphic for Wonder Trivia game. Shows phone with game interface, app logo, and download links.
Wonder Trivia logo: purple and yellow button,

See More Cool Stuff

Ready to work together?