Complete Visual Prototype for Satisfactory — B2B Manufacturing Platform

Description

Satisfactory is an Egypt-first B2B industrial operating platform built around one question: “What do you want to make?” The goal of this project is to create a polished, responsive, high-fidelity interactive prototype that demonstrates the complete Satisfactory customer experience from product idea to finished manufactured product. The prototype should show one connected manufacturing journey: Idea → Requirements → AI-assisted Manufacturing Plan → Specification and BOM → Factory Matching → RFQ → Quotations → Samples → Factory Selection → Contract and Purchase Order → Production → Quality → Logistics and Warehousing → Delivery → Traceability. The participant will build the prototype using fictional demo data and simulated workflows only. No production backend, payment system, AI API, ERP, logistics service, authentication system, or other live integration is required. The experience should include public pages, buyer workflows, factory/supplier workflows, enterprise views, SatisAI-assisted screens, and representative administrative views. It must follow Satisfactory’s industrial blue-and-white design direction and work on desktop, tablet, and mobile. Success means a stakeholder can open the prototype, navigate the major journeys, understand how Satisfactory works, and experience realistic interactions without encountering dead pages or broken primary flows.

Deliverables

1. Complete responsive interactive web prototype for Satisfactory. 2. Public experience including homepage, How It Works, industries, marketplace, factory profiles, SatisAI overview, trust, ecosystem, and pricing concept. 3. Buyer journey covering project creation, requirements, manufacturing plan, specification, Tech Pack, BOM, factory matching, RFQ, quotations, quote comparison, samples, factory selection, contracts, purchase orders, production, quality, logistics, delivery, and SatisPassport. 4. Factory/supplier experience including onboarding, profile, capabilities, RFQ inbox, quotation submission, samples, production updates, quality collaboration, and documents. 5. Enterprise experience including My Work, approvals, project health, risk, procurement policies, budgets, supplier relationship management, analytics, audit history, and AI governance. 6. Realistic fictional demo data and at least one complete end-to-end manufacturing scenario. 7. English interface plus core Arabic RTL support. 8. Responsive layouts for desktop, tablet, and mobile. 9. Accessible reusable UI components and consistent design system. 10. Source code, setup instructions, README, and basic automated tests.

Skills

• React
• TypeScript
• Responsive Web Design
• HTML
• CSS
• Mobile UI Development
• Git
• Web Accessibility
• Design Systems
• Tailwind CSS
• React Native
• Playwright
• Data Modelling

Tools

The participant should have their own computer and internet connection and be comfortable working with modern web development tools. Recommended tools include React, TypeScript, Git, Node.js, a code editor such as VS Code, and modern browser developer tools. Equivalent tools may be used if they meet the project requirements.

Communication

Primary communication will take place through the WorkExp platform so that project decisions and feedback remain documented. We will use written milestone reviews, clear task descriptions, and approximately one short online check-in per week when necessary. Questions should be raised early rather than making major assumptions. Selected prototype outputs may only be shared publicly after approval. Expected response within 24 hours. Working timezone: Africa/Cairo (UTC+3).

Intellectual property

The project will be evaluated on completeness of the manufacturing journey, visual quality, usability, responsiveness, consistency with the Satisfactory design system, realistic demo data, working interactions, code quality, accessibility, and the absence of broken or dead primary flows. The prototype must clearly distinguish simulated/demo functionality from real production functionality. Production backend development, databases, production authentication, payment processing, live AI APIs, ERP integrations, logistics APIs, warehouse integrations, email/SMS services, e-signature, real factory transactions, deployment to production infrastructure, or access to confidential production systems. The participant must not modify or depend on the real Satisfactory production-development repository.

Portfolio & confidentiality