Mattered is a design agency that provides services such as branding, design, and development. My responsibility was to design the agency's website. I found this project to be one of the most challenging I have worked on recently. 

For this project, we attempted to use 3D elements, 3D animations, and storytelling to provide users with an appealing and great experience. Our team created all of the sequences, and I designed the entire project.

These are some of the sketches we created before moving into 3D design and rendering. At the first stage, we focused on sketching to show the client our direction, concepts, and the overall outcome we intended to create. This helped them get aligned with our vision and approve the style before we proceeded to the next steps.

After presenting the concepts and receiving initial approval from the client, we moved forward with the full design and rendering process. We then prepared the final output, which—after final approval—was handed off for the development phase.

Finally, the project was handed off to development. All animations were exported as JSON files to ensure smooth and easy implementation for the developer. Other pages of the project—such as Contact, Blog, Store, and more—have also been designed and will be shared soon!