🌙
Hero photo: dark atmospheric close-up of hands on a laptop keyboard with warm ambient lighting

VRM themes

Client: VRM Duration: Two sprints My role: Graphic designer Tool: Adobe Illustrator & Adobe Fresco & Procreate & Figma
⭐

Creating illustrations for VRM

Social media excitement for themes

The first theme I made for VRM was for the Christmas period of 2020. The theme showing up in Instagram and TikTok feeds was something interesting. After this reception, VRM wanted to create more themes.

Using multiple tools to experiment and create something scalable

I used a variety of tools to create these illustrations. Starting with Procreate for initial sketches, moving to Adobe Fresco for final illustrations, then exporting to Adobe Illustrator to make them vectorised and scalable. Finally, Figma was used as the bridge between the realtime developers, to create handovers of the variables and ensure the final spaces.

🐣

Easter theme

The Easter theme featured illustrated chicks, eggs, and spring scenery integrated into the VRM portal login page and dashboard. The theme was applied in dark mode to contrast with the bright spring colours, creating a striking visual effect.

🐣
Easter theme – VRM login page
VRM login page in dark mode with Easter illustrations: chicks, eggs, flowers, and spring grass along the bottom edge

Login page in dark mode with the Easter theme

📊
Easter theme – VRM dashboard
VRM dashboard screen showing energy readings (kW, battery %) with the Easter illustration in the background/sidebar

Inside VRM with the Easter theme — the theme should not be overwhelming

☀️

Summer theme

The summer theme brought a beach and tropical feel to the portal, with palm trees, a sailboat, and a warm sandy palette. Applied to both the login page and the main dashboard as background illustrations.

🌴
Summer theme – VRM login page
VRM login page with summer beach illustration: palm trees, blue sky, sandy beach, sailboat in the background

The login page in light mode with the Summer theme

📱
Summer theme – mobile view
Phone showing the VRM app with the summer theme — palm tree in the sidebar or background
🖥️
Summer theme – desktop view
Desktop browser view of VRM with the full summer beach illustration visible

Theme illustrated across the bottom of the portal on both mobile and desktop