DES Calendar UI Redesign

Dev Edmonton Calendar Project Feature Image

Technologies Used:

  • Vue
  • NUXT
  • CSS
Visit Website

Task

This UI redesign project is an open-source contribution for the Dev Edmonton Society website. Although the past calendar design is functional, my goal for this project is to further improve the calendar UI component’s aesthetic and usability.

Features

Major Changes:

  • Implement "All day" event grid view
  • Fix Overall Layout
  • Follow design patterns for calendar UI components

UI Before:

Calendar UI before the revisions

UI After (Month View):

Calendar UI after the revisions month view

UI After (Week View):

Calendar UI after the revisions week view

Results

My revisions got successfully deployed in the production– increasing the event's page visitation rate. I also received some positive feedback on the design and usability.