CALENDAR INTERACTION

While working at Narvar, I had the opportunity to brainstorm an idea for their tracking pages, which allow customers to see when their package will be delivered. Currently, Narvar offers three template options that retailers can choose from for their tracking pages. The goal of this exploration was to combine the most visual tracking page template with the usability of the calendar template in a smooth way. I created three options, shown below, using the prototyping tool Framer.



IDEATION & SKETCHING

Development of the prototypes began with explorations of how the customer could navigate to the calendar view and how the panel would transition once the shift is triggered.



DEVELOPMENT &
CODING IN FRAMER

After a few directions were selected, I created the panels in Sketch. I then brought the designs into Framer's design mode. I switched over to the code mode, and worked with CoffeeScript to play with and tweak the different transition options.