Real-time tracking of an individual with ETA, route, and delays. Along with this we show device status, battery, speed, permissions and connectivity status.

Available as components for iOS, Android, React Native and as Widgets for Web. Methods also allowed for customisation of colors, metadata, icons and typography.

While Trips was to visualise an intended movemement with business context, Live location was to see a single or multiple users on the map at a given time.

Placeline helped visualise an individual's story - places visited, routes taken, business checkins( eg: Pickup, Dropoff, Visit etc ) and device status. It's like a contextual timeline of what all the person did in a day.

We built these components to be like lego blocks that devs can use in any way to build their idea.

Products want to provide same experience across these platforms. This meant that our components also had to be similar in their features, customisation options and usage across these platforms. We also wanted to keep the methods to change these properties similar in different platforms. Hence we worked on documenting our designs with variables which all platforms would use

While building the console, we also built our design system called movement. The UI components were coded in React. Read how our system evolved over time and the learnings we had in the process.

Other than building a consisten visual experience, we also made sure that we are able to delight users. Hence we included special emphasis to microinteractions, blank states and error states throughout our product.

Title inspired by from this article

Our customers are developers, who build using our components, and Operations managers, who consume our dashboard to keep track of their workforce. We don't have a dedicated support team and our entire team handles support. Maximum customer conversations happen over our Slack community followed by Email, Phone calls and intercom. All feedback is organized in a single Airtable sheet, where we add tags, nuggets and sentiments onto them.

When trying out new designs, I would generally reach out to people who would have mentioned similar things from this sheet. Share interactive prototypes with them and have a video call to get their feedback

We being a developer company, GitHub is the default tool used for all collaboration. I have organised all our copy into a single GitHub repo and all changes go through the same repo via PR’s. It’s organised by microcopy, error messages, blank states, Website content, Product glossary etc

Getting your entire team - developers, product managers, content etc on the same page plays a key role in shipping a good final product. At HyperTrack, we worked on improving our product experience and also ship faster. I have written about this in detail.

▶︎ Design systems for a solo designer