A conversion surface and legal backbone built from scratch
App stores require more than a working binary to approve a submission. They need a privacy policy, terms of service, community guidelines, a safety page, an account deletion flow, and deep linking verification. The Synceria web presence handles all of that while converting visitors into downloads through a focused landing experience with a custom animation system built on zero external libraries.
Scope of Ownership
Designed a landing experience that communicates the product and drives downloads in under 30 seconds
Built every animation from scratch with zero external libraries, keeping the page fast and lightweight
Distilled the matching flow into a three-step walkthrough that makes the product immediately clear
Created the full legal and compliance foundation required for both app stores to approve submission
Wired deep linking and app verification so the web and native app connect seamlessly
Shipped complete SEO and security infrastructure from structured data to hardened headers
The Problem
Submitting to the App Store and Google Play requires more than a working app. Apple and Google both mandate a privacy policy, terms of service, and an account deletion mechanism accessible from the web. Google requires a consumer health data disclosure. Both stores need deep linking verification files served from .well-known endpoints. Without a web presence covering all of this, the app does not ship.
Landing Experience
The landing page has one job: explain the concept and drive a download in under 30 seconds. A hero section with dual phone mockups, an infinite-scrolling genre carousel showing all 10 Vibe rooms, a three-step onboarding breakdown, and a final call to action. The copy positions music taste as a more honest signal than bios or photos.
Hero with dual phone mockups, App Store and Google Play CTAs
VibeScroller carousel with all 10 genres and emoji badges
Three-step How It Works grid: Select a Vibe, Add your Artists, Discover your matches
Footer with brand tagline, legal page links, and social icons
Custom Animation System
No Framer Motion, no GSAP, no external animation libraries. Every animation on the site is built with pure CSS transitions, Intersection Observer for scroll-triggered reveals, and requestAnimationFrame for frame-synced effects. Custom React hooks handle staggered reveals, floating music note particles, parallax via scroll position tracking, and an aurora background effect using radial gradient orbs with mix-blend-mode.
useScrollReveal and useScrollContext hooks for scroll-driven animations
Staggered reveal sequences triggered on section entry
Floating music note particles via CSS and requestAnimationFrame
Aurora background with radial gradients and mix-blend-mode: screen
All animations respect prefers-reduced-motion
Legal & Compliance Infrastructure
Five dedicated legal pages cover everything the app stores require: Privacy Policy, Terms of Service, Community Guidelines, Safety, and Consumer Health Data Privacy. A web-based account deletion request form provides the fallback mechanism Apple and Google mandate. Deep linking verification files at .well-known/apple-app-site-association and .well-known/assetlinks.json enable Universal Links and App Links.
Privacy Policy, Terms of Service, and Community Guidelines
Safety page and Consumer Health Data Privacy disclosure
Account deletion request form as a web fallback
Apple Universal Links and Google App Links verification endpoints
Auth callback route for deep link flows
SEO & Security
The site ships with full SEO infrastructure: meta tags, Open Graph, Twitter cards, sitemap.xml, robots.txt with API and auth routes disallowed, and JSON-LD structured data for SoftwareApplication, Organization, and WebSite schemas. Security headers include HSTS with a one-year max-age, Content Security Policy, X-Frame-Options, strict Referrer-Policy, and a Permissions-Policy disabling camera, microphone, and geolocation. Core Web Vitals are tracked via Vercel Analytics.
Outcomes
Shipped a complete web presence that satisfied all App Store and Google Play compliance requirements
Built a custom scroll animation system with zero external dependencies using CSS transitions and Intersection Observer
Deployed five legal pages, an account deletion flow, and deep linking verification endpoints
Implemented full SEO infrastructure with JSON-LD structured data and security-hardened response headers