UI Designer | 2020

Mobile Prototyping

Sketch, Marvel

Milano Meetup App UI

Milano is a mobile application designed to help users discover, join, and organize local meetups easily. The goal was to create an intuitive, engaging interface that encourages in-person social interactions while keeping the experience lightweight and fun.

milano-hero.png
 

Challenge

Designing a product that didn't exist before was quite a challenge. There are so many meetup apps already existing out there. The actual problem was to make our app stand out.

Discovery & Research

  • Goal: Understand user needs, competitors, and common pain points around local events and social meetups.

  • Activities:

    • Competitive analysis of Meetup, Bumble BFF, Eventbrite, and Facebook Events

    • Light user interviews to explore social meetup habits

    • Identified common frustrations: cluttered UI, too many steps to join events, and poor location relevance

Mood Board

User Flow & Information Architecture

  • Goal: Map out key interactions and ensure smooth navigation

  • Activities:

    • Defined core tasks: Discover → RSVP → Connect

    • Created user flows for:

      • Browsing events

      • Filtering by interest/location

      • Viewing event details

      • Joining or messaging a host

    • Built a simplified navigation: Home, Explore, Notifications, Profile


Branding / Logo

 
 

Style Guide

 
style-milano.png
 

Wireframes & Low-Fidelity Prototyping

  • Goal: Quickly visualize layout and structure

  • Activities:

    • Sketched mobile wireframes for all primary screens

    • Focused on fast access to relevant events and profiles

    • Iterated based on internal feedback from stakeholders

Visual Design & High-Fidelity Prototypes

  • Goal: Develop a friendly, modern visual language

  • Activities:

    • Designed high-fidelity screens in Sketch using a clean, social-first aesthetic

    • Used bold colors, soft rounded shapes, and expressive icons

    • Incorporated interactive components: swipe cards, bottom drawer modals, and map view

User Testing & Feedback

  • Goal: Validate design with real users before development

  • Activities:

    • Conducted lightweight usability testing with 4 local users

    • Key feedback:

      • Map view was helpful but needed to be the default view

      • Users wanted quicker RSVP confirmation

      • Suggested clearer call-to-actions and labels

Iteration & Final Design

  • Goal: Improve usability based on testing insights

  • Activities:

    • Simplified RSVP flow to one tap

    • Made map view the default in Explore tab

    • Adjusted button sizes and added clearer action icons

 

On-boarding Screens