Helios

Helios is an independent concept for an AI-powered solar charging service. It brings a mobile charging interface, physical touchpoints, and a clear visual system into one energy experience.

Industry

Clean Technology

Role

Brand Identity Product UI Art Direction

Tools

Figma Affinity Designer Adobe Photoshop Nano Banana Comfy UI

Platform

Digital

Helios

Helios is an independent concept for an AI-powered solar charging service. It brings a mobile charging interface, physical touchpoints, and a clear visual system into one energy experience.

Industry

Clean Technology

Role

Brand Identity Product UI Art Direction

Tools

Figma Affinity Designer Adobe Photoshop Nano Banana Comfy UI

Platform

Digital

Overview

Helios started with a straightforward question: energy is complicated behind the wall. Does it need to feel complicated at the charger?

The concept brings solar generation, EV charging, and everyday energy use into one clear surface. I designed the identity, the mobile experience, and a small set of physical and campaign applications so the brand could move between a charger, a phone, and the wider world without changing character.

The result is deliberately direct. Acid lime marks the active energy state. Deep green gives the system a solid base. The interface keeps the most useful information close: charge percentage, energy source, range, and cost.

STEP 1

Discover

Charging is usually where an energy system becomes visible. That moment is often full of small numbers, unclear states, and generic tech branding.

For Helios, I wanted the experience to feel more immediate. The service had to make the source of energy visible without turning every screen into an engineering console. It also needed an identity with enough force to hold its own in a category crowded with polite blues and familiar eco cues.

The starting point was simple: show energy as movement. Solar generation, stored charge, driving range, and payment should read as parts of one live system.

STEP 2

Define

The direction was built around three practical constraints:

  • Clear: Charging should be readable at a glance. Large numerals, strong contrast, and a simple hierarchy keep charge, range, energy source, and cost close to hand.

  • Predictive: Lime marks live energy. It appears when power is moving, a car is charging, or the interface needs to direct attention. It is a signal, not decoration.

  • Grounded: The system needs physical weight. The charger, card, and interface should feel reliable enough for daily use, with none of the visual noise that usually comes with "smart" infrastructure.

Clear

Predictive

Grounded

Nostalgic

Loud

Playful

STEP 3

Develop

With a clear strategy in place, the next step was to bring Slice’s brand identity to life across visual and functional layers. Every design choice was intentional, crafted to create a seamless, modern, and confident experience that customers could instantly connect with.

Logo Design

The logomark combines a radial solar-cell form with a lightning cut. It is built on a strict grid, which lets it work as a compact app icon, a charger badge, or a graphic unit in larger campaign layouts. The wordmark stays compact and technical so the symbol can carry the larger visual language.

Colors

Each colour has a job. Lime marks the app icon, the live charge state, the energy bars, and the places where the user needs to look next. Deep green gives the system weight. Pale blue-grey keeps the hardware and interface from feeling clinical.

This image is AI generated.

STEP 4

Deliver

The system was applied across a charging interface, mobile home-screen icon, charger hardware, member card, social post, and energy dashboard. Each surface uses the same visual rule: dark structure, pale utility surfaces, and lime for live energy.

This made the identity easier to test in context. The mark works as a symbol cut into hardware, a small status icon, a crop inside a social layout, and a larger graphic device when the brand needs to carry more presence.

Conclusion

Helios let me test a clearer language for energy software. Many clean-energy products lean toward either dark engineering dashboards or generic sustainability branding.

Here, lime is reserved for live energy. Deep green holds the system together. Charge percentage, energy source, range, and cost stay in plain view when the user needs them.

More Work

S-Ride GTM Plan

Strategy, Illustration

Slice Rebrand

Identity, Logo, UI

More Work

S-Ride GTM Plan

Strategy, Illustration

Slice Rebrand

Identity, Logo, UI

More Work

S-Ride GTM Plan

Strategy, Illustration

Slice Rebrand

Identity, Logo, UI

Let’s build it together. 🤘

Let’s build it together. 🤘

Let’s build it together. 🤘