Presentation Webapp

Genistar’s presentation materials were created in Google Slides and shared manually across teams. While the content itself was strong, the delivery method limited visibility, consistency and user engagement. The company identified several issues:

• Presentations were static and difficult to track — leadership had no insight into how ambassadors used the material
• Videos had to be shared separately, breaking the flow of the presentation
• Slides were not optimised for mobile viewing, despite heavy mobile use amongst ambassadors
• There was no lightweight, self-serve way to gate content or track which ambassadors were viewing the material
• Without analytics, the company lacked data on slide engagement, drop-off points and usage behaviour

This created practical challenges:

• Ambassadors sometimes delivered outdated or incomplete information
• The organisation had no centralised way to measure usage or improve messaging
• Important multimedia content could not be integrated into the flow
• Presentation quality and consistency varied widely depending on the device used

Genistar needed a dynamic, professional, scalable way to deliver materials across markets while maintaining full control over design, consistency, compliance and engagement.

Once Genistar clarified the limitations of traditional presentation formats, the leadership decided to reimagine the Financial Freedom presentation as a modern, interactive web experience. The goal was to create a browser-based platform that preserved the original visual design while adding video integration, analytics and content gating.

“This was the moment we realised the presentation shouldn’t just be viewed — it should be experienced. We needed a platform, not a slide deck.”

To keep momentum high, Genistar provided a clear scope: replicate the existing design exactly, support embedded videos, track user behaviour and ensure everything worked seamlessly across desktop and mobile. What impressed the team early was how precisely Inovara translated these needs into a technical strategy that balanced performance, fidelity and scalability.

The collaboration quickly moved into structured execution. Inovara:

• Built a custom HTML/CSS/JS framework mirroring the Google Slides design
• Added smooth navigation controls, including keyboard, button and swipe support
• Embedded video content directly into relevant slides for seamless delivery
• Integrated Hotjar for heatmaps, scrollmaps, engagement analytics and session recordings
• Implemented simple G-code content gating to control access and track usage
• Ensured full responsiveness across mobile, tablet and desktop
• Performed cross-browser testing across all major browsers
• Delivered weekly updates and screen-recorded demos to maintain clear alignment

“You could tell everything would be handled with precision. Every detail — from font matching to video timing to mobile swipe gestures — was carefully thought through. The process felt fast, transparent and well-managed.”

Within days, Inovara delivered a working demo that faithfully reflected the original design but with the smoothness and interactivity of a modern web application. Testing, revisions and design polish followed quickly, leading to an on-time delivery that required minimal rework.