Skip to content
WebFramerProduct Design2025

Floede

Mobile-to-web transition design & high-converting Framer landing

Streamlinedartist onboarding — landing became primary lead gen tool

Overview

Floede is a platform for artists and creators. I joined as Digital Designer to prototype a mobile-to-web transition experience with high-fidelity animations, build a high-converting Framer landing page with HubSpot lead capture, and implement a physical-to-digital tracking system via dynamic QR codes (Hovercode) to measure engagement metrics.

Client: FloedeYear: 2025

What I did

  • Mobile-to-Web Transition Prototype
  • High-Fidelity Animations
  • Framer Landing Page
  • HubSpot Integration
  • Hovercode QR Tracking
  • CRM Lead Generation Setup

Process

01

Mobile-to-Web Prototype

Designed and prototyped the transition experience from the mobile app to the web platform. Created high-fidelity animations that visually guide users through the onboarding journey — ensuring continuity between mobile and desktop touchpoints.

Image 1
02

Framer Landing & HubSpot

Built a high-converting landing page in Framer with dark glassmorphic UI — navy-black backgrounds, purple-pink gradients, integrated HubSpot forms for automated lead generation and CRM tracking. The page became the primary lead generation tool post-launch.

Image 2
03

QR Tracking System

Implemented a data-driven tracking system using Hovercode dynamic QR codes to monitor physical-to-digital conversions — measuring how offline touchpoints (events, print materials) drove online user engagement and signups.

Image 3

Results

Primarylead gen tool post-event
HubSpotCRM automation live
QRphysical-to-digital tracking

Cookies🍪

We use Google Analytics to see how visitors interact with the site — no personal data is sold or shared. Privacy policy