Illustration and animation portfolio website
Rafael Varona is an illustrator, animator and art director whose studio works across Berlin and Rotterdam. The homepage makes an immediate impression with a looping animated logo and a gallery of colorful motion pieces that start playing as you browse.
The portfolio blends illustration, animation and art direction across editorial, advertising and branded work. Playful characters, nature-inspired scenes and seamless looping animations create a style that feels energetic and instantly recognizable.
Ready to build your own illustration and animation portfolio website?
Colorful motion in a playful portfolio
A bold RAFAEL VARONA headline sits above the tagline Illustration, Motion and Art Direction, leading into a gallery of GIFs and stills in many aspect ratios. Even the logo is a small looping animation, setting the playful tone right away.
The color palette centers on bold red, white and black, while the artwork introduces bright greens, blues, yellows and pinks that change from project to project. Navigation stays simple with links to Work, About and Contact alongside social profiles, keeping the focus on the visuals.
An illustrator bringing stories to life through motion
Rafael Varona combines illustration, animation and art direction to create playful visual stories for editorial and commercial projects. His work often draws inspiration from nature, architecture and everyday life, turning simple ideas into detailed animated worlds.
The portfolio features work for global brands and organizations including Google, Disney, Meta, Adobe, Pepsi, Intel and the Natural History Museum, showing a wide range of styles while maintaining a consistent creative voice.
Who this website is a good example for
Motion designers. Animated previews let visitors experience your work before opening a project.
Illustrators who animate. A single feed can hold both still illustration and looping motion side by side.
Art directors. Highlight recognizable clients while keeping the artwork as the main focus.
Ideas to borrow for your own site
Animate your branding. A looping logo creates personality before visitors even scroll.
Let the work move. Use autoplay animations in your project grid so visitors instantly understand your style.
Keep navigation simple. A short menu puts attention on the portfolio instead of extra pages.
Use color with purpose. Keep the interface simple and let each project introduce its own vibrant palette.
Learn more:
