Nook Calendar

UX / UI

CLIENT
Nook Technologies Inc.
TOOLS USED
Webflow, Figma, Adobe CC
TIME FRAME
February 2022 - Present
TAGS
IOS, Motion Design,
Usability, Gamify.

How can we differentiate our app in a competitive landscape?

As a team, we have successfully differentiated Nook Calendar from its competitors by pivoting our focus and implementing updates such as the personal booking page and the onboarding flow. Our efforts have been rewarded with increased site traffic and monthly active users.

We have also received recognition from Product Hunt, where we were named the #1 Product of the Day and #3 Product of the Week. We continue to strive for innovation and excellence in order to provide the ultimate productivity tool for a landscape where the nature of work is constantly evolving.

Visit nookcalendar.com
* Since the project is ongoing, some works are omitted to maintain confidentiality.

Product Hunt

Product Video

When we launched on product hunt we needed a video demonstrating the feature set for Nook Calendar. Our launch earned us #1 Product of the Day and #3 Product of the week. I produced this video, designed the assets for the launch and helped engage with our audience.

During this time, our site traffic increased dramatically and so did our monthly active users (MAU).

Onboarding

Permissions

I have been responsible for reimagining the onboarding process. The challenge was to lead users through authentication and privacy permissions while keeping them engaged and excited about the product.

Engagement

I animated this sequence to show the value of our "People Bar". Our intention was to show the user this functionality before asking them to add or invite their colleagues.

Adjustments were made to show the equivalent information on mobile.

Personal Booking Page

Wizard Set-up

After users are introduced to their calendar grid, they have the option to set-up their personal booking page. I designed the steps to claim your personal URL configure your booking page.

Adjustments were made to recreate this functionality on the mobile app.

Booking Experience

We designed this page in response to criticism surrounding Calendly's booking page. It was designed to give visitors a friendly welcome page before they select a time to meet.

Check out my personal booking page
App Store preview images:

Other Projects:

Web Design
Xesto.io
UX / UI
Transparency App
UX / UI
Google Pixel Watch

Let's talk design!

Or send an email:
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.