Structural UI Mockup

Замовник: AI | Опубліковано: 22.12.2025

I need an interactive browser-based mockup that clearly demonstrates the user interface of a Structural platform. The goal is to let stakeholders click through real screens, follow the intended workflow, and experience basic interactions without building a full production system. Core interface pieces • Dashboard landing view that summarises system status at a glance • Graphs and charts presenting historical data trends from selected sensors • Canvas Model area where users can visually inspect a structure and drill into sensor locations Essential interactions The mockup should allow smooth navigation between the dashboard, graph pages, and the canvas model; show simple hover or click tooltips; trigger alert-style pop-ups when thresholds are breached; and let a user switch time ranges to explore past data. I’m focused on visual clarity and an intuitive flow rather than deep functionality, so placeholder data is fine as long as it feels realistic. Deliverables • Complete front-end source (HTML/CSS/JS or a lightweight framework such as React or Vue) ready to run locally in a browser • Any design assets or component libraries used, clearly organised • A brief read-me explaining how to launch the mockup and where to adjust sample data Acceptance criteria The pages load without build errors, the three interface sections work as described, and historical trend filters respond in under one second on typical hardware. If you have recent experience turning complex monitoring concepts into clean, navigable prototypes, I’d love to see what you can do.