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