Volvo On Demand

Client

Volvo

Role

Developer and UI design

Type

Code and UI

Volvo’s car sharing service On Demand, previously known simply as M required a website to explain their services and how it operated.

Volvo M

The first iteriation of the carsharing service was Sunfleet but became simply Volvo M around 2018 when it launched. I worked on the front end code for this version, I enjoy working with the UI directly in code. A real challenge with this project was the negative margins on some of the layout but nothing little flexbox can't take care of. This old version used to run on a Ruby-on-rails boilerplate version called Middleman.

Relaunch

Worked with Volvo to help create the design and implement in code. The design team was built up by several team members and my role as the coder was to make the design was achievable be able to be built. The team had a design system in place so no changes where made for that but rather for custom code to be made since the page had animations, transitions an sound effects based on the users position on the page. I used primarily tailwindcss to build up the layout since the project was built in React. Even though it created incredibly long class names it had the benefit of explaining the entire design directly in the markup.

fig.1

fig.2