Interactive 3D Portfolio Website

Learning Process

1. Challenges

This project challenged me above all to learn and use new software such as “Spline”. Through research, tutorials and continuous experimentation, I was able to master the basics and successfully integrate them into the implementation. In the process, I not only expanded my technical skills, but also refined my problem-solving strategies and deepened my understanding of interface design, design processes, 3D integration.

2. Solutions

To create the interactive 3D elements for my website and integrate them seamlessly into the web environment, I used a combination of different tools and technologies. The 3D models and animations were created using specialized 3D software such as Blender. For the implementation and interactivity in the website, I used Spline as it provides an optimal platform to integrate 3D designs directly into the web development. This approach allowed me to maximize the visual quality of the elements as well as ensure a smooth and performance-optimized integration.

3. Results

By working on this project, I gained valuable experience in integrating 3D elements into an interactive web environment. With the help of tools like Spline, I was not only able to overcome the technical challenges of performance optimization, but also gain a better understanding of how to seamlessly connect 3D design and web development.
In parallel, Figma taught me how efficient working with components and auto-layout can be to create consistent design systems and significantly speed up the workflow. These skills have enabled me to realize both the visual design and the technical implementation in an efficient and structured way