Kelsey Lane
UX/UI Designer
TimeCoyl Feature Image.jpg





Kelsey Lane - Designer
Sam Kahle - Developer
Samrat Dudhat - Inventor

September 2018 - Present

Sketch, Illustrator, Photoshop, XD, InVision, Figma

UX/UI Design, Wireframing, Prototyping, User Flows, Logo Design, Brand Identity



TimeCoyl offers a revolutionary way of viewing your calendar on your smartwatch so you can make the most of each day. With one simple snapshot, you can check your availability for one or multiple days, making it easier to schedule events and manage your time wisely. TimeCoyl uses alternating rings to represent both AM and PM for displaying the entire day’s events. This patent-pending and simplistic design allows you to see your availability for the full day or multiple days in a glance.

I was brought on as the lead designer to design the user experience and interface of the TimeCoyl smartwatch application, and create a logo and brand identity.


  • Create a graphical representation of calendar events that clearly displays the duration of time

  • Intended to conserve processor cycles and memory usage when indicating time interval durations in an electrical time measuring device


  • UX/UI design of smartwatch application (Android first)

  • Logo design and brand identity



Having never designed for a smartwatch, my first priority was to accumulate as much knowledge as possible about smartwatches and their applications.

As a team, we decided that we would design for Android first. I intently studied the Wear OS documentation, which provides a comprehensive set of guidelines for both designers and developers. I made sure to familiarize myself with basic developer guidelines so I had a sense of what would be possible from a technology standpoint before I even began brainstorming design solutions.

Wear OS is designed around the core actions of suggest and demand. Wearables provide useful glanceable information on your wrist in real time, allowing users to be more connected to both the online and real worlds.
— Wear OS by Google

Design Considerations

  • Functionality on both circular and rectangular displays

  • Watch-face vs. watch app



The evolution of the design of the watchface resulted in a simplified interface that allows for user customization.

A user flow chart for the smart watch application

A task flow chart of the smart watch application.


Product Design

The home screen of the watch app displays a week-view, giving users the ability to view their schedule for the day quickly and easily. Clicking on a specific day displays a list of all events for that day, each with a colored label that corresponds to the color of the arc on the screen. Users can click on specific events to view event details which can include location, calendar labels and any additional notes.

The default watchface displays an animated schedule preview where users can see a continual loop of their events for that day.

Base Clock.gif

Logo and Brand Guide


Next Steps

  • TimeCoyl for iOS

What I Learned

  • How to design for a smaller screen

  • How to navigate client communication in different time zones