Problem
As an early to growth stage startup, Verkada focused on building desktop experiences for the Command platform. As the company matured, the focus expanded to responsive web and mobile experiences. For Air Quality product line, there was only a 'Home' page and a 'Device details' page on the Native apps and web mobile.
Goals
1. Feature parity on desktop and mobile
2. Fastest and most optimized way to build on native and web
3. Improvements to the Home page
Solution
Implementation using Native + web fusion
Native + web fusion is a unique development approach where a native mobile app incorporates a "web view" component, essentially embedding a web browser within the app, allowing it to display web content seamlessly alongside native app features, effectively "fusing" the web experience with the native app functionality.
Home Page Improvements
👎 The context camera thumbnail is too small to facilitate device recognition.
👎 Native app UI does not show Zones, which customers need to see.
👎 Too functional for a product landing page, can we try something different
👎 Native app UI does not show Zones, which customers need to see.
👎 Too functional for a product landing page, can we try something different
Figma Concept Prototype ————> FE Web Prototype
I worked closely with our Front-end Engineer to try an idea that involved an overlapping parallax effect on scroll for text. We wanted to test if a smooth scroll behavior could be achieved on web.
Visual Design Explorations for 'Home'
Design + Development Sprints
Final Designs
Home (+ Details Pages) |Â Event Analytics | Calibration | Dashboard
