UI/UX Design
Smanapp
Client:
Smanapp
Agency:
Fightbean
Photos:
Deathtostock
My Role:
Mobile App & Website Design | Design System
![a person holding a cell phone in their hand](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e89f795e852a1e251f02c_paolobaronio_homepage8.webp)
Overview
Smanapp is the first app that encourages a responsible and sustainable driving style, reducing CO2 emissions and road accidents.
I worked with the Fightbean team and closely with Smanapp's team, adopting the users' point of view and co-designed a new experience consistent with their needs. My role was to design the application's interface with its related design system, actively assisting in the user experience phases.
I worked with the Fightbean team and closely with Smanapp's team, adopting the users' point of view and co-designed a new experience consistent with their needs. My role was to design the application's interface with its related design system, actively assisting in the user experience phases.
![a woman in a white dress getting out of a car](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0afdb9ff6b09e2d118_paolobaronio_case_smanapp9.webp)
![](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/6547c5b668fb6e73e338a143_smanapp-pausa.webp)
![a woman sitting in a car with her hand on the door handle](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0aa20cd20e8f3f68cd_paolobaronio_case_smanapp8.webp)
![a sign that reads country roads, safety home](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0a9a36d41117659f74_paolobaronio_case_smanapp4.webp)
![a cell phone sitting on top of a table](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0ae2dc69e7ac8f511d_paolobaronio_case_smanapp3.webp)
![a bunch of different types of business cards](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0aa43278e1ab5ede80_paolobaronio_case_smanapp2.webp)
![a person on a bike using a cell phone](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0af4c62f62e370d83d_paolobaronio_case_smanapp1.webp)
![a cell phone with a map on the screen](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0aa20cd20e8f3f68d1_paolobaronio_case_smanapp7.webp)
![a woman in a white dress smiling in a car](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0a8eca97221b970dbb_paolobaronio_case_smanapp14.webp)
Design System
We have developed a comprehensive Figma design library that is organized into two main sections: foundation elements and app components.
![a pair of brochures with different font and colors](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0a3d2acc91d9fc74ea_paolobaronio_case_smanapp13.webp)
![a bunch of different screens with different things on them](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0a845da690a18f4e58_paolobaronio_case_smanapp12.webp)
![two men walking down a sidewalk next to a bike](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0a95e852a1e252049d_paolobaronio_case_smanapp6.webp)
Partners & Website
We have developed a comprehensive Figma design library that is organized into two main sections: foundation elements and app components.
![a screenshot of a web page with a number of items on it](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0a95e852a1e25204f6_paolobaronio_case_smanapp11.webp)
![an open laptop computer sitting on top of a cement floor](https://cdn.prod.website-files.com/653e7a71c0bf57757ae3a2ce/653e8a0ac0189b84bfd97d9a_paolobaronio_case_smanapp5.webp)