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 vue-js

Case Study: itsnotviolent.com

In Articles, Jan 21, 2020 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 distortion three-js webgl

Case Study: Akaru 2019

In Articles, Dec 30, 2019 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 distortion portfolio scroll three-js webgl

Case Study: Portfolio of Bruno Arizio

In Articles, Dec 18, 2019 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.

3d case-study hover portfolio three-js webgl

Case Study: Chang Liu Portfolio V4

In Articles, Oct 16, 2019 by Chang Liu

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.