Build a responsive website

Posted 11 hours ago

Worldwide

Summary

# Front-end developer to build a one-page marketing site (deeptech PR studio) ## Overview A boutique PR studio for deeptech founders (quantum, photonics, semiconductors, autonomy, defense tech). We need a single-scroll marketing site built from an existing design system and content — this is a build job, not a design-from-scratch job. Copy, typography, color system, and a working prototype are already done; we need a developer to execute it properly (responsive, performant, production-ready) and build one specific animated hero panel. ## Scope Build a single-page site with anchor navigation: **Manifesto → Origin → Allies → Brief**. Reference prototype and full copy/layout doc will be provided. **The hero panel is the centerpiece of this job** and needs to match the style of [visionaries.vc](https://visionaries.vc/) specifically: - Full-bleed background that cycles through a set of images (founder portraits and product/hardware shots) roughly every 1–2 seconds - Each transition uses a radial zoom/motion-blur effect — not a simple crossfade — similar to the swirl-into-focus effect on visionaries.vc's homepage - A static, large headline sits on top of the carousel and does not change (tagline TBD, will be provided) - Bottom-right caption updates in sync with whichever image is currently showing (company/person name + one-line context) - Nav bar and a short manifesto paragraph (bottom-left) stay static throughout - Must be fully responsive — this is a hard requirement. (Reference prototype is a fixed 1280×800 canvas that does not resize properly; do not replicate that mistake.) Remaining sections (Origin, Allies, Brief) will follow the existing visual system (warm off-white / dark-mode toggle, JetBrains Mono + Inter Tight + Instrument Serif, signal-red accent) — layout and copy will be provided in full, less custom animation work than the hero. ## What we'll provide - Full copy and section-by-section layout doc - Existing design system reference (fonts, colors, an HTML/React prototype of the current multi-page site) - A basic static mockup of the hero's type treatment (layout reference only, not final) - Final image set (founder/product photos) with captions, already licensed for use - Final tagline copy ## What we need from you - Clean, semantic, responsive HTML/CSS/JS (or your preferred modern stack — React/Next.js is fine if it keeps the site fast and easy for a non-developer to update copy later) - The hero carousel + zoom-blur transition, built to feel as smooth as the visionaries.vc reference - Basic accessibility (readable contrast, keyboard nav, alt text) - Reasonable page-load performance despite the animated hero (optimized image loading, no jank) - Deployment-ready output — [confirm hosting target: Vercel/Netlify/static export/other] ## Skills - Strong CSS animation/transition experience (this is the main technical bar for the job — please link an example of a similarly animated hero or carousel in your portfolio) - Comfortable working from an existing design system rather than proposing a new one - Experience with responsive, editorial-style marketing sites a plus ## How to apply Please include 2–3 portfolio links, ideally something with animated image transitions or a carousel similar to what's described above. Let us know your estimated turnaround for a single-page site of this scope.

  • Less than 30 hrs/week
    Hourly
  • 1-3 months
    Duration
  • Intermediate
    Experience Level
  • $15.00

    -

    $30.00

    Hourly
  • Remote Job
  • Complex project
    Project Type
Skills and Expertise
Mandatory skills
Website
Responsive Design
Activity on this job
  • Proposals:50+
  • Last viewed by client:11 hours ago
  • Interviewing:
    5
  • Invites sent:
    5
  • Unanswered invites:
    2
About the client
Member since Jul 12, 2026
  • ESP
    Badalona11:55 PM
  • 1 hire, 1 active
  • 4 hours

Explore similar jobs on Upwork

CSS 3
Shopify
Liquid
JSON
Elementor
Website
User Interface Design
Usability Testing
WordPress
Web Design

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo