Service Pro
A new iOS and Android app for installers to setup screen-less charging stations across EU and NA, helping ChargePoint win a deal with Toyota.
ChargePoint makes different commercial, home and fast EV charging stations. Installers need to set them up using station UI on the field, after they have assembled them, so they dispense right charge safely and make sure they are plotted correctly on the map for EV drivers to easily find them.
the challenge
Design setup experience for screen-less charging stations, Chargepoint’s new line of low cost commercial products. Installers today setup stations using a Station UI today.
research
MApping Existing Process
Key issues
Broken workflow
Critical information being captured in physical documents doesn’t get passed along downstream. Installer has to hop between multiple tools that don’t talk to one another and manually enter information for every install again. Support has no visibility to these important details causing maintenance issues extending resolution times and frustrating both Customers and EV drivers
Poor connectivity
Installers often work in areas with weak or no signal. Tools available to them today on the field rely on internet connectivity, resulting in 8 of 10 stations not being setup. Support has 20k cases currently to make such stations available for EV drivers.
mapping Future state
Bringing stakeholders together to storyboard the future state, get alignment and agreement on path forward.
Design iterations
Stay tuned!
Curve Ball
Toyota deal at stake! Concerns of EV drivers setting up Home stations incorrectly, putting themselves, the car and the grid in danger, was a deal breaker. We had to pivot to allow installers set up Home Flex Chargers in Service Pro and release it first to save partnership with Toyota.
Sidebar
Bedford features sidebars that appears in several situations:
Folder Navigation, on the left of any Page inside a Folder
Category Navigation, on on the left any Product List with categories
Blog Sidebar, on the right side of Blog pages
You can choose to show the title of the Folder or Product collection. If you don’t want to show the sidebars, you can choose to hide them entirely with a Style Editor option.
Index
Bedford’s Index allows you to stack multiple Pages on top of each other. Each Index Page will feature all the banner options available to other Pages in the site, including the Page Banner, Page Banner Slideshow, and Simple Image Banner options.
The Index also features a Fixed Navigation, which will appear after you scroll past the first Page in the Index. This navigation is only available while browsing an Index in Bedford.
Style Editor Options
Site Header
Header Background Color – Change the background color of the header bar at the top of the page.
Site Title Font + Color – If no logo image is uploaded, set the typeface, font properties, and color of the Site Title.
Transparent Header – If a banner image of any sort is uploaded on a particular page, the header background will become transparent. Pages without banner images will keep the Header Background Color, as will folder dropdowns.
Logo Container Width – Set the width of the logo container, effectively changing the size of the logo. If the logo container is smaller than the size of the uploaded logo image, the logo image will shrink, but if the logo container is larger, the logo will not become larger than the uploaded image. The nav will take up the rest of the space to the right of the logo container.
Site Title Container Width – Set the width of the site title container. This effectively allows control over the wrapping of the site title.