Onfido: The story of a Platform Tour
Case Study
THE CHALLENGE
Transform Onfido's platform into an
‍engaging self-paced experience
This fully responsive web asset provides a holistic yet focused tour of Onfido’s key suite of products all in one place—weaving together an immersive interactive demo, 11 videos, and 18  informational pages.
The interactive demo guides users through Onfido Studio. Panel overlays guide users through the narrative, invite them to engage with clicks and drag-and-drop interactivity, and promote business benefits.
The various informational pages needed to act like an ebook but walk like an infographic—thorough in explanation, but short enough to remain engaging.
Each of the 11 videos were created custom for the experience, making the overall Platform Tour deliverable a true full-team effort between business strategists, writers, designers, developers and animators.
Setup
The benefits of the Onfido Real Identity Platform can be game-changing—but distilling their solution into approachable, consumable language for prospects was a challenge.

Onfido had plenty of resources describing each of their Platform’s four technology pillars, but needed a single, simplified experience to bring it all together.
‍
Solution
A bespoke web asset (plus all creative content therein!) to quickly and visually explain the four pillars of Onfido’s solution—motivating users to dig deeper, while maintaining engagement with snackable media and information.
‍
Why it worked
A highly collaborative effort across a wide array of client and agency teams ensured diverse inputs and expertise were poured into the core elements of the Platform Tour:

‍Interactive Platform Graphic: Quickly visualizes the Onfido Real Identity Platform from the start, allowing users to explore at their own pace.

‍Interactive Demo: Brings Onfido Studio to life and allows users to see it in action.

11 Videos: Snackable snippets that quickly tell engaging feature/benefit stories.

‍18 Informative Pages: We call it "thorough brevity"—effectively balancing enough explanation while keeping content short enough to maintain attention.
‍
Launch project
Process
PROCESS
The creative process starts with the big picture: What are we creating? What’s the goal? From there, each project phase refines the concept and builds on what came before.

Extensive planning expands to written content, creating a foundation for the iterations of visual design that follow—and are ultimately brought to life by the development team before final delivery to the event coordinators.

Constant collaboration is key. At every stage, we included Accenture and Oracle teams in brainstorming workshops and reviews to reflect diverse perspectives.

Use the timeline to explore each phase below.
●
Plan
●
‍Design & Dev
●
‍Deploy
Planning is the foundation for success in any project.

We first needed to fully understand Onfido’s solutions and the existing education materials available to their customers. We scoured Onfido’s website, watched existing videos, read ebooks, infographics, and whitepapers, and most importantly, discussed it all with Onfido experts.

We soon realized that to fully capture the breadth of Onfido’s unique offerings, we needed to create a multi-asset deliverable—an interactive web experience combining an interactive product tour, video library, and informational microsite.The “Platform Tour” concept was born.
Design is an evolutionary process, applying a "visual skin" to written content through a collaborative, iterative approach. Balancing visual beauty, the best user experience, diverse perspectives, and brand integrity is key.

Through discussion and creative exploration, the visual approach evolved, becoming cleaner and more focused. Balancing creativity and simplicity, the final design emerged after rounds of feedback from key stakeholders.

In the realm of development, where designs come to life, this project involved two concurrent processes. The development phase included coding all web pages and interactive assets in HTML, while the animation phase crafted final videos using Adobe After Effects.

Throughout both Development and Animation, constant communication between the Onfido development and brand/design teams ensured alignment with the Platform and video visions, respectively.
Deployment involves much more than just delivering final files and calling it done.

With continuous file deliveries, communications, testing, and revisions, we collaborated closely with client web teams at every stage until the flawless final delivery. In transitioning to "final go-live" for this extensive project:

‍Video Delivery: All video files were handed over to Onfido teams for hosting on their YouTube channel.

‍Web Pack Delivery: CPR developers seamlessly integrated the newly created Onfido YouTube links into the Platform Tour's code and delivered the entire web experience's file pack to client development teams.

‍Testing: CPR and client development teams collaborated on performance testing in the staging environment, addressing issues through an iterative process that incorporated final changes and resolved any remaining bugs.

‍Final Go-Live: With thorough testing in the staging environment completed, the transition to the final live environment took place, with continued CPR support for any issues that arose.
One of the best interactive groups I've worked with, great customer service and great product.
Always very responsive and willing to go the extra mile to make sure everything is beyond copasetic.
Dylan hollis // Senior Web Production Manager
Assent Logo
Ready to create awesome together?
Let's talk
Ready to turbocharge your marketing?
Let's talk
Interactive Demos

Dynamic product walk-through that lets you show, not tell. Users interact with a realistic cloned version of your software, beautifully designed with clear overlays and instructions for a seamless true to product experience.

Videos

Explainers, Awareness, Impact, Promo and Demo videos ranging from 100% animation and conceptual, to live video shoots with overlay motion graphics, to stock footage edits with custom graphics and onscreen text.

eBooks

Interactive web asset that brings eBooks to life, allowing customers a deep dive into long-form content, written in the latest HTML/CSS/Javascript. Responsive and fully functional across all standard operating systems and devices – from desktops to laptops, tablets to mobile phones.

Infographics

Static or interactive/animated web layout great for quickly communicating value propositions, processes, and differentiators, in an easily-digested, visually engaging graphic format.

Maturity & ROI Tools

These essential tools provide personalized evaluation and ROI calculations, providing users with data needed to make purchase decisions.

Custom Interactive Experiences

We offer flexible, custom interactive experiences tailored to your specific needs and goals. Bringing your vision to life by creating an engaging experience that represents your product and brand.

Let's talk

info@ineedcpr.com
Join our newsletter
Privacy Policy