A premium landing page for an electric vehicle brand
This is HYLO, a futuristic autonomous electric vehicle. Inspired by Tensor, this project was created out of passion for cinematic experiences and as a proof-of-concept for AI generated videos.
The result is a captivating experience with rich, detailed visuals that show what can be achieved with Webflow and a bunch of AI tools.
The Mission
Recreate a landing page experience for a fictional autonomous electric vehicle, inspired by the latest design innovation and powered by AI video generation.
Designing the Hero Vehicle
Using Kittl, an AI design platform, I prompted my way until I reached a vehicle that looked elegant, inspiring and sleek.
The main challenge was to make the vehicle's design consistent across all angles. Photoshop was used for small fixes, especially with the logo.
Designing the Logo
I wanted the logo to be optimistic, inspiring and have a premium look to it, similar to other EV brands.
I started with generating several ideas. Once I felt that the arc concept was refined enough (as refined as AI can get you), I copied it into Figma for cleanup and vectorization.
Generating Videos
Videos play an important part in the landing page experience. They need to show the car from various angles and be as consistent as possible.
For the vehicle itself, generating videos proved rather straightforward. Generating videos with humans was a bit more challenging.
I would have loved to show the interior of the car and show people driving, but due to time constraints, I decided eventually to use the vehicle only for the website and story.
The Final Result
Using Webflow's excellent design tools, I created an engaging landing page for Hylo with a cinematic flavour that delivers the brand messaging effectively.
The site contains several sections, each has a unique interaction style that conforms to the overall design.
Check out the final result here!
