CircleHalo Mobile

Sellers do not stay at their desks, and their operations should not either. I designed and developed the CircleHalo mobile app with React Native and Expo, extending the web platform into a mobile-first experience rather than a shrunken copy of it. The work covered the app architecture, a reusable mobile UI, dashboards, notifications, data-driven screens and the mobile experience for CircleAI.

CircleHalo’s web product is dense by design: tables, filters and production data built for a large screen. Squeezing that onto a phone would have produced an app nobody wants to open.

The real work was deciding what deserves to be visible first, how dense data should be reorganised for a small screen, and which interactions genuinely suit touch.

1. 01

   A dashboard built for a glance

   Key operational metrics, sales trends and recent activity on one screen, from hourly figures up to quarterly performance.

2. 02

   Data views made for touch

   Sales, order and production data reorganised into cards, lists and charts that read well on a phone.

3. 03

   CircleAI on mobile

   A conversational assistant with suggested prompts, conversation history, voice input and structured answers generated from the store’s operational data.

4. 04

   Notifications and navigation

   Notification states, drawers, overlays and forms designed so the most frequent actions are always one tap away.

React Native and Expo

One codebase for iOS and Android, fast iteration during design, and a build pipeline that keeps releases simple.

TypeScript

The app consumes the same operational data as the web platform. Shared, typed models keep both products in sync as they evolve.

CircleHalo Mobile is a focused extension of the platform, designed around the constraints of a phone instead of copying the web screen by screen. It gave me ownership across product thinking, mobile UI and implementation, and it is still evolving.