← Oferty

Rebuild one-page product landing site (static HTML): video hero, Tally form, PostHog wiring

Budżet: $750.0 FIXED / ⭐ 0.00 (0) United States

responsive-design, landing-pages, html, javascript, css, web-analytics, conversion-rate-optimization

TaleTiles is a screen light storytelling kit for kids ages 3 to 10. Children build a board of wooden tiles, a parent scans it with our iPhone app, and the app plays a custom audio story. We are recruiting beta tester families and need our landing page at taletiles.com rebuilt to convert cold visitors (mostly Pinterest mobile traffic) into beta signups. This is a small, tightly scoped, fixed price project for one person who can both design and build. You will work from a locked visual identity (colors, fonts, and imagery are already produced) so the job is layout, persuasion flow, clean build, and analytics wiring, not brand exploration. What you will build (one page plus an existing thank you page): A hero section that leads with a short demo video so visitors immediately understand an unusual product. We supply a silent autoplay loop for the hero plus a 25 second demo video with sound. You decide the best pattern (autoplay loop with tap for sound, or loop plus modal player) and make it fast on mobile. A simple signup capture: our existing Tally form (first name and email only) embedded on the page. Do not replace it with a custom form. Analytics wiring that actually works: when a visitor submits the Tally form, a "signup completed" event must fire to our PostHog project from the page. Tally embeds emit a Tally.FormSubmitted postMessage to the parent page; you listen for it and call posthog.capture. We currently get pageviews but zero form submission events, and fixing this is a hard acceptance requirement. A clear "iPhone required for the beta" callout placed where it prevents unqualified signups without scaring off Android parents (we still collect them as a waitlist). Strong mobile layout. Most traffic arrives on phones from Pinterest. Mobile is the primary design target, desktop is the adaptation. Tech constraints: Static HTML, CSS, and vanilla JS in a single page. No WordPress, Webflow, Framer, React, or site builders. We deploy static files with a _redirects file and that must not change. Preserve existing footer links to /privacy-policy, /terms, and /coppa, the existing thank you page (it carries our Pinterest pixel), and the existing PostHog snippet. Page performance matters: optimized images (webp), lazy loading below the fold, mobile LCP under 2.5 seconds on a mid range phone. What we provide: full image set sized for each section, hero loop video, demo video, wordmark, exact color tokens and fonts (Fraunces display, DM Sans body), copy direction and approved headlines, current site files, and PostHog project details. Milestones (fixed price): M1 (30%): Mobile first design mockup of the full page (Figma or similar), two hero concepts. M2 (50%): Built page, responsive, all sections, video and form integrated, matching the mockup. M3 (20%): Analytics verified (we watch the "signup completed" event arrive in PostHog from live test submissions on iPhone Safari and Android Chrome), performance pass, handoff of clean files. To apply, answer these four questions (applications that skip them are declined): Links to two live one page marketing sites you both designed and built yourself. Tell us which parts were yours. Have you ever tracked an embedded iframe form (Tally, Typeform, etc.) into an analytics tool? In two or three sentences, how would you detect the submission from the parent page? Show us one mobile screenshot of your work you are proud of and tell us why it converts. Your fixed price for the scope above and your realistic timeline. Start your proposal with the word TILES so we know you read this.
Otwórz na Upwork