01 / Brief
Make the invisible
feel understandable.
FansWiFi is a WiFi marketing platform. This project translates a technical offer into an expressive marketing website using Webflow and motion, helping the experience feel approachable without stripping away its substance.
Why it matters
It demonstrates commercial storytelling outside a product catalogue: sequencing information, establishing a visual rhythm and building a site that a team can continue to manage.
My scope
Webflow website development and motion using GSAP and Webflow-native animation. My work is the marketing experience; the underlying WiFi, analytics and CRM platform is not claimed as my implementation.
02 / Decisions
The choices behind
the experience.
- 01
Start with the product story.
Motion should clarify relationships and guide attention through the offer—not compete with the copy people came to read.
- 02
Combine authored motion with a maintainable platform.
GSAP and Webflow-native animation provide different levels of control. The aim is a designed experience rather than an isolated animation demo.
- 03
Keep the reading path intact.
Typography, section order and calls to action carry the explanation even when motion is reduced or a visitor moves quickly.
03 / Craft
From a platform to a readable product story
A WiFi marketing platform can be described as a long list of capabilities. The website has to turn that list into a path a prospective customer can actually follow.
- 01
Understand the offer
Explain how WiFi access connects to engagement and customer insight.
- 02
Find a relevant use case
Organise solutions and industries so different visitors can find their own context.
- 03
Take the next step
Carry that understanding into the contact and product-exploration paths.
Information architecture is part of the build.
The current public site separates capabilities such as captive portals, analytics, loyalty, white-labeling and integrations from industry-specific entry points. Those are different reading needs, and the navigation gives each a place rather than making one landing page explain everything at once.
Two motion systems, one visual rhythm.
The original project is documented with both GSAP and Webflow-native animation. That pairing allows authored interaction where more control is useful, while keeping ordinary page behaviour within the site’s maintainable platform.
A commercial website, not a graphics demo.
The work brings responsive page construction, a multi-page product story and animation together. Motion supports attention; it is not the only way to understand the offer or reach a contact action.
The archive and today’s site are different evidence.
The portfolio capture records the work as presented at the time. The current website provides product context, but later pages and updates are not automatically attributed to the original engagement.
The toolkit
- Webflow
- Visual development and a maintainable page structure for a commercial marketing site.
- GSAP & native animation
- An authored rhythm of entrances and transitions, used in service of the product narrative.
04 / Evidence
See the actual work.
The archived portfolio image below records the selected project presentation. The linked public site may have changed since that capture.
A developed Webflow marketing experience combining product storytelling and authored motion. Platform customer counts and business growth are not presented as results of this website engagement.