“Stitching” Together a Calendar Feed for the Audio-Based ‘Quilt’ App
Download the Quilt app here!
My role: UI designer/UX consultant
Tools used: Figma, Framer, Notion, Slack
Timeline: 2.5 weeks
Summary
Quilt is an audio-based social networking app focused on wellness and self-care. Upon onboarding for this project, the existing features included creating a live conversation (called a quilt) from the home screen, joining quilts, viewing people’s profiles, and a few other key functionalities. With the aid of Quilt’s Head of Product, I designed an in-app calendar feed where you could add a quilt to the calendar, edit or delete quilts, and a few other relevant features for both hosts and listeners.
1. Define
Overview
Building out a calendar into the app could serve as a way to support discoverability, as well as the activation of new users
Who is it for?
- Hosts, speakers, and listeners
Goals
- Increased activation and retention.
- An ability for quilters to see + add quilts to the calendar.
Feature Requirements
- Ability to view in app calendar feed
- Ability to view quilt/event details
- Ability to add a quilt to the calendar
- Ability to edit a quilt you added to the calendar
- Includes deleting an event
- Ability to star a quilt on the calendar
- Ability to add a quilt to your calendar
Flows
2. Research
The majority of the research I conducted on this project was UI-related because I joined the project once the project requirements and user/feature validation were already complete. I took a gander at apps with calendar feeds including event-based content that users could favorite or add to their calendars. These included apps such as Eventbrite and Meetup. I also took note of our current designs for the web-based Quilt calendar.
3. Design
A large portion of my time during this stage was spent on the calendar feed card. This card needed to include the title, host, time, date, description, and type/topic. We also needed to have a way for quilters to save the quilt for the future, a way for them to share the quilt with friends via social media or messaging, and a way for them to add it to their personal calendar.
Another large amount of time was spent on the ‘add a quilt to the calendar’ slide-up form which entailed adding details about the event such as title, topic, date/time, etc.
Working on these elements and flows for this feature I worked with the product team to make the best decisions about element placement, matching current UI patterns from elsewhere in the app, ensuring an accessible experience, and clear information hierarchy.
4. Test and re-design
Results of usability testing → changes made
- Recurring how often was unclear → changed copy
- Unclear what starring an event does → added favorited quilts section
Feedback from internal team
- Adjustments to copy
- Input on search bar / quilt type toggle
