UI Design - Bee Space

User Interface development for Bee Space.

Try the prototype:
https://www.figma.com/proto/9XVPX1XOfci06o5oEmnJzh/Bee-Space-UI-Portfolio?node-id=0-1&p=f&viewport=780%2C389%2C0.04&t=3X0lGVYhA99mhD5n-0&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=208%3A1249

Early concept of the in-game HUD UI, focusing on placement of the elements.

An overpaint of the updated in-game graphics, with a first draft of the UI exploration.

More UI element explorations.

Version 2 of the primary interface: The colors were sampled from the title screen, with contrast a key aim. Ultimately, it was decided that the dark theme did not quite fit the cozy game aesthetic we were going for.

Version 3 of the interface: Warmer, lighter colors, and leaning into a retro-tech theme. Honey-filled buttons and warm glows felt more suited to the "bees in space" feel.

Version 4: Inspired by old CRT monitors, we leaned even more into the retro-tech/cassette-punk aesthetic and updated the buttons with a more clacky mechanical keyboard look.

Color explorations for the in-game HUD