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 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: 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
Case Study: itsnotviolent.com
In Articles, by Marie-Christine Dion
A case study that explores the motivation, design and implementation behind the itsnotviolent.com awareness campaign website made by Locomotive.
Case Study: Akaru 2019
In Articles, by Jeremy Franzese
In this creative breakdown you will learn how the signature WebGL oil effect of the new Akaru website was created.
Case Study: Portfolio of Bruno Arizio
In Articles, by Bruno Arizio
A look behind the scenes of Bruno Arizio’s portfolio with insight into the design process and an in-depth technical breakdown of the WebGL implementation.
Case Study: Chang Liu Portfolio V4
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu’s new portfolio.
