Design kit
Color
- #0b1420background
- #8fb3cctext
- #ffffff
- #d8dbe2
Type
- OrbitronSemiBold · Bold
- Roboto MonoRegular
Overview
Wynn Creations is the creative studio inside Wynn Innovations. This is their services brought to life as a 3D space depot, with a link back to the supply company and the rest of the Wynn family.
The problem
The client wanted an interactive environment where he could show the company's products and services, and connect them together in one place.
Design
I modelled or adapted every 3D model in Blender, so the depot has a custom look rather than a stock one.
Each section of the site is a stop in the scene: the camera flies to a different corner of the depot for About, Services, Work and Contact, and a panel carries the words.
Build
I built it in React with React Three Fiber and Three.js, and it's live at wynn-creations-r3f.vercel.app.
What I built
- A hand-built depot scene in Blender: neon storefront, rocket, robots and crates
- A camera that flies to a different stop for each section
- Holograms you click to visit the other Wynn stores
- A Wynn Family menu linking Wynn Innovations, Wynn USA, Wynn Depot, Wynn World, Camp Mylar and Sankom
- A gallery of ad creative, motion and 3D work, with a contact panel
Outcome
One site now gathers the wider organisation's ideas and assets, so visitors get a feel for the owner and what he's about.
