Case Study: Federico Pian Portfolio — 2024
In Articles, by Federico Pian
Learn how Federico Pian built his 2024 portfolio using Nuxt, GSAP, and TresJs, with insights into design inspiration, animation techniques, and seamless page transitions.
Case Studies
Explore detailed case studies of unique web design projects on Codrops. Learn from the creation processes of industry-leading portfolios and websites, utilizing the latest technologies. Each article provides in-depth insights into design choices, animation techniques, and coding strategies to inspire your next project.
Case Study: Mount Media
In Articles, by Hexagon Agency
During Mount Media’s rebranding journey, its website became the ultimate stage for showcasing its “we know how to result” vibe. Here is a long story short about teamwork behind it.
Case Study: Armur—Alexandra Murgu Portfolio
In Articles, by Artemii Lebedev
Behind the scenes of one of Artemii Lebedev’s projects: Armur, a portfolio website for the film industry, created for Alexandra Murgu.
Case Study: Design Education Series
Explore how the Design Education Series (DES) by Obys Agency was developed to provide a dynamic and engaging learning experience with innovative design and 3D features.
Case Study: Rogier de Boevé Portfolio — 2024
In Articles, by Rogier de Boevé
Insights into the creative process and technical details behind the portfolio of Rogier de Boevé, a Belgium-based creative developer and digital designer.
Case Study: ToyFight — 2024
A snapshot of how the new ToyFight site was designed and developed.
Case Study: Oscar Pico Portfolio — 2024
In Articles, by Oscar Pico and Nam Hai
An exploration of the collaborative creative process between Oscar Pico and Nam Hai during the design and development phases.
Case Study: Vendredi Society
In Articles, by Raffael Velluti
Being visible is just no longer enough. It’s all about leveraging attention. And then moving forward together. Synced.
Case Study: Gabriel Contassot’s Portfolio — 2024
In Articles, by Federico Valla
A look into the making of Gabriel’s 2024 portfolio website, complementing minimal design choices with subtle animations.
Case Study: 84—24
In Articles, by Michele Giorgi
A look into the making of 84—24. The tale of restoring an ’80s timeless classic.
Case Study: Design Embraced Portfolio – 2024
In Articles, by Davide Perozzi
A look behind the code and collaboration of the new portfolio for Anthony Goodwin at Design Embraced.
Case Study: Ronin161’s Portfolio – 2024
A look into the making of Ronin161’s new portfolio for 2024, from ideas to code. Plus an in-depth explanation about the custom Toon Shader.
Case Study: Sophie Studio
In Articles, by SOPHIE.STUDIO
With a gaming interface as its core concept, Sophie Studio’s website design showcases its values, purpose, and expertise in a fun and engaging way.
Case Study: Studiogusto
In Articles, by studiogusto
Get a glimpse of the creative and innovative techniques used by Studiogusto, a dynamic agency, in designing their new website to better reflect their values and showcase their expertise.
Case Study: Crosswire
In Articles, by Unseen Studio®
Take a look behind the scenes of the creation of a unique website for Crosswire that used a 3D environment made with WebGL to simplify their complex service offering.
Case Study: Windland — An Immersive Three.js Experience
In Tutorials, by Anderson Mancini
A look into the making of a mini-city full of post effects and micro-interactions using Three.js.
Case Study: Anatole Touvron’s Portfolio
In Articles, by Anatole Touvron
A practical case study of Anatole Touvron’s Portfolio where you’ll get some insight on the process and some valuable tips.
Case Study: A Unique Website for Basement Grotesque
In Articles, by Julián Benegas
A look behind the scenes of the website built for Basement Grotesque, the open-source typeface of basement.studio
