Get In Touch
541 Melville Ave, Palo Alto, CA 94301,
Ph: +1.831.705.5448
Work Inquiries
Ph: +1.831.306.6725

Shell Distributed Energy


Rebuild a unified visual system for the advertising agency, made of steel which can change the world in a while.

  • 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.