Build High-Converting Landing Page for Productivity SaaS (Next.js + Tailwind)

Posted 2 hours ago

Worldwide

Summary

I'm looking for a talented web designer/developer to create a beautiful, conversion-focused homepage for **brain.org**, a new organizational and knowledge management platform. Here are some sample landing pages that I would like to serve as the inspiration: https://www.notion.com/ readwise.io The homepage will be the primary destination for visitors arriving from online advertising campaigns. Its goal is to clearly communicate the product's value, visually demonstrate its capabilities, and convert visitors into paid subscribers. This is not simply a development project. I'm looking for someone who can combine: * Landing page design * UI/UX thinking * Graphics creation * Product visualization * Feature demonstration * Front-end implementation The final result should feel comparable to modern SaaS landing pages from companies like Notion, Linear, Arc, Superhuman, or Readwise—clean, minimal, visual, and highly focused on conversion. About brain.org Tagline **"One place for the things you want to keep."** Core Features * Save information via SMS text message * Store notes, lists, links, images, videos, podcasts, and voice recordings * Powerful search across everything * Reminders and follow-up tools * Designed as a single place to organize important information Pricing * Monthly Plan: $4.99/month * Annual Plan: $39/year Both plans link to: `/join` --- What I Need I need a complete homepage experience that includes: Hero Section * Strong headline and positioning * Product-focused visuals * Clear CTA Product Demonstration Sections Visually explain: * Texting content into the platform * Saving different content types * Search functionality * Reminders * Organization and retrieval Custom Graphics & Visual Assets You should create: * Illustrations * Mockups * Product screenshots * Visual feature callouts * UI demonstrations Animated Demonstrations (Preferred) Simple animations or walkthroughs that show: * Sending a text to the brain * Information appearing in the app * Searching and retrieving saved content * Reminder workflows These can be lightweight animations, screen recordings, GIFs, Lottie files, or other web-friendly formats. ### Conversion Sections * Benefits * Feature comparisons * Pricing presentation * FAQ * Final CTA --- Existing Technical Stack Framework * Next.js 16 (App Router) * Tailwind CSS * Vercel Deployment Homepage Location The homepage currently exists in: `src/app/page.tsx` This is a **server component**. Important Technical Constraints * Do NOT use useState or useEffect inside page.tsx * If client-side interactivity is needed, create: `src/app/HomeClient.tsx` with: `'use client'` and import it into page.tsx Images Static assets: `public/` Reference as: `/image.png` Optimized images: Use Next.js Image component: `next/image` External Images If using external image sources or a CDN, note that domains must be added to: `next.config` under: `images.remotePatterns` ### Dark Mode Dark mode is already configured via Tailwind. Any new UI elements should include appropriate: `dark:` variants. Existing Links (Must Remain) Get Started: `/join` Sign In: `/login` Footer The footer component already exists: `src/components/Footer.tsx` Please leave it intact. --- What I'm Looking For Ideal candidates should have experience building: * SaaS landing pages * Product marketing websites * Startup websites * Conversion-focused homepages Please include: 1. Examples of SaaS landing pages you've designed and built 2. Examples of custom product visuals or animations you've created 3. Your approach for visually demonstrating software products 4. Confirmation that you can work within the existing Next.js/Tailwind codebase --- Deliverables * Fully designed homepage * Responsive desktop and mobile layouts * All graphics and visual assets * Product demonstration animations/videos (if included) * Production-ready implementation within the existing codebase * Clean, maintainable code If you've built modern SaaS marketing sites and understand how to visually communicate software products, I'd love to see your work.

  • $500.00

    Fixed-price
  • Expert
    Experience Level
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
Landing Page
Web Design
Activity on this job
  • Proposals:20 to 50
  • Last viewed by client:1 hour ago
  • Interviewing:
    7
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Jan 17, 2024
  • United States
    Portland11:49 AM
  • $5K total spent
    30 hires, 1 active
  • 135 hours
  • Art & Design
    Individual client

Explore similar jobs on Upwork

HTML
Microsoft Outlook
CSS
Web Design
HTML
Microsoft Outlook
Office 365
HTML5

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