Assign one or more robots to collect minerals fast. Track them on a square grid map. Keep the UI usable with gloves and a foggy helmet visor. Serve two audiences: researchers and families.
Why these 3 high-fidelity screens
Homepage • Tasks overview shows the whole operation at a glance. It proves the app can scale to many bots and still be clear.
Voice command • Audio task assignment shows the fastest path from intent to action. It demonstrates the assistant suggestion to add a second bot and the one-tap confirm.
Hexabot profile • Map and status shows deep control for one unit. You see battery, perks, maintenance, inventory, progress, and live position on the square grid with cell labels like D5.
These three cover the brief’s focus on logic, usability, and functionality. They also stand on their own with minimal captions.
End-to-end flow covered by the wireframes
Homepage lists active bots with status, battery, and zone. The user taps Change task on Fusion-3.
Task select shows the current assignment and two paths. Speak a preset or pick manually.
The assistant hears the command to collect Quartz for 4 hours in the nearest zone and opens a compact overlay.
The assistant suggests adding Nova-2 since it is idle at Base.
The user confirms.
System assigns both bots. Both head to Zone D5. Overlay auto closes or the user taps to dismiss.
Homepage shows In transit. The user can open the map or wait.
A banner confirms arrival. Quartz Collection is In progress.
Hexabot profile shows maintenance timer, progress, ETA, perks, inventory, and the map with the current route.
While moving, the current cell highlights. The itinerary arrow shows direction.
Both return to the Dome. Status flips to Idle and Charging.
Design choices that came from constraints
Square grid map with A to I and 1 to 8. Faster to read and easier to call out by voice than hex tiles.
Dark theme as primary. Better contrast under visor blur and less glare.
Large tap targets of 48 to 60 px and generous spacing.
Battery as an overlay inside the robot image to save vertical space.
Level with perks only. Example: +3 percent gathering speed and +10 percent battery efficiency.
Non-blocking voice overlay that auto dismisses after 8 seconds, with tap to close. Keeps the loop fast.
Before locking the final direction, I quickly explored several visual treatments to test readability and atmosphere.
The first concept used a neutral dark theme with classic card structure.
The second experimented with a starfield background and glowing accents to bring more depth.
The third and final version simplified everything into a functional, high-contrast interface designed for field conditions.
These quick iterations helped validate contrast, focus hierarchy, and the balance between realism and clarity.
Early visual explorations testing contrast, depth, and usability under lunar conditions.
Mode switch
There is a simple switch for User role. Researcher mode shows mining tasks and conflict warnings. Family mode simplifies forms and lists crop tasks like water, harvest, and check soil.
Copy tone
Short and scannable for non-native speakers.
Examples:
Assign task
Mining Quartz, Zone D5
In transit. ETA 2h 15m
Maintenance in 7h 20m
Understood. Assigning Fusion-3
Nova-2 is idle at Base. Assign it as well
What I explored and cut
Full screen voice confirmation looked cinematic but slowed the flow. Replaced with a compact overlay.
Hex map looked thematic but increased cognitive load. Replaced with a square grid.
Dense status banners failed under blur. Moved details to the profile and kept the banner lean.
Showing level without perks had no value. Added clear benefits.
Assets and references
Robot visuals were created with Midjourney and curated by me.
Icons come from the Phosphor set for clarity. I studied Civilization style unit movement for readable path and cell feedback, then adapted it to a square grid.
What the three screenshots prove to reviewers
Homepage confirms scale, hierarchy, and quick entry points.
Voice command confirms speed, assistant logic, and minimal friction.
Profile with map confirms depth, tracking, and maintenance visibility.
Like this project
Posted Oct 7, 2025
Concept app for the Designflows.it contest by Bending Spoons, enabling lunar robot management with voice control and a high-contrast UI.