top of page

BRAINOS
MOBILE &
PORTAL

FLEET OPS PORTAL LANDER

One of my UI design tasks was redesigning the BrainOS Fleet Ops portal landing page. The current lander does not reflect the overall look and feel of the portal (pictured below) and I designed several iterations of the page using real robot imagery and illustrations before the Product Team selected the final design. I used the Brain orange as an accent color while sticking with the muted black-and-white palette seen throughout the mobile app and portal.

 

(Please note that the interactive Figma designs are unavailable as it was designed through a company account I do not have access to).

BEFORE

Screen Shot 2023-03-07 at 3.50.05 PM.png
colors & logos.png

LANDING PAGE DESIGNS

Desktop - 8.png
Desktop - 1.png
Desktop - 2.png
Desktop - 3.png
Desktop - 4.png
Desktop - 7.png
Desktop - 6.png

FINAL DESIGN & USER FLOW

Desktop - 5.png
Desktop - 12.png
Desktop - 13.png
Desktop - 15.png
Desktop - 5.png
Desktop - 10.png
Desktop - 11.png
Desktop - 14.png

SCANNER INVENTORY PORTAL

The company wanted a visual representation of the inventory data received from inventory scans using their robot scanning machines and I created a mock portal as a solution. Primarily used for marketing and promotional purposes, it was also showcased at different conventions for potential customers to see how the data can be used. To set this apart from existing and real BrainOS products, I did not stick with the branding and played with the Brain blue shades in these designs.

(Please note that the interactive Figma designs are unavailable as it was designed through a company account I do not have access to).

lander-1.png
lander-3.png
lander-2.png
lander-4.png

FINAL PORTAL DESIGN

lander.png
iMac - 4.png
iMac - 5.png
iMac - 3.png
iMac - 6.png
iMac - 8.png
iMac - 7.png
bottom of page