Overview
As an established connected car telematics company, we were in a great position to offer a fleet solution for tracking multiple vehicles. Other well-known solutions already existed, so in order for us to enter the market we had to find our niche. Our design team was tasked with researching and developing a web and mobile fleet solution that could leverage our existing hardware and platform.
My Role
Product Designer
skill set
User Research
Information Architecture
Wireframing
Prototyping
Visual Design
Animation
User Research
In order to understand the needs for providing a fleet management solution, I teamed up with a UX designer to conduct several interviews with various employees in the fleet industry. Together, we created a discussion guide to help us discover and understand their day-to-day experiences.
Interview qualification survey and discussion guide
Facebook ads for recruiting fleet interview candidates
User Interviews
To find the right interview candidates, I worked with our marketing team to create some Facebook ads and recruit fleet business owners, fleet managers, and fleet drivers. We then put together a quick qualification survey to help narrow down our best choices. After interviews with these fleet employees, we found several key pain points and needs.
Competitive Analysis
Alongside our user research, I conducted some analysis of other competitors in the fleet space. Some big contenders, such as Samsara and KeepTruckin (now Motive), offer a whole series of complex features. However, their solutions are geared towards truckers with large rigs in need of maintaining driver and truck compliance within large scale fleets. Our current hardware and platform would only highlight a fraction of what these companies were offering.
Competitive analysis of big fleet solutions compared to our current hardware and platform offerings in blue
In order to compete in this industry, we would have to invest heavily in new hardware, a new platform, as well as deal with the extensive amount of federal and state mandates and inspections required to manage a trucking business. Instead, our overall research and analysis steered us in the direction towards focusing on local small fleets and providing a much more simple and light solution for managing vehicles and drivers. Fortunately, fleet management for small businesses appeared to be the niche we needed to enter the market.
Our existing telematics hardware and the features we could offer based on its capabilities
Product Requirements
We relied heavily on our product managers to provide the scope of features for our initial designs. We worked very closely with them to make sure these requirements aligned with our given constraints and satisfied the pain points and needs for small-scale fleets. To provide a complete solution, our team would need to design a web dashboard for business owners and fleet managers to monitor their fleet. In addition, we would also design companion mobile apps for both fleet managers and drivers.
Web Dashboard and Mobile Manager App
Mobile Driver App
Information Architecture
I teamed up with another UX designer to help build the information architecture of several features for the web dashboard, mobile manager app, and driver app.
wireframing
We collaborated on the wireframes, and then shared these flows with our design team, product managers, developers, and other stakeholders for continuous feedback and iterations.
Prototyping
I built initial prototypes using our wireframes so we could accomplish quick iterative testing among our peers. It would have been nice to test our assumptions with actual users, but given the timeline and budget constraints we were unable to make that happen.
Mobile manager app wireframe prototype
Visual Design
As wireframing was approved, I teamed up with our production and visual designers to bring type, style, and color to our products. In tandem, I led the team in organizing and building a new design system for the Force mobile apps.
Animation
To educate our users, as well as add some fun animation to our product, I designed a short introduction for our value propositions that would appear when initially opening the app.
Intro animation for value propositions
Developer Handoff
As screens were finalized, we would systematically upload our designs to Zeplin, where I’d make sure that all text styles, color styles, and components were accounted for in Zeplin's global styleguide. From then on, it would be a continuous iterative process based on the feedback from our developers, platform engineers, or QA team depending on technical constraints, discrepancies, or solving for edge cases.
Growth & Challenges
This was a great project to help create from conception to launch, and because of our small team I was able to flex my skills during each stage of development. However, getting to an MVP wasn’t easy and there were several challenges we had to overcome, such as dealing with ambiguity while building a new product, communicating with developers overseas, and working with a limited team and resources. Overall, I'm very excited to have launched my first product and it's amazing to see the results of all our hard work.
Looking back
Due to our constraints, we didn't have the ability to run user testing throughout our process, even though we had a small group of beta users. However, I believe our team still did a great job at keeping our users in mind while iterating on our designs. Hopefully in the future, the team can utilize both user feedback and data to help lead the way for future versions.
ux designers
Ruchika Kotian
Gaurav Anand
Production designer
Chloe Teng
visual designer
Loi Quach
Get in Touch