Shell Polymers
2020
#Product Design
#E-commerce
#3d Microsite
Role
UI/UX/Brand Designer on a small team of 2
Additional support was needed for the 3d assets
s. 01
Intro
While at IBM I joined the team that was designing an e-commerce platform for customers of Shell’s Polymers division. This was a first of it’s kind and no previous application existed. When I joined the project the fundamentals had been mostly established, my role was to expand the system where necessary to cover the dozens of pages whose functionality and details had yet to be fully determined. The details were incredibly important when considering the average order value of Shell’s Polymers customers is well into the millions.
For the second part of this project we worked on a 3d microsite conceived to announce the opening of their new state of the art plant in Pennsylvania. The microsite would center around a 3d interactive plant tour built in WebGL, with supporting pages branching off the plant tour experience to highlight notable details of the plant. Working with one of IBM’s internal 3D team members Andy and I developed the concept and helped see through the final product for launch.
s. 02
two products, one mission
In an effort to promote the launch of their state of the art Pennsylvania plant we designed them a 3D plant tour experience highlighting major features.
The portal was the bulk of this work, and probably the biggest differentiator in the eyes of Shells’ clients. Previously it was not possible to order, track, and communicate without going through customer service reps and call centers.
s. 03
E-Commerce Experience
Up until this point, Shell Polymers’ customers had no way to cleanly place and track orders. This lack of a central experience was detrimental not only the customers but the Shell employees responsible for tracking and placing orders, which they did using spreadsheets and notes passed between each other. Our e-commerce experience allowed a fundamental shift in work flows at Shell, giving customers and employees a central source of information to manage orders in the 100’s of millions of dollars. The ability to track existing orders and place new ones, browse products with the full scope of technical information in the catalog, pay invoices, make inquiries, receive alerts on shipment delays...all of this was brought into one place.s. 04
3d Microsite
Shell wanted to do something special for the launch of their state of the art polymers plant in Pennsylvania. We designed them a 3D webGL experience allowing users to pan around in any direction and explore the plant’s surroundings. “Hotspots” are identified on all of the key equipment, allowing users to click in for more detail. Each of these detail pages is built up using 3d assets from our 3d team and they can be moved between from the pages themselves in sequential order rather than retreating to the plant tour in order to progress. The end result was embedded in a page on Shell Polymers’ site and advertised to their customers and the public/industry sites they communicate with.
Next Case study
Toyota North America
Toyota North America
Nomenclature typography
EIA Africa Geo-Portal
Discount Tire
New York State D.O.H.