Key Features

• Event Discovery: Search, filter, and browse events using multiple criteria.

• Event Booking: Secure and quick booking with seamless confirmation.

• Hosting & Management: Allows organizers to create and manage events with real-time updates.

• Interactive UI: Modern, dark-themed interface with a blue and cyan color scheme.

• Map Integration: Helps users find event locations with ease.

Design Process Overview

The design process followed the Double Diamond Model, moving through four phases:

1. Discover: Conducting user research and competitor analysis.

2. Define: Establishing key user personas, user journeys, and task flows.

3. Develop: Creating wireframes, prototypes, and testing usability.

4. Deliver: Refining the UI and building high-fidelity designs.

User Interview Findings

To ensure EventSync met real user needs, I conducted user interviews with event-goers and event organizers.

Key Insights from Attendees:

• Users prefer dark themes as they are visually less straining.

• They want a quick way to discover events based on preferences.

• Event notifications should be customizable to avoid spam.

Key Insights from Organizers:

• They need an easy-to-use event creation process.

• A review system helps boost credibility.

• Event promotion through social sharing is crucial.

Market Research

To position EventSync effectively, I analyzed competitors like Eventbrite, Meetup, and Ticketmaster.

Findings:

• Most competitors have complex UIs with too many steps to book an event.

• Dark-themed event apps are rare, providing a unique branding opportunity.

• Filters in existing apps are weak, with users struggling to find niche events.

• Social sharing is underutilized, creating room for improvement.

Task Flow

To simplify user journeys, I mapped out primary task flows:

1. Attendee Flow:

1. Open EventSync → Splash Screen

2. Log in / Sign up → OTP Verification

3. Browse events → Search & Filter events

4. View event details → See all events

5. Book event → Get confirmation & notifications

6. Share event → Attend event

2. Organizer Flow:

1. Open EventSync → Sign in as Organizer

2. Create an event → Add details, images, location

3. Publish event → Manage registrations

4. View attendees → Check reviews & feedback

5. Share event → Edit or cancel event

Ideation Sketches

Initial sketches were drawn to outline the core navigation and key screens.

• The Home screen was designed for event discovery, with a clear CTA for booking.

• The Organizer Profile was structured into three sections: About, Events, and Reviews.

• The Event Details page included ticket availability, location maps, and an interactive RSVP system.

Digital Wireframes

Based on sketches, I created low-fidelity wireframes to test usability.

Key wireframe decisions:

• Floating Action Button (FAB) for quick event creation.

• Bottom navigation bar for easy access to Home, Search, Notifications, and Profile.

• Card-based UI for event listings to improve readability.

• Dark theme with high contrast text for accessibility.

Design Fixes & Enhancements

After usability testing, I made design refinements:

• Enhanced event discovery by adding a “See All Events” button.

• Optimized notifications by allowing users to control event reminders.

• Improved event sharing with direct social media integration.

• Added an empty state UI for events and notifications to improve user experience.

Visual Identity

The UI followed a dark theme with a sleek, modern aesthetic.

Color Palette:

• Primary Blue: #5669FF (used for buttons and highlights)

• Cyan: #00F8FF (used for interactive elements)

• Dark Background: Deep grey and black for contrast

Typography:

Iconography:

• Minimalistic and consistent icons to maintain a clean UI.

High Fidelity Designs

Final high-fidelity designs included:

• Splash screen with the EventSync logo.

• Smooth login/signup flow with OTP verification.

• Dark-themed home screen with a visually distinct event list.

• Filter & search screen for easier event discovery.

• Interactive map view for location-based event search.

• Seamless booking experience with clear call-to-action buttons.

• Organizer profile with reviews to establish credibility.

Learning Outcomes

Through this project, I gained key insights into UX design and usability improvements:

✅ Dark themes require strong contrast and careful color selection for readability.
✅ Users prefer fewer, more intuitive steps for booking and event management.
✅ Social sharing and notifications enhance engagement but must be customizable.
✅ Usability testing is crucial for refining UI elements and improving user experience.

Conclusion

EventSync successfully bridges the gap between event attendees and organizers, providing a sleek, modern, and efficient event management solution. The combination of a dark theme, intuitive UI, and strong user experiencemakes it a standout event booking app.