Fantastical Calendar

Timeline:
1.5 weeks
Tools:
Figma, FigJam,
UX Tweak
Deliverable:
New Feature

Introducing a new way to create your itineraries seamlessly into your daily scheduler.

New Feature
Product Design
UI Design
UX Research
Mobile
Desktop
Lifestyle
Productivity
Case Study
Problem

Users find it difficult to manage detailed itineraries and event-specific tasks within a single sytem, leading to frustration and decreased engagement. This gap in functionality hinders their overall scheduling experience and satisfaction.

Solution

Create an itinerary feature with event-specific to-do lists, seamlessly integrated into the Fantastical Calendar design system. This feature should blend smoothly with the existing scheduling functionality.

Business Goals

Increase user engagement and satisfaction by introducing an itinerary feature with event-specific to-do lists. This will enhance the scheduling experience, boost daily active users, and drive higher subscription rates.

Interviews

Asking the Right Questions

At the start, I was unsure which features users needed daily. To identify their true pain points in scheduling and productivity, I created questions on General Use, Features, Usability, Integration, and Personalization. Here are key questions that guided my solution.

Competitive Analysis

Let's Take a Look at the Competition

I identified gaps in competitors' itinerary and task management features. This analysis revealed opportunities for Fantastical Calendar to enhance user experience with a more seamless, integrated itinerary feature, guiding the design for a superior scheduling solution.

Research Findings

Insights

After affinity mapping my research, I found that users prefer simple, customizable products and want a weekly overview, including tasks, at a glance. They feel overwhelmed by multiple scheduling tools and find event planning exciting but anxiety-inducing.

HMWs & POVs

Food for Thought

These questions focused on enhancing event details without overwhelming users, integrating with other platforms, incorporating to-dos for better productivity, and improving scheduling routines without multiple apps, while maintaining usability.

Hi Fidelities

Creating a New Itinerary

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Let's do some

user testing

During user testing of the wireframes for the new itinerary feature in Fantastical Calendar, users found the feature intuitive and easy to navigate. Some users suggested improving the visual clarity of task entries. Overall, the initial concept was well-received, significantly enhancing users' scheduling and planning experience.

Hi Fidelities

Creating a New Itinerary

This new itinerary feature helps users manage detailed itineraries and event-specific tasks without feeling overwhelmed. By integrating tasks directly on the itinerary page and having them populate on the event creation screen, users can organize their schedules more seamlessly, reducing the need for multiple tools.

Add an Itinerary Button

“Add Itinerary” button was added in the style of pre-existing “Propose Another Date” button. The button was placed here for hierarchy so it would not compete with the Propose button and so the user can fill out the higher priority items first.

New Itinerary Event Card

New card created for the user to enter in the details for the new itinerary event. The information that is included in the card is information that was prioritized - too many options will confuse and overwhelm the user. The user can also add a task list specific to the event in the itinerary so that they do not need to toggle between different apps or screens.

Add a New Task

User can add a task and subtask directly into this same screen without being navigated to a separate screen, this decision was made due to users getting confused and lost while being directed to separate screens.

More Task Details

This is the page where users can add more specific details for their task if wanted.

Easy Viewing & Editing

User clicked “Add” and added their itinerary event and id the window navigates back to the New Event window - the itinerary items are populated on this page. Itinerary items populates on the original event creation screen so users have easy edit access and visual for their itinerary they just added.

Hi Fidelities

The Big Picture

In order to integrate the new feature into the entirety of the Fantastical Calendar app, I designed the new feature for the various different screens and modes in Fantastical - making sure to pay attention to the smallest of details.

Usability Testing

Making Life Simpler

After conducting usability tests, I found that condensing task and subtask actions to the itinerary page reduced user confusion and clicks. Users can still access detailed task editing by clicking an arrow to the task details window.

Key Point 1

All in One View

Users expressed the importance of being able to see an overview of their schedule in a quick glance. Keeping this important point in mind, I designed the daily and weekly calendar views to reflect on this user need while keeping with the existing UI.

Key Point 2

Seamless Integration

My goal of implementing this new feature was to create something that is the non-invasive to the existing UI, but also pleasant once discovered. The "Add New Task" and "Add Itinerary" button were created and placed with this in mind.

Key Point 3

Reducing Screens

To reduce confusion and minimize clicks, the events are centralized on the itinerary page. The main tasks and subtasks were designed in the same system for this same reason as well. Users can edit task details via an arrow to access the task details window.

My

Conclusion

Working through the entire UX/UI process helped me understand my design approach and key components. I learned that adding a feature means creating something that integrates seamlessly with the existing UI, rather than overwhelming users with flashy designs. Initially, I considered a different popup screen for the desktop version but, based on user research, opted for a design that better suited current users and design systems.

Product Design 🥐
UX/UI Design 🍞
Visual Design 🍩
Branding 🧇
Pastry Chef 🥮
Information Architecture 🍪
Product Design 🥐
UX/UI Design 🍞
Visual Design 🍩
Branding 🧇
Pastry Chef 🥮
Information Architecture 🍪
Research 🥖
Prototyping 🍰
Wireframing 🥯
User Testing 🥨
Interactive Design 🥞
Usability 🍮
Research 🥖
Prototyping 🍰
Wireframing 🥯
User Testing 🥨
Interactive Design 🥞
Usability 🍮

See My Other Projects

Peel

A food discovery app highlighting constructive reviews for restaurants

Advantage Tennis

Responsive website for local tennis shop

Ready to connect?