{"id":12135,"date":"2022-02-20T16:34:39","date_gmt":"2022-02-20T16:34:39","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=12135"},"modified":"2026-05-13T14:58:29","modified_gmt":"2026-05-13T14:58:29","slug":"mobile-app-design-safe-driving","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/mobile-app-design-safe-driving\/","title":{"rendered":"Case Study: Otozen. Mobile App Design for Safe Driving"},"content":{"rendered":"

There’s a cognitive bias researchers call “illusory superiority,” and nowhere does it show up more reliably than behind a steering wheel. Ask a thousand drivers to rate themselves, and the majority will land somewhere above average. Statistically impossible, and practically catastrophic. Mobile UX design<\/a> for safety-critical applications lives and dies in this gap between perceived competence and actual behavior\u2014and Otozen was built to bridge it without making the user feel lectured.<\/span><\/p>\n

\"My<\/p>\n

The Product: Safe Driving UX at the Hardware-Software Intersection<\/b><\/h2>\n

OtoZen is a mobile app UI\/UX design project with a hardware backbone. A small device pairs with iOS or Android via Bluetooth\u2014no wiring, no professional installation, no friction at the entry point. Once connected, it turns any car into a distraction-free driving environment. The system handles texting prevention, speed alerts, hands-free calendar management, mileage tracking, and a buddies network that lets you track family and friends without pulling anyone’s attention off the road.<\/span><\/p>\n

The Tubik team\u2014Anastasia Gurinenko, Marina Solomennikova, Kate Baikova, Ernest Asanov, and Arthur Avakyan\u2014came in to audit, rethink, and rebuild the mobile application’s UI\/UX, and extend the visual language into custom graphics and a marketing website. The client brought a prototype. The team brought questions, and a lot of them.<\/span><\/p>\n

App Design: Starting with the Audit, Not the Aesthetics<\/b><\/h2>\n

Before a single screen was redesigned, the team ran a UX audit on the existing prototype. This phase is where real mobile app design work happens and where most agencies cut corners. Complex flows, ambiguous states, data that updates in real time, personal information that carries privacy UX design risk\u2014these are structural problems. The audit produced graphs, decision trees, charts, and communication trails with the client. None of it looks impressive in a portfolio. All of it determines whether the final product works.<\/span><\/p>\n

The core functionality breaks into three territories: distraction-free driving (texting prevention, speed alerts, emergency autodial), time organization (calendar integration, mileage tracking, expense reports), and social connectivity (live location sharing, ETA notifications, privacy controls). Three distinct mental models. One interface. Getting that information architecture design right before touching color swatches is what separates intuitive app design from a feature dump.<\/span><\/p>\n

\"otozen<\/p>\n

Information Architecture: Organizing Complexity Without Hiding It<\/b><\/h2>\n

The tab bar navigation<\/a> design carries five sections: Alerts, My Trips, Buddies, Profile, and Notifications. That’s a wide surface area. The decision to pair line icons with text labels is a mobile navigation design choice that reduces cognitive load on people who are, by definition, using this app while moving through the world. Icons alone demand interpretation. Text alone is slow. The combination makes each tab scannable in under a second, which is about as much time as a driver stopped at a light is willing to spend.<\/span><\/p>\n

The My Trips feed gives users immediate entry into their driving data and lets them tune what they see. Driving data visualization here does something specific: the map screen uses color coding to mark incidents\u2014speeding, phone usage\u2014at the exact points they occurred on a route. This is data journalism applied to personal behavior. Showing someone where they picked up their phone on the highway is a different kind of feedback than telling them their score dropped. Location makes it real.<\/span><\/p>\n

\"My<\/p>\n

\"My<\/p>\n