Abdelilah Nossair

Independent engineering across AI, data, web platforms and business systems.

CLOSE

PeerFit Website

Marketing website & smart app-download funnel for a fitness social app

  • Project overview

Status

Live · deployed on Vercel

Location

Morocco · iOS & Android

Role

Marketing site, conversion funnel & serverless backend

Platform

HTML, SCSS, JavaScript · Vercel

This is the public acquisition layer for PeerFit, separate from the native mobile product. The one-page site tells the app story, presents its social-fitness features, showcases in-app screens and routes each visitor to the correct app store through a platform-aware download CTA.

PeerFit website hero section
PeerFit website core features section
PeerFit website community features section
PeerFit website how it works section
PeerFit website app screens section
  • Challenge & approach

The challenge was to make a new social fitness app feel immediate, useful and trustworthy before a visitor ever opens an app store. The website needed to explain local events, real-time chat, reminders and reliability ratings in a concise narrative that turns interest into installs.

The experience is built around an animated one-page journey: a strong hero, feature detail, app screenshots, a simple three-step flow and repeated download prompts. Every section supports the same goal: get the right person to the right store with the fewest possible steps.

  • Platform-aware download CTA that routes iOS, Android and desktop visitors to the appropriate destination
  • Dedicated QR-code redirect page for flyers, posters and other offline acquisition campaigns
  • Responsive one-page storytelling with GSAP reveal animation, smooth page transitions and Swiper galleries
  • SEO foundation with MobileApplication JSON-LD, Open Graph, Twitter Cards, sitemap and robots directives
PeerFit website download section
  • The solution

The final build is a focused static marketing experience using HTML5, component-based SCSS and vanilla JavaScript. GSAP, ScrollTrigger, Swup and Swiper provide an energetic product narrative, while Vercel serverless functions support beta signup and general contact without adding friction to the front end.

Key capabilities
  • Smart app-download routing based on visitor platform, with matching copy and store destination
  • QR landing page designed to turn offline scans into app-store visits
  • In-app gallery, feature storytelling, animated hero and mobile-first download calls to action
  • Spam-resistant beta and contact flows: honeypot protection, server-side validation, escaping and branded Resend emails
  • Structured data and social metadata tailored to a mobile application launch
Build system
  • Reusable SCSS partials, theme variables and a custom Futura Condensed Extra Bold display system
  • Vanilla JavaScript for app-store detection, animation, transitions, carousel behavior and interaction states
  • Vercel deployment with Node.js serverless functions and Resend transactional email delivery
PeerFit website intro screen
PeerFit website footer
  • Outcome

The PeerFit website is live as a conversion-focused companion to the mobile app. It makes the value of joining a workout crew legible before installation, then carries qualified visitors into the right app-store flow, beta signup or contact path with a polished and maintainable acquisition system.

A product-marketing experience designed to turn interest in local sport into the right mobile-app install.