User Interface User Experience Internet of Things
.
Problem
Lack of fuel consumption awareness in the vehicle app industry.
Carbon footprint increasing.
.
Solution
This app design is a UI/UX mockup utilizing the 'Internet of Things' technology, by showcasing fuel consumption data to the user.
It is an exploration into the future of connected cars.
Main tools used:
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/c1753d8b-86b7-48e0-814e-216efe600602_rw_1920.png?h=68ac696314a470be98f07f011040a6d1)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/58e28ba1-4436-496a-8653-dedf7973ca8d_rw_1920.png?h=53ccd398a1229729bbf1a6145b24ee8c)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/c264d52c-936f-4a1c-a9a2-1bb2786a5559_rw_1920.png?h=c8e40ed3ee61aef7b666980e21a7af8b)
Solution.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/b6d5014f-b41e-4b70-a1ea-cf798ea2bab5_rw_1920.jpg?h=209b9d8636ac10f727935d7c8c3f49a5)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/709a3c49-293b-42f5-970d-34b211fc1979_rw_3840.jpg?h=6cb4ecc1ad66e7d8e7fb58570a9e1e72)
Development.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/e6c6a476-0897-4ae1-8ab5-a52508401f36_rw_3840.jpg?h=b7d015dccbdafe16317cb006000ba2cf)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/b6164515-22a5-41a6-936c-cb7e669402c3_rw_3840.jpg?h=c9b030747064a7d920969dfab3b3ce56)
Logo.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/e617838f-07bd-4619-859c-55b42ebb1ac6_rw_3840.jpg?h=b7bb26bf49bb53eefb00b63c6e40ad1c)
Colour Philosophy.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/4605d68f-33b4-4947-a2e6-ac32e1d9f1c9_rw_3840.jpg?h=a45eddea27f6ca64182eaded8286c248)
Type.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/dfdee333-0128-40e8-9ca6-055db206af4b_rw_3840.jpg?h=2968f613e2ce6e13b30eb2f97e25fc2a)
Initial Wireframe.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/1f7dc4df-a22a-4b27-852f-cb38df584428_rw_3840.jpg?h=63bdc90d2c3ca33628ea6fba09ffe221)
Simple Storyboard.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/cf830cb3-ac53-493d-94ed-25595375caad_rw_1920.jpg?h=b0ba106ef28f6a53e9bcbc9ade4382ad)