Shell Distributed Energy
Task
Rebuild a unified visual system for the advertising agency, made of steel which can change the world in a while.
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.
Shell Brand Guidelines
Info Architecture 4
Info Architecture 3
Info Architecture 2
Info Architecture
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.
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.
We’re a team of creatives who are excited about unique ideas and help companies to create amazing products.