Mellow Boards GmbH
Extending the experience of The Endless Ride
My tasks
mobile app UI/UX design
product R&D
brand ambassador Denmark
video production
multimedia design
Mellow Boards iPhone and Apple Watch screens view
Overview
While working for Mellow Boards I not only enjoyed using their product but also many opportunities to adjust it. Mellow Drive is a battery-powered, skateboard truck, which can electrify (almost) any ordinary skateboard. During my internship, I was able to work on improving the product, which could be achieved both through hardware and software updates. I had an opportunity to propose, prototype, and design supplementary mobile app functionality. The following case study presents my process of improving existing mobile apps and creating new ones for smartwatches.

Problem formulation
Mellow drive’s app was great. It could connect to users' smartphone and display data from its sensors, in a beautiful UI. Unfortunately, it lacked “at a glance” functionality, for both phone and smartwatch (not existing at all). This type of feature was a good idea, but more importantly, it has been frequently requested by the Mellow Drive community. They (users) needed a fast, reliable way of checking battery state of charge or current speed, in a split second. It was necessary for those who were reviewing the following information while skateboarding. In summary, what I decided to design was:

• Apple Watch app
• Android Wear app
• IOS persistent notifications
• IOS hold actions
• IOS widget
• Android persistent notification
• Android hold actions
• Android settings tile

Sketches
I have started by creating the IOS (Apple Watch) and Android Wear, standalone apps. Their core functionality was to view and switch the current riding mode, and view current speed. The following preview video shows how the app would function in the real world scenario.
sketches of the apple watch components
sketches of the apple ios components

Watch app
I have started by creating the IOS (Apple Watch) and Android Wear, standalone apps. Their core functionality was to view and switch the current riding mode, and view current speed. The following preview video shows how the app would function in the real world scenario.
For both of the operating systems, I focused on using their native UI elements. It made the apps integrate seamlessly with other applications, while also making the new apps familiar to the user's eye.
eSkate Lights website menu eSkate Lights website add to cart eSkate Lights website other products eSkate Lights website footer eSkate Lights website footer eSkate Lights website footer
For the Apple Watch, I have designed 5 versions of the watch faces. All of them gave a vital overview of the current model, state of charge, all at a glance.
eSkate Lights website menu eSkate Lights website add to cart eSkate Lights website other products eSkate Lights website footer
When it comes to the android version, I created speedometer and drive mode watch faces. Aside from those, I designed data slots. They are native, Android Wear functionality, that allows displaying app data on any watch face. I created two cases (shown above) for “Mellow state of charge” and “Mellow Range”.

Mobile app
Since the mobile app has already been designed and well thought out, I was tasked with extending its functionality. That is why I prototyped "hold action menu", "persistent notifications", widgets for IOS, and Android "tile button".
eSkate Lights website preview on a 3d macbook mockup
eSkate Lights website menu eSkate Lights website add to cart eSkate Lights website other products
The most interesting part to design for IOS was the widget. It showed primary details about the state of charge and estimated range left. Unfortunately, I had to skip the design of the current speed. Frequent speedometer refresh would have resulted in a significant decrease in the users' phone battery life.
eSkate Lights website preview on a 3d macbook mockup
eSkate Lights website menu eSkate Lights website add to cart eSkate Lights website other products eSkate Lights website footer
Additionally, I found Android "persistent notifications" a lot more practical to design. In my opinion, their text hierarchy has been much more distinguishable (than IOS) and swiftly filtered information's value.

Testing
eSkate Lights website preview on a 3d macbook mockup
eSkate Lights website menu eSkate Lights website add to cart eSkate Lights website other products eSkate Lights website menu eSkate Lights website add to cart eSkate Lights website other products
Given the fact that I was also working as a Mellow Boards Ambassador, I had the opportunity, to receive and analyze the user feedback, first hand. Users have been ranging from those who just discovered electric skateboarding, to experienced Mellow Drive riders. Surprisingly, their feedback overlapped and pointed towards the enhanced "glanceable" experience I had been working on. After presenting my prototype to them, users were encouraged towards its advantages and agreed that it was a necessary update.
Summary
In the end, judging by the user feedback, I believe that the suggested app improvements made the electric skateboarding experience a lot more user friendly. Riders could easily see the current speed or switch the riding mode. It has made their commutes safer and controlled.