Mobii is an iOS and Android app that enhances user interactions with their surroundings, fostering deeper connections with brands and advertisers through a new engagement level. It activates content across television, radio, streaming services, and geo-spatial locations, delivering deals, coupons, and entertainment. The app enriches interactions between consumers and providers, benefiting both with joy and financial rewards. During my time at ACTV8me, Mobii was an important product which was used in collaboration with partners like AMC, GSTV, and Univision among others.
UX/UI, Visual Design, and Web Development
Abstract - Bootstrap - ZURB Foundation - GitHub - HTML/CSS - Illustrator - InVision - Jira - React - Sketch - Photoshop
A competitive analysis the team had provided an overview of the features available through the Mobii app in the market. Although there was some overlap with competitors, Mobii had clear advantages in certain areas. Understanding our position helped the team prioritize efforts and focus my tasks effectively.
User flows served as high-level guides throughout my design process. They helped me create requirements and break them down into actionable tasks.
ACTV8me moved quickly, causing style drift in the Mobii app due to constant updates. To address this, I created a basic style guide consolidating many fragmented ones and shared it with the teams to establish a common visual language. This became essential as we began designing white-labeled solutions, ensuring consistency in initial styles. Even a simple deviation of styles elements could quickly multiply across applications, leading to significant design debt which I was determined to reduce.
This video aimed to simplify Mobii's concept through demonstration. When the app listens and the video plays, it triggers content to be sent to the user, filtered based on targeting from a dashboard I redesigned. Combined with business outreach, it effectively showcased the technology's potential for users.
During onboarding, I ensured users were informed about key Mobii features when I was tasked with redesigning the application. Major features included Auto Mode, Daily Scratchers, and the Digital Wallet.
To set the tone for the new design of Mobii and establish new expectations for collaboration between teams, we created a new loading animation. Simple in concept, it represents the positive relationship between users, businesses, and content, as well as the teams that facilitate this relationship.
This feature gives users free digital scratchers daily, offering a chance to win prizes, offers, and special content tailored to their interests. It refreshes every day and provides additional scratchers through activities like social sharing. As users engage with the app, this feature helps fine-tune content, enhancing relevance and interaction quality. I redesigned it to feel like cards, reminiscent of an actual scratcher.
The team used focus groups to gather insights into user needs, refine features, and improve the overall user experience of the platform. The recordings of these sessions provided valuable user feedback for me when I was tasked with redesigning the Mobii application and associated websites.
Promotion cards were a key format for delivering content to users. If users chose to keep an offer after the initial delivery, it was stored in their digital wallet for redemption. Options for redemption varied based on settings specified by content creators, including online, in-store, or both. I redesigned to reflect more modern design trends at the time than the previous version.
The creative team produced a show featuring activities and interactive segments with Mobii, giving users scheduled interaction periods with the app alongside hosts Jen and Lauren. This format allowed us to deliver offers that benefited both partners and users. During the show, triggers activated at specific points to send content to the app for user interaction. To enhance engagement, I moderated a live chat during the show, which I found enjoyable and gathered valuable user feedback for later redesigning the Mobii application.
These cards greeted users on the main view, offering an immediate way to interact with content and showcase key elements like current partnerships. Graphics, content, and actions were easily managed through a dashboard I redesigned (and then designed as a white label solution for partners), enabling us to present information quickly and effectively.
This interface allowed for rapid content creation and editing, with changes reflected in the application almost instantly. This flexibility enabled direct editing of all content types, benefiting our agile team managing multiple operations. I also collected valuable feedback about issues and interface workarounds from the content team during the design process.
To enable quick app content turnaround, I designed and developed many micro-sites optimized for mobile viewing. Wrapped within the application, these sites provided a native-like experience while retaining the flexibility of the web, allowing me to introduce new app content rapidly.
To ensure continuous market saturation for Mobii, our team formed significant partnerships. The diversity of these partnerships and their unique branding needs prompted me to develop a method for theming content with key branding elements.
As Mobii evolved to include various environmental interactions, reporting issues and QA became more complex. To streamline this, I collaborated with development teams to create a simple yet effective tool for surfacing essential quality assurance information. This tool was invaluable for implementing new features and ensuring design-to-development fidelity.
A key aspect of Mobii was the software development kit (SDK), which we packaged for partner integration into their applications. I collaborated with product and developer teams to create a documentation website, establish an SDK request process, and design files for a customizable white-label app and dashboard template for the development team.
Initially, my role was focused on styling and updating the documentation site in Angular and converting provided Android and iOS developer code with Doxygen. However, as the product's content needs evolved, team changes, and a requirement for more versatile editing capabilities, I designed and developed a web solution that allowed for relatively easy updates by the content and overseas team.
Working on this product across various levels and teams greatly expanded my strategic design and product thinking. I became attuned to the overall system, allowing team capabilities and business priorities to guide my design decisions. I considered how each design aspect impacted engineering, content, and business, optimizing for the best outcomes with the resources I had available. Helping others during this product redesign also stoked my passion for teaching about design.