Scroll to top
Strategy UI/UX

Shell Distributed Energy

  • Strategy

    Brand Strategy, UX Strategy

  • Design

    UX Design, UI Design

  • Client


Open Project


Workshops on User Experience (UX), creating wireframes and establishing the scope of work.

Build Shell a website for Shell’s Distributed Services, following brand guidelines and what’s possible within One Web’s system. This included creating a new logo, map illustrations + 28 webpages. Met occasionally with the client to understand issues and find solutions.

Before After


Creating a unique visual system and strategy.

Gather information from Shell about branding. Information such as how to use the Shell Logo. Where and when to use imagery, colours, fonts. Also who are the users, what are the business goals and user needs? These are just some of the few things we will need to understand before starting this project.


website UI samples.

After going through brand guidelines and OneWeb, we can start building out the information architecture and wireframes on how this website will work work.

With the information we have from the Wireframes, we can now use Figma to build our design system/components. We are aware of the components we can use throughout the website, so building this out from the start with the correct sizes, fonts, padding, spacing & colours we can future proof our UI.

Let’s collaborate

Send us an email, to discuss a new project.

We're a team of creatives who are excited about unique ideas and help companies to create amazing products.

We use cookies to give you the best experience.