Modern Product Website Build

We are building a modern product website with 10 pages (Home, Product, Workflow, Hardware, Payments, Contact, Blog, User Dashboard, Admin Dashboard, Investors).

✅ We already have:
• Complete website content (page-by-page copy, SEO-friendly).
• Page structure and deliverables defined.

❌ We need you to handle:
• Figma design layouts (desktop, tablet, mobile).
• Graphics & assets (SVG icons, posters, 3D models, Lottie animations).
• Front-end development (React/Next.js preferred).

Reference websites (for style & quality):
• Stripe → https://stripe.com/in (clean ecosystem storytelling).
• Square → https://squareup.com/us/en (hardware showcase, device gallery).

⸻

Scope of Work

1. Design (Figma)
• Create modern, minimal layouts inspired by Stripe & Square.
• Responsive across desktop, tablet, mobile.
• Components needed: hero, product grid, workflow storytelling, hardware carousel, payment cards, dashboards, blog layout.

2. Graphics & Assets
• Create icons (SVG, stroke + fill).
• Generate device posters (we’ll provide descriptions for 6 hardware devices).
• Simple 3D models (GLB) + posters.
• Micro animations (Lottie) for interactions.

3. Development
• Build in React/Next.js (or similar modern stack).
• Integrate animations: GSAP (scroll), Lottie player (loops), react-three-fiber (3D).
• SEO-friendly (meta tags, alt text, schema).
• Optimized for fast load: posters first, animations lazy-loaded.

4. Dashboards (UI Refresh)
• Redesign existing User + Admin dashboards with the new style (we’ll provide references).
• Keep same data/columns; only update UI/UX.

5. Testing & Delivery
• Responsive across all devices.
• Cross-browser (Chrome, Safari, Firefox, Edge).
• Accessibility (keyboard nav, aria labels).
• Lighthouse score 90+ (Performance + SEO + Accessibility).

⸻

Skills Required
• Figma (UI/UX design, responsive layouts).
• React / Next.js (front-end).
• GSAP / Framer Motion (scroll animations).
• Lottie integration.
• Three.js / react-three-fiber (basic 3D viewers).
• SEO basics + responsive web design.

⸻

Nice to Have
• Experience building product showcase websites.
• Familiarity with SVG stroke animations.
• Strong eye for modern, clean design (Stripe/Square style).

⸻

Deliverables
• Fully functional 10-page website.
• Responsive across desktop, tablet, mobile.
• Integrated animations & 3D models.
• Redesigned dashboards (UI refresh).
• SEO optimized + accessible.

⸻

Budget & Timeline:
Please quote your exact amount and realistic timeline when applying.
Do not ask for our budget once we connect — we will only reply to applications that provide a clear fixed quote and delivery timeframe.

Only apply if you can deliver Stripe/Square-level design & interactions.