Offline One-Pager

Key Contributions

• Built a single-page with a video grid

• Developed and adapted the project using Webflow

• Ensured full offline compatibility

Case study

This was a small but focused project for a pharmaceutical client requiring a standalone one-pager that would be deployed offline on a local machine at an on-site event. The page featured a 2x2 grid of video thumbnails, each opening a modal to play the respective video in fullscreen.

I used this project as an opportunity to explore Webflow, though I quickly ran into limitations - particularly around fine-grained control over modals and asset behavior - which led to hand-writing portions of the JavaScript and CSS for better interactivity.

A key requirement was full offline functionality, which introduced a unique constraint in how scripts and assets were handled. In the first iteration, I accidentally left in a script that attempted to load an external asset, resulting in a JS error and blocking the page entirely. This caused delays during setup and served as a memorable lesson.

From that, I’ve since adopted a personal rule to explicitly verify environment-based acceptance criteria, especially around network dependencies, even in small or “easy” projects.

While modest in scope, the project reinforced how even simple builds demand rigor - and that environmental constraints like offline usage can completely redefine what “done” really means.