Visual Design Case Study: Event & Co

Background

This case study focuses on the visual and interface design of the Event & Co mobile app—turning the community and engagement strategy into an energetic, modern, and highly usable UI.

Problem Statement

Create a UI that feels trustworthy for booking while visually expressing community, energy, and shared experience—minimizing friction in discovery and sign-up.

Target Users

Young professionals and lifestyle enthusiasts seeking social connection and community events.

The Design Mandate

Translate the community-first UX strategy into a UI that feels welcoming, dynamic, and easy to navigate while keeping booking flows clear and trustworthy.

• Balance functional clarity for bookings with energy that signals community
• Use IA from UX phase to keep booking and filtering obvious and low-friction
• Emotional goal: welcoming and dynamic; functional goal: clarity in booking paths

Design System: Colors, Type, Branding

Built a minimalist yet vibrant visual system: energetic primary color, generous white space, and approachable rounded components.

• Color Palette: vibrant primary (lime) with clean whites for contrast and optimism
• Typography: Be Vietnam Semi Bold/Pro for clear hierarchy and modern geometry
• Visual Language: rounded corners, subtle shadows to cue interactivity and warmth

Key UI Flows & Interaction Design

High-fidelity screens make complex flows simple and delightful across onboarding, navigation, and social features.

• Onboarding: large type, minimal imagery to land value fast before sign-up
• Navigation: tab bar keeps Feed, Discover Groups, Profile always reachable
• Community: avatars and group cards foreground the 'Tribe' concept; messaging feels central

Edge Cases & Polish

Transactional and monetization screens are styled for clarity and reassurance.

• Bookings & cancellations: clear states and concise language reduce stress
• Premium plans: contrasted layouts to explain value and differentiate tiers
• 50+ screens with consistent components for launch-ready polish

Outcomes

• Cohesive visual identity that reinforces community and energy while keeping booking flows clear
• Accessible, mobile-first UI kit (colors, type, components) ready for implementation
• High-fidelity screens across onboarding, navigation, community, and monetization paths

Takeaways

• A vibrant yet minimalist system helps CTAs stand out without sacrificing clarity
• Consistent typography and rounded components reinforce a friendly, modern feel
• Edge cases (cancellations, bookings, premium plans) need equal visual care to maintain trust