Flox AI – Design System
Flox is building intelligent technologies to make a real difference. Artificial Intelligence-powered products apply technology from sectors like autonomous vehicles or space exploration to solve some of animal welfare’s greatest challenges.
The challenge
Working for a technology startup is exciting and challenging but the experience you gain is often life-changing. I have worked with Flox for nearly 4 years now helping guide the UX and UI as their product evolves over time.
At the start, we decided on View JS as a front-end toolkit and this came with a limited Figma design system Vuetify. This was modified for the new brand and expanded considerably with custom components to meet the needs of the business and its customers.
Implementation
Vuetify was a good foundation but as Flox has produced new and diverse ways to enhance there product offering the design system has grown to accommodate this.
While much of the work is experimental the success of the product has led to the addition of charting, tables, graphs, and real-time and archived video. 360 camera controls, alert systems and much more being added to support existing and future requirements.
The design system is used to build prototypes for user testing as well as delivering design assets via Zeplin for the front-end build.
Results
Flox is still growing adding more clients every year with new requirements or enhancements to existing functionality.
The main design system allows the development of experimental prototypes for sales and marketing as well as user testing of new features.
I hope to continue working with the team at Flox as the continue to innovate and grow.