Adero is a two-part system comprising smart tags and “taglets.” The former adhere to bags, carry-on’s, backpacks, gym bags, and containers, while the latter stick to items stowed inside of those packs, such as wipes, headphones, laptops, and passports. The smart tags communicate with taglets and alert users through Adero’s smartphone app via a notification when they accidentally leave something important behind. The goal was to re-position the companies 2nd generation products and digital services (specifically mobile) with an emphasis on intelligent organization.
I was the lead visual designer on the project. Our team and I worked closely with the Adero product, business strategy and marketing teams. I managed two visual designers once the brand was established. Initially I designed several concepts with the UX and ID teams to create hardware/software cohesion, interaction models, user flows and the overall visual tone. I helped define product features, created client presentations and collaborated with brand and marketing parters. I created all illustrations, visualizations and icons for the mobile app and provided oversight and support for motion and UX during the development and implementation of the Design Language System.
"Unusually chic design for a CE product, this hardware works with a similarly sophisticated and well-designed app."
Transitions & Behaviors
Motion played a key role in establishing a personality for the mobile app. We wanted it to feel subtle in motion yet obvious in behavior. Below are a few of the key transitions within the app experience like locating an item, swiping new notifications, accessing the item directory and tapping into an item detail. Presenting the motion prototypes to the client rather than static visual design screens really helped them understand how a user navigates the app.
Original App Screens
Below are a few screens from the original Trackr mobile app. Before we began the exploration phase it was understood that the client was changing the name of the company and rebranding everything.
Process & Exploration
There was a lot of complexity in the product setup regarding pairing tags and firmware updates. We decided early on to design a progressive discloser approach for the setup experience to eliminate the cognitive load on the user. We quickly started to wireframe and brainstorm internally. We spent time exploring a few selected directions, creating paper prototypes of the packaging, testing with users and stake-holders to make sure our decisions were justified.
After sketching and gathering inspiration, with no brand in place, our team began exploring various concepts. Our team consisted of myself, a senior UX designer, two industrial designers and a project manager. We landed on three directions that we felt were compelling enough to explore further. Ultimately, the chosen direction was "Insightful Clarity," and although the design morphed significantly, the final result ended up holding true to many of the core attributes from the concept.
Our final deliverables for the mobile app included documentation of the Visual Design Language System, which included visual design specifications and guidelines, motion and interaction design for both Android and iOS. We provided assets for the development partner in Zeplin. We also created a complete cloud based detail design website for Adero using the collaborative software app Confluence. It contains all working files, templates, motion specs, IA, journey maps and interaction documentation to help aid in future generations of the app.
The new Adero app is centered around organization. By creating an app that is dynamic from the onboarding to the core screen experiences of managing and finding your items, we’ve created an experience that is unique to each individual by allowing users to streamline their daily routines, thus increasing user engagement. We wanted to make interacting with the mobile app and product feel fresh and personalized. Through fluid transitions, simple visualizations, sound and visual hardware queues, we created a rich and unique experience.