Loading ...

Responses by Daniele Buffa, designer; and Nicolas Fonseca, developer.

Background: “The design experience of the site is built on the balance and cohesion of colors, images and typography,” says Daniele Buffa. “Relying heavily on how all those elements interact through interactions and microinteractions, we wanted to create a website where each input that you make triggers an animation or transition with the final goal of making the whole experience smooth and clean.”

Favorite details: “The interaction work that we’ve done with the typography and images and the attention to details that we put on each microinteraction,” says Buffa. “Something that I’m very proud of is the work that we’ve done on the ‘who’ section, where you can see my name breaking apart from the home screen; then the single letters move to the right side of the screen and start floating over the picture, creating a contrast of colors when the letters overlay the picture.”

New lessons: “We wanted to experiment with different transitions and interactions,” says Buffa. “We were inspired by all the great and innovative work that we see every day, but at the same time it was important for us to create something different. Something that I learned from this project is that you should always push your creativity and look for innovative solutions. They might feel funny initially, but in the end, those elements are going to add that uniqueness and make the difference.”

Divergent paths: “I’d probably push it even further, challenging myself and my collaborators to bring the work to the next level,” says Buffa. “I believe that there’s always space to improve things and the refinement never ends. It’s important to be happy with the final result but also know that you can do better and push your and others’ boundaries. If you have this mentality, then on each project that you’ll start you’ll try to challenge yourself and grow as a designer.”

Technology: “For the back end, we used WordPress and connected it with an Amazon S3 bucket for assets to improve the site’s load performance. And for the front end, we used Vue.js, which calls different WordPress APIs to render the dynamic content,” says Nicolas Fonseca. “Finally, for animations, we used GSAP to keep the performance good.”

danielebuffa.me

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In