A Stunning Fusion of 3D Animation and Web Development
CMS, Webflow, UX/UI
2020
Here, I brought Elon Musk's dream to life using Unreal Engine 5. I created this animation of a Mars settlement and also built it into a website using Webflow. However, I'll be transitioning it to Next.js soon, if I have the time.
Mars by João is a personal project I developed to showcase my skills in both 3D animation and web development. The website, which is hosted on Netlify and built using Webflow, features a breathtaking 3D animation created in Unreal Engine 5 — one of the first projects I worked on after the release of this cutting-edge engine. The animation immerses visitors in a Mars exploration experience, blending powerful visuals with innovative web design to create a truly unique digital journey. The site utilizes a parallax effect, giving depth and dynamism to the design as users scroll through the page, adding an extra layer of interactivity. Coupled with a carefully selected color palette, the visual experience is both striking and cohesive, capturing the essence of space exploration while maintaining a sleek, modern aesthetic. The Unreal Engine 5 animation serves as the centerpiece of the website, demonstrating my ability to integrate high-quality 3D visuals with web development, taking the user experience to new heights. Mars by João is a testament to my ability to combine state-of-the-art 3D technologies with modern web design. By integrating Unreal Engine 5 with Webflow, I was able to create an engaging, interactive experience that pushes the boundaries of what can be achieved in both digital design and development. This project highlights my proficiency in creating immersive and visually impressive web experiences, blending the virtual and digital worlds seamlessly.
Contribution
UX/UI Design, Website Development, Research, Prototypes
Website
https://mars-by-joao.netlify.app/Duration
1 month