High-End 3D HMI UI/UX Designer (Tesla / Apple Aesthetic)
Project OverviewWe are an industrial machinery manufacturer building a next-generation Human-Machine Interface (HMI) for a new PET blowmolding machine. We want an experience that feels like Tesla Cybertruck UI meets Apple iPadOS—minimalist, cinematic, fluid, and touch-first. This job is for Phase 1 (Design Only): visual language, high-fidelity screens, and motion concepts. If you also develop in React / Three.js, there is potential for Phase 2 (build). Hardware & Context (for your design)Industrial PC: Festo IPC (Windows/Linux)Control Logic: Codesys SoftPLC (headless)UI Layer (Phase 2): likely React + Electron + Three.jsCommunication: OPC UA over WebSocketDisplay: High-resolution multi-touch industrial screenYou’re not coding this now, but your designs must be realistic for a React/Three.js frontend.What We Need in Phase 1 (Your Scope)Aesthetic / StyleVisual references: Tesla Cybertruck UI, Apple iPadOSKeywords: Minimalist, Dark Mode, Cinematic, Spatial, FluidAnimations: micro-interactions, physics-based easing (springy menus, subtle motion, not flat/static)Core Screens & FeaturesHero Dashboard with 3D Machine ViewCenter of the UI is a high-fidelity 3D render of our machineWe supply CAD/OBJ 3D filesAbility to show:Rotating / panning machineTappable hotspots on componentsPop-up info cards with status (pressure, temp, state)Alarm state visualization: faulty part glows/pulses redExploded view: machine expands to reveal internal components for troubleshootingNavigation ConceptWe have an internal concept of a 3D cube-style navigation (concept docs provided)Each face represents a user mode/profile/sectionYour job: refine this into a usable, premium navigation (it can be a cube or another spatial/3D concept if your UX is better, but it must feel modern and dimensional)Additional ScreensAlarm & fault viewsSettings / configurationOperator modes / workflowsTouch-first patterns (large hit targets, swipes, etc.)DeliverablesHigh-Fidelity UI MockupsMain dashboard with 3D machineNavigation / “Cube” conceptAlarm / fault screensSettings / secondary screensStyle GuideColors (dark theme)TypographyIconography (SVG)Layout, spacing, component structureMotion / Interaction PrototypeShort video or interactive prototype showing:How the cube/menu animatesHow the machine “explodes” into componentsHow alarms highlight partsMicro-interactions (buttons, transitions, etc.)RequirementsStrong portfolio with futuristic dashboards, product UI, automotive UI, 3D-based UI, or similarTools:Figma or Adobe XD for UIBlender or similar for basic 3D scene composition in mockupsAfter Effects / Prototype / similar for motion conceptsAbility to think in real-time, performance-aware 3D UI (what can realistically be done in Three.js / WebGL)Nice-to-havesExperience with Three.js or React-Three-FiberExperience with React / ElectronIndustrial HMI or automotive UI backgroundAttachments You’ll ReceiveCube HMI – Cinematic 3D Animation Plan.docxHMI Animation Spec – 11 10 2025.docx3D model files of the machine (CAD/OBJ)Visual referencesBudget & Next StepsBudget (Phase 1): $1,500 – $3,500 USDType: Fixed-priceTimeline: Ideally within 2–6 weeks, depending on your processTo apply, please include:Links to relevant work (futuristic dashboards, automotive, 3D or motion-heavy interfaces)A brief note on how you’d approach a Tesla/Apple-style industrial HMIWhat tools you use for UI + motion + 3DWhether you’re also interested in Phase 2 (React/Three.js build) Apply tot his job