What's Your Question?

What Is a Case Study?

When you’re performing research as part of your job or for a school assignment, you’ll probably come across case studies that help you to learn more about the topic at hand. But what is a case study and why are they helpful? Read on to learn all about case studies.

Deep Dive into a Topic

At face value, a case study is a deep dive into a topic. Case studies can be found in many fields, particularly across the social sciences and medicine. When you conduct a case study, you create a body of research based on an inquiry and related data from analysis of a group, individual or controlled research environment.

As a researcher, you can benefit from the analysis of case studies similar to inquiries you’re currently studying. Researchers often rely on case studies to answer questions that basic information and standard diagnostics cannot address.

Study a Pattern

One of the main objectives of a case study is to find a pattern that answers whatever the initial inquiry seeks to find. This might be a question about why college students are prone to certain eating habits or what mental health problems afflict house fire survivors. The researcher then collects data, either through observation or data research, and starts connecting the dots to find underlying behaviors or impacts of the sample group’s behavior.

Gather Evidence

During the study period, the researcher gathers evidence to back the observed patterns and future claims that’ll be derived from the data. Since case studies are usually presented in the professional environment, it’s not enough to simply have a theory and observational notes to back up a claim. Instead, the researcher must provide evidence to support the body of study and the resulting conclusions.

Present Findings

As the study progresses, the researcher develops a solid case to present to peers or a governing body. Case study presentation is important because it legitimizes the body of research and opens the findings to a broader analysis that may end up drawing a conclusion that’s more true to the data than what one or two researchers might establish. The presentation might be formal or casual, depending on the case study itself.

Draw Conclusions

Once the body of research is established, it’s time to draw conclusions from the case study. As with all social sciences studies, conclusions from one researcher shouldn’t necessarily be taken as gospel, but they’re helpful for advancing the body of knowledge in a given field. For that purpose, they’re an invaluable way of gathering new material and presenting ideas that others in the field can learn from and expand upon.


case studies for web

Case studies

Case Studies

Our work in action.

Explore our web design case studies to see how we craft custom sites that look great, perform well, and drive serious results.

Engaged Sessions

Retail & products.

Blenz needed a fresh new website to reflect their updated branding, and to help customers more easily find their way to online orders, app downloads, and perks.

A new web design with vastly improved structure and navigation help BC Dairy’s different audiences discover their array of tasty content.

Our website redesign helped SISU’s visitors quickly and easily find where to buy their products, while showcasing their wellness blog as a resource.

Organic Search Traffic

Craft beer market.

Our tantalizing website redesign helped CRAFT Beer Market achieve huge increases in their search traffic, impressions, and page speeds.

This new website was focused on helping SHARE capture their rebrand, expand their offering, and make their content more conversational.

Travel & Tourism

Tourism prince rupert.

This redesign helped Tourism Prince Rupert earn significantly more search traffic and engagement, while making it easier for their team to manage their ever-evolving content

Average Engagement Time

Backpack buddies.

Backpack Buddies needed a full redesign to help their organization raise awareness, and to significantly improve their visual storytelling to create that emotional connection needed to drive donations.

case studies for web

BC Burn Fund

The BC Burn Fund had a heavily outdated website that was difficult to use, and failed to capture their important programs and services. They needed a massive redesign to help drive awareness, attract donors, and support campaigns – starting with proper brand guidelines.

Bounce Rate

PCRS needed a redesign to make their website much easier to search and browse, to help make their critical services more accessible to vulnerable communities with limited online access.

More Website Users

Lgm financial services.

LGM needed a website redesign to showcase their new products and services, and bring their rebrand to life. Our project helped them drive traffic, boost engagement, and speed up their site.

Health & Wellness

We designed an all-new website for BRIA to launch their new virtual mental healthcare service for women and start building their patient list.

Engineering & Construction

This brand new web design helped Nexii double their search traffic and content views, and drastically increase website visits from their U.S. audience.

Under the Same Sun

Under the Same Sun needed a fresh website that could better convey their impact and tell their story, to help drive awareness and – ultimately – donations.

case studies for web

Our website redesign helped RCBC organize their massive volume of important resource content for multiple competing audiences, while making it easier for their team to keep content up-to-date.

Sandbox Royalties

Sandbox Royalties needed a brand new website to launch their company into the market, and immediately begin to attract investors. It had to be uncomplicated yet highly professional.

Circular Materials

This huge website redesign project required organizing a vast amount of content for multiple audiences into an efficient architecture, building a highly usable backend, enabling tailored user experiences by location, and supporting two languages – all on a tight turnaround.

Pages Viewed Per Session

Lindome structures.

Lindome needed a major website redesign to properly showcase their product library and accessories, to help facilitate lead generation and conversions. We went with a bold, visual design to showcase real life applications of their structures.

case studies for web

Faster Page Loads

Technology & investment, delta-q technologies.

We crafted a new web design for Delta-Q to help them showcase their innovative solutions and capabilities, and deepen their company storytelling, while drastically improving visitor engagement.

Horizon Copper

Horizon Copper needed a spacious new website to showcase their brand, while making it easier for investors and the public to find critical information about their asset portfolio.

Kitimat Bound

Our brand new website for Kitimat Bound helped capture the region’s breathtaking natural beauty and entice travellers, as evidenced by the rapid climb in search traffic and engagement each month since launch.

Canada’s Placemaking Community

The all-new website we designed for CHCI’s Placemaking Community find its audience, so the organization can share resources and showcase community projects to make others want to get involved.

Mobile Traffic

Yvr art foundation.

The clean, welcoming new website we designed for the YVR Art Foundation helped them double their traffic and on-page engagement, significantly increasing their reach about opportunities and exhibits.

Professional Services

Western stevedoring.

We crafted a new website structure and design for Western Group and its two divisions. The new sites are straightforward for their customers to use, while broadening their company story.

Equinox Gold

A clean, uncluttered design helped Equinox Gold showcase investor information about their mining portfolio, and while keeping the public informed about their responsible practices.

Conversion Rate

Surrey hospitals foundation.

Our total website redesign for Surrey Hospitals Foundation helped them showcase their rebrand, deepen content about their community impact, and drastically increase website traffic and conversions.

Longer Sessions

Summ foods.

The new website we designed for SUMM! Foods helped them better tell their heartwarming brand story, and to achieve huge improvements in their website engagement.

Able & Howe

Our design project for Able & Howe was focused on helping them reposition their brand, deepen their content, and highlight their unique business approach.


Our fresh web design helped BuilderWorks achieve impressive page speeds and a high conversion rate right after launch.

Smart, Savvy + Associates

We crafted a new website to help Smart, Savvy capture their recent rebrand, and to create a more usable experience for their two distinct audiences.

Research & Education

Chba bc education.

We built a brand-new website for CHBC BC to house their high volume of educational content, driving significantly more organic search content within a few months after launch.

This redesign helped Vivreau dramatically increase search traffic and engagement, while showcasing their product offering and environmental impact.

Braintrust Group

We redesigned Braintrust Group’s website to create a more welcoming, motivating user experience that would improve their conversion rate – and it worked.

We redesigned MRS Lumber’s website to create a much more usable product catalogue, drive more traffic, and to improve sales.

case studies for web

TreeFree Sourcing

Tree Free Sourcing had a tiny website, so we crafted a new design that would help them deepen their content, showcase their B2B offering, and drive sales.

Website Users

Four points insurance.

Four Points Insurance needed to move their commercial offering to its own domain. We designed a new website that earned huge traffic, engagement, and page speeds right after launch. 

Miracon Development

Our ongoing partnership with Miracon resulted in not only a fresh website for their business, but also several sub-sites for their new developments and  massive monthly leaps in traffic and conversions.

This redesign project was about helping Stanscott distinguish their product portfolio from the parent company, and highlight opportunities for potential clients in the Caribbean and beyond.

ISS Language and Career College

As part of our ongoing partnership with ISSofBC, we redesigned the website for their Language & Career College to create a welcoming experience with clear paths to their many language programs and services.

Centre for Brain Health

The UBC Centre for Brain Health creates a massive amount of important content, and it was our job to help them organize it into a well-structured new website.

A Better Life

A Better Life Foundation needed a website redesign so they could better communicate their meaningful work, create community connections, and drive their digital campaigns.

Beacon Group

The new website we designed for Beacon Group involved a total brand reinvention and improved content strategy to showcases their unique approach to consulting

Fraser Valley Conservancy

We crafted a new website for Fraser Valley Conservancy to help them tell their story, clearly convey their impact, and better engage with potential donors.

Spur Communication

Spur Communication had grown way beyond their one-page website, and hired us for a redesign that included deeper content and a custom Shopify theme for an all-new digital downloads store

BC Non-Profit Housing Association

We redesigned the website for the BC Non-Profit Housing Association help make their valuable resources much more easily discoverable, while aligning with a recent rebrand.

Our website redesign helped CHÉOS boost search traffic and engagement, and drastically improve the organization of their critical health research content.


The new Naturally:Wood website was a huge challenge that we enjoyed: folding two large, resource-heavy sites into one usable structure and rebranded design.

Forestry Innovation Investment

The new website we crafted for Forestry Innovation Initiative helped them significantly improve their page speeds, engagement, and traffic – but most importantly, it made it easier for their team to manage their content.

DeMello Spirituality Center

We redesigned the DeMello’s Spirituality Center’s website to refresh the user experience, and to improve content discoverability.

Avg. Conversion Rate

Northwest bc recruitment.

This project was a joint venture for several communities that needed an engaging and interactive website experience to showcase jobs and regional attractions in Northwest BC.

Search Traffic

The CTN needed a new website to help their underserved audiences access vital resources and information. Our design helped them increase search traffic and engagement, too.

North Vancouver Chamber

This fresh web design helped the North Vancouver Chamber achieve a huge increase in conversion rate, as well as improved on-site engagement.

Marion Scott Gallery

Marion Scott Gallery has showcased contemporary art from Northern Canada since 1975.

One World Education

One World Education helps learners of all ages develop critical thinking and writing skills.

Semios tasked us with a full website redesign for their global expansion, to facilitate improved navigation and deeper content about their expanding capabilities.

Barbican Property Management

Barbican Property Management needed a new website to improve their content and search capabilities for potential tenants browsing hundreds of residential and commercial properties.

BBS Pro needed our help to drastically improve the usability of their technical product catalogue, while increasing traffic, engagement, and page speeds


Envisio came to us looking for a a total website overhaul to reflect their visual rebrand. At the same time, they wanted to improve their storytelling, SEO, and conversions.

Binnie’s website redesign was about reflecting their rebrand, deepening their content, and demonstrating their impressive experience and capabilities to both customers and potential recruits.

A Filthy Lot

The website we crafted for A Filthy Lot helped them put their video content front-and-centre, while drastically improving their search traffic, engagement, and conversion rate.

Adrenaline Tattoo Studios

We crafted a highly visual website for Adrenaline Studios, improving their storytelling content while increasing their search traffic and engagement.

Archetype Glass

Archetype hired us to create a polished new web design to match their premiere products, plus a complex product catalogue and tiered content filtering.

The new website we built for PHS helped them better convey their vital community services for donors – and drove a massive conversion rate increase.

Faster Loads

Bright health.

This redesign was a fun challenge involving a complete rebrand and name change, deepening content while reducing clutter,  and creating micro-sites for products. The new site more than doubled their organic search traffic.

Kenorah’s website redesign was all about better showcasing their breathtaking dream-home projects through a more visual experience, while amplifying their intimate process to help potential clients fully envision the smooth work and results.

RDH Building Science

RDH tasked us with a full website redesign to migrate three sites into one interface, while keeping the content from three blogs  and their services clean and usable for distinct audiences.

Repeat Visitors

Quantum matter institute.

We were thrilled to help the Quantum Matter Institute with a complete redesign of their content structure and site design, to organize a vast volume of content into a usable experience.

One Coffee hired us for a website redesign to reflect their products’ new look, and to deepen their content for improved SEO. We also helped them significantly boost page speeds.

case studies for web

We designed an all-new, strategic website to help Herstasis™hit the market running, raise awareness, attract investors, and build an audience ready to use their product.

Host Defense

Host Defense needed an all-new website to launch their brand in Canada, with a shoppable product catalogue and ample educational resources for existing and potential customers.

Secure IT Systems approached us about a redesign to create a deeper website experience that accurately showcases their capabilities, and feels as professional as their customer care.

CooperTree Analytics

CopperTree needed a fresh web design and structure to make their high volume of technical information easier to digest, while building out stronger areas for their trust and credibility content.


Softlanding’s website redesign was all about improving their complex user experience, especially navigation. At the same time, we improved their conversion rate, engagement, and site speed.

The new website we crafted for Botanica was focused on helping users find content quickly and effortlessly, and communicating their dedication and commitment to wellness while boosting SEO, conversion rate, and mobile performance.

Neighbourhood Small Grants

Neighbourhood Small Grants needed a total website redesign to deliver more customized multilingual audience experiences, and to capture their exciting rebrand.

The Dakeryn group of companies needed a fresh website to add more depth to their content, flesh out their product directory, and build up their sustainability storytelling.

The Sound came to use for a full revamp of their user experience, needing more content for SEO, improved content discovery, and a much stronger and easier-to-manage CMS.

Equinox Gallery

We crafted a new website for Equinox Gallery to recreate the in-person experience through clean, minimal design and new areas for content discovery and virtual viewings.

Longer Mobile Visits

Population Health Research Institute needed a full website redesign to help make their huge volume of critical research content much easier to search and explore.

Tourism New Westminster

Tourism New Westminster serves both tourists and residents, so they needed a total redesign to make all of their local content more visually appealing and browsable to help drive business.

Inclusion BC

Inclusion BC tasked us with designing a highly usable and welcoming new website to help their audience find critical resources and opportunities.

BluEarth Renewables

The fresh website we built for BluEarth Renewables boasts an exceptionally strong information architecture and navigation, with clear paths to key content for each of their many diverse audiences.

Tourism Langley

Tourism Langley wanted a custom web design focused on rich photography, with a powerful user experience tailored to helping people quickly find events, guides, and local tips to get them excited about the township.

Stella Custom Glass Hardware

Stella Custom Glass Hardware needed their new website to be rooted in a quick, intuitive mobile experience, to help their B2B audience find parts and specs while working on job sites.

The Nature Trust of BC

The Nature Trust of British Columbia needed a new web design to better tell their brand story and the value of their work, to help drive conversions.

First Nations Summit

The First Nations Summit needed a brand new website to make information, tools, and resources about the BC treaty process more accessible.

Our years-long partnership with ISSofBC has included two full redesigns of their main site, as well as building separate sites for their services and programs.

Pacific Centre for Reproductive Medicine

Another long-time partner, we’ve worked with PCRM through redesigning and expanding their website as their business has grown to include new locations and services.

Start Your Project

If your website isn't performing well or just doesn't properly represent your business, talk to us. We'll build you a custom solution that works.

Amp Up Your Site!

Sign up to get our latest articles, packed with website tips and more.

case studies for web

How to write the perfect web design case study to win more clients

An immersive digital portfolio is the key to landing new clients. Learn how to show off your skills with a winning web design case study.

case studies for web

Webflow Team

case studies for web

A design portfolio without case studies is like a movie with no dialogue — visually present but lacking the substance needed to convey its full meaning.

Dialogue and case studies both communicate meaning. Without dialogue, audiences struggle to understand a film’s plot, characters, and themes, similar to how clients will struggle to understand the problem you solved, your design process, and the impact of your work without a thorough case study.

When you’re competing against other designers for a project or role, a well-written web design case study sets your portfolio apart , showing potential clients what you’ve done and what you’re capable of.

What is a case study?

A case study is an in-depth investigation into a person or group of people, a situation, event, or a product. A web design case study is a visual and textual analysis of a successful web platform, landing page , website design, or other web-based product. These types of case studies can be physical documents, but they’re often digital: PDFs, infographics, blog posts, or videos. Screenshots are an essential component, as are wireframes and mockups. But a robust web design case study also features detailed written explanations.

These visual and written elements work together to create a comprehensive assessment of the design process from start to finish, including the challenges faced, the solutions implemented, and the results achieved.

5 benefits of web design case studies

Now that we’ve touched on how case studies sell prospective clients on your work, here are a few other benefits of adding web design case studies to your portfolio website:

1. Demonstrate expertise

Case studies are a powerful marketing tool for designers to demonstrate their capabilities to potential clients or employers. A good web design case study showcases your skills and expertise in solving complex design problems.

2. Build credibility

In case studies, designers often include the name of the business, client, or project they’ve worked on, building credibility by providing real-world examples of their past work. You can even add testimonials and reviews to highlight positive feedback directly from those you’ve worked with.

3. Inspire future projects

Examining and analyzing your own work can inspire your next website build — maybe you’ll try one of the layouts that was nixed for this project or center the next design around an element you ended up loving. It also provides guidance and best practices for design projects, setting the bar for innovative design.

4. Encourage personal growth

Writing an investigation of your own design portfolio pieces after completing a project provides an excellent avenue for self-reflection. Reflecting on past projects, the struggles you’ve faced working on them, and what you’ve learned from the process will help you identify your strengths as a designer and areas of improvement to work on.

5. Improve communication

Presentations of your own work don’t just communicate the design process, decisions, and outcomes to clients. They also speak to stakeholders, including clients, team members, and management. A well-written case study illustrates a designer’s ability to effectively communicate complex design ideas and concepts, and writing it will improve your communication skills and offer insight into how effectively you work and collaborate with others.

What makes an effective web design case study?

A web design case study describes the process you took to solve a challenge with a particular web design project. A successful case study features a notable client project, a well-written narrative structure, and an engaging visual design.

Think of it as a story with an identifiable beginning, middle, and end. Throughout the story, show clients your approach to successful web design — the problem, the research you did to prepare for the project, the steps and iterations you completed throughout the process, and the final results you delivered. This narrative structure helps clients understand the project’s evolution and details your design process, making it key to an effective case study.

Case study curation and criteria

We’ve covered the basics of what a good case study looks like. But how do you determine which projects to include? If a project meets all the following criteria, it’s a good candidate for a detailed case study.

Is it relevant to the future projects you hope to explore?

If there’s a type of project you’ve completed in the past that you’d like to avoid in the future, that particular portfolio piece might not be a great option for a case study. You’re not just trying to sell yourself to clients — you’re trying to land jobs you actually want to do.

Does it have a defined initial problem?

Web design projects often arise as a result of a problem. These projects are perfect for case studies because the product design goes beyond appearance and functionality. Here are some of the issues your designs might solve:

  • Poor user experience: To create a smooth, enjoyable experience for users, user experience (UX) design focuses on identifying and solving issues that cause frustration, confusion, or difficulty while using an app or a website, such as confusing navigation, misleading icons, or slow load times. Addressing these challenges lets you showcase your understanding of your target audience’s needs and demonstrates your ability to apply your creative and technical skills to solve them.
  • Low search engine ranking: Redesigning a website with search engine optimization (SEO) in mind will improve its ranking in the search engine results pages, and you’ll have metrics to include in your case study to quantify the claims you’re making.
  • Inconsistent branding: Brand design is a massive part of a company’s identity. A lack of alignment between the logo, colors , and other visual elements of a brand’s identity and its digital assets reflects negatively on the company, leaving customers with more questions than answers about who’s behind the brand. Good web design can bring a sense of cohesion to the company’s digital products, an achievement you can speak to in your case studies.

Does the outcome deliver measurable success?

Good design is subjective, but the best projects for case studies have data to show how successful they are. Search engine ranking is one example. You might also highlight impressive metrics for user engagement (bounce rate, time spent on the site), conversion rate (the percentage of visitors who make a purchase or fill out a form), or web traffic (the number of visitors to the website).

Is the project visually suitable for presentation?

When preparing a web design case study, consider the various formats it can be presented in, such as a video, static webpages, or interactive web content.

Selecting projects that fit your chosen presentation format is essential to showcasing your web design skills. As a web designer, it’s a given that whatever you’re presenting to potential clients needs to use thoughtful, aesthetically pleasing designs.

Design for display

There’s no single right way to present a case study. What’s most important is that your case study tells the story of the journey from an initial problem or idea to a finished product that meets the client’s needs.

A minimalist design will help you achieve this goal. But don’t confuse minimalist with boring. You can (and should) get clever with the presentation. Instead of using basic screenshots, for example, consider exhibiting your work in modern frames with immersive features. Or display screenshots of the product in its natural habitat. Webflow designer Karen Huang uses a digital screen in this user experience case study to feature a screenshot of the user interface (UI) on a smartphone screen just as users would experience it:

Mockup of a laundry app in a smartphone-inspired frame.

Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.

How do you structure a case study?

The contents of every web design case study will vary, but they should all follow this basic structure:

1. A challenge

Webpage presenting client information, statistics, calls to action, and a screenshot of the company’s website.

Start your case study with an introduction to your client and the problem your design solved. Include details about the project’s context, goals, and constraints. This section sets the stage for the rest of the case study and ensures the readers clearly understand what the project — and your solution — is all about.

2. A solution

Webpage featuring four mockups of different sections of a website.

Detail your approach to solving the challenge introduced in the previous section. Include information about your research, its methodology, and the data you gathered to develop your solution. Focus on your skills, not diagnostics — this is the place to showcase your intelligent approach, reasoning, and innovative ideas that ultimately resolve the challenge.

For this section, it’s helpful to break each key resolution into separate paragraphs and introduce images in chronological order to detail your design process. Screenshots of wireframes and strategy phases will paint a vivid picture of the project’s journey.

If you face any challenges or roadblocks while designing your solution, discussing them provides insight into your problem-solving skills and shows potential clients how you overcome difficulties. End this section with multiple pictures of the final product, and be sure to include a direct link to the project for potential clients and employers to peruse.

3. The impact

Alt text: Webpage featuring project impact metrics and a photograph of two women laughing.

This section is where you’ll highlight metrics and data that back up the project’s success. Leverage metrics, user feedback, or whatever data is available to illustrate how your solution solved your client’s challenges and achieved the project’s goals. You can also include information about the potential longitudinal impact of your work and future opportunities for the project.

4. Key quotes

Webpage featuring a client pull quote and two photographs of product prototypes.

A case study is a perfect place to share client testimonials and add quotes from team members to help readers learn what the experts behind the project think about the build. Get creative but use quotes sparingly, sprinkling them throughout the case study to support the image or project stage the quote relates to.

Let your work do the talking

At Webflow , we offer the tools to make websites and the tutorials you need to perfect them. Learn how to start a web design business , make an online portfolio , or enhance your skills with a web design certificate with guidance from our blog and educational platform, Webflow University . Draw inspiration from our collection of templates and websites and start building your best site yet with Webflow.

May 4, 2023

Recommended reads, 6 key steps to crafting a brand messaging framework that builds trust, what is intuitive design: creating an easy-to-use website, hick’s law: how to make choices easier for users, subscribe to webflow inspo.

Get the best, coolest, and latest in design and no-code delivered to your inbox each week.

Join the conversation

Related articles.

case studies for web

Presenting your web design portfolio: The complete guide for winning new clients

case studies for web

4 steps to creating an impressive UX design portfolio

case studies for web

10 UX design portfolio examples to spark your creativity in 2023

case studies for web

How to make an online portfolio that will impress clients

case studies for web

13 tips to make you a better web designer

case studies for web

How to Upsell Your Services & Retain Clients (10 Best Tactics)

What ’ s webflow.

  • Interactions

Edit and update site content right on the page.

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Transforming the design process at

  • Localization
  • Figma to Webflow Labs
  • DevLink Labs
  • Feature index
  • Accessibility
  • Webflow vs WordPress
  • Webflow vs Squarespace
  • Webflow vs Shopify
  • Webflow vs Contentful
  • Careers We're Hiring
  • Merch store
  • Accessibility statement
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
  • Freelancers and agencies
  • Marketplace
  • Libraries Beta
  • Hire an Expert
  • Made in Webflow
  • Become an Expert
  • Become a Template Designer
  • Become an Affiliate


Elevate your brand with website redesign services that take your website from “good enough” to your industry’s gold standard.

Enhance and protect your existing site with dedicated website support that plans, executes, and measures improvements.

The Ultimate Website Redesign Project Plan and Worksheet. Read More

Website Case Studies

Websites that sell ..

Over the past 12 years, we've created hundreds of jaw-dropping websites. Below are a few of our favorites, along with the stories of what they've done for our clients.

Website Success Across Industries

Client industries 0, project platforms 0, project types 0.

solar system

Get Started Today

Your Website Is Your Marketing Foundation.

Investing in digital marketing without having a great website will only result in lost time, lost revenue, and poor brand perception.

Ready to avoid that headache?

Good, because we're ready to help.


  • Privacy Overview
  • 3rd Party Cookies

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

This website uses Piwik and Clearbit to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

Please enable Strictly Necessary Cookies first so that we can save your preferences!


Digital destinations, from idea to execution.

  • Business-to-Business
  • Business-to-Consumer
  • Marketplace
  • Product Catalog
  • Beauty & Consumer Goods
  • Finance & Insurance
  • Food & Entertainment
  • Goverment, Nonprofit, & Education
  • Manufacturing & Aerospace
  • Real Estate, Architecture, & Engineering

Creating a Better Online Presence for a Private Health Foundation

Lighting up an internet presence for bega, law firm website redesign that delivers justice to their growth & success, thanks for subscribing.

Keep an eye out for awesome web content heading straight for your inbox!

Unlock Your Free Homepage Audit

Let our friendly web experts curate a personalized list of improvements that will help enhance the online presence of your brand.

Case Studies

Search Engine Optimization

Web Development

  • Conversion Rate Optimization

case studies for web

SEO, Paid Media, and Analytics

22 Sep 2023

case studies for web


20 Jul 2023

Medius Logo

29 Jun 2023

case studies for web

01 Mar 2023

case studies for web

02 Jan 2023

Seattle Suttons Logo

Seattle Sutton's Healthy Eating

30 Mar 2022

Streetwise Logo

5 inspiring web design case studies

A good case study makes for a top calling card; check out these examples.

The reality of web design is that once you've finished a project, you hopefully move straight onto the next one. However, every site you deliver is an essential portfolio piece that demonstrates your skills and abilities, and while you'll usually want to link to your recent work on your site, it pays to do the job properly.

Rather than simply grabbing a screenshot of a landing page and a link and adding it to your online portfolio, writing up an engaging case study on your work can be a lot more worthwhile. Case studies don't need to be lengthy essays; they just need to give readers a taste of your process and provide some insight into the challenges you've faced over the course of a web build and how you solved them. 

They're a great way to let potential clients know how you work, and they can also provide inspiration for other designers and developers; here are five of our favourite recent examples. Make sure you also check out our top web design tips .

  • How to write engaging case studies for your portfolio

01. Museum of Science and Industry of Chicago

For a really inspiring case study, it's hard to beat DogStudio's extensive piece chronicling its work for the Museum of Science and Industry of Chicago. The museum is a vast and highly respected American institution, and you can't help but get the impression that DogStudio was punching well above its weight when it won the commission to rethink and revamp its web platform, but as this case study reveals, it carried the job off with aplomb.

Packed with revealing wireframes, imagery and animations, it's a fascinating insight into a massive and challenging build that had to cater for more than five million online visitors wanting to do everything from buy tickets through to figuring out where to park and finding information about individual exhibits. 

02. National Geographic: A Bear's-Eye View of Yellowstone

Sometimes it's better to show rather than tell. For this captivating look at Yellowstone National Park as seen by four bears fitted with camera collars and GPS, Hello Monday had a wealth of footage, data and expert analysis to work with. And rather than go into dry details of how it fitted everything together, it keeps things brief in its case study , providing a short outline of the project and deliverables before moving on to an entirely visual essay that demonstrates just how much work went into creating this digital feature.

As well as a good helping of footage and screenshots showcasing what the site's all about, what we really love about this study is a section dedicated to how Hello Monday stamped its own personality on the project, breathing extra life into the feature with animation, watercolour illustrations and pencil-drawn portraits of each bear.

03. Once Upon a Time in… Hollywood

Currently doing big business at the box office, Quentin Tarantino's Once Upon a Time in… Hollywood is a love letter to 1960's cinema that recreates its era with Tarantino's typical attention to detail. And to create an online presence that captured the feel of 1969 Hollywood as well as the film, LA agency Watson went the extra mile to create a digital magazine that feels like it could have come off a newsstand 50 years ago.

In this case study the Watson team explain not only the thinking behind the magazine and its pitch-perfect adverts, but also how they create a physical print run of the mag that got handed out at the premiere and first-night screenings, creating a whole other social buzz as movie fans posted shots of their magazine to prove that they were there. If you're looking for ideas on how to run a strong social campaign, there's some great material here. 

04. British Red Cross

Kota's case study on its recent work with the British Red Cross is a clear and concise piece that provides valuable insight on the challenges – and opportunities – of working on a campaign with an institution with clear-cut brand guidelines that need to be adhered to. In the case of the British Red Cross's OneKindThing campaign, Kota had to create a platform that stood out from previous campaigns while staying within the society's pretty epic brand guidelines.

With a handful of images and a couple of paragraphs, Kota outlines how it managed just that, and also covers some of the technical hurdles that had to be overcome to deliver the finished site. The end result was well worth the effort, as the British Red Cross testimonial at the end of the case study reveals.

05. Stonewall Forever

To mark the 50th anniversary of the Stonewall Riots, an event that helped bring about the Pride movement, Stink Digital partnered with The LGBT Community Center to create Stonewall Forever, an immersive digital experience that features key narratives and previously unheard stories from LGBTQ+ history. 

Stink Digital's case study explains how it built a living monument to 50 years of Pride, based in Christopher Park, New York, but accessible anywhere through a website or AR app, and goes into some detail of the challenges of creating a WebGL monument that consists of over 10,000 individual shards with post-processing effects, but still runs at 60fps, even on low-end devices. 

Beyond the technical challenges, though, this is an absorbing and insightful piece on a project that explores life before, during and after the Stonewall Riots.

Related articles:

  • The hottest web design trends of 2019
  • How to refine your design portfolio
  • Get the perfect website layout in 27 steps

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Get the Creative Bloq Newsletter

Daily design news, reviews, how-tos and more, as picked by the editors.

Jim McCauley

Jim McCauley is a writer, performer and cat-wrangler who started writing professionally way back in 1995 on PC Format magazine, and has been covering technology-related subjects ever since, whether it's hardware, software or videogames. A chance call in 2005 led to Jim taking charge of Computer Arts' website and developing an interest in the world of graphic design, and eventually led to a move over to the freshly-launched Creative Bloq in 2012. Jim now works as a freelance writer for sites including Creative Bloq, T3 and PetsRadar, specialising in design, technology, wellness and cats, while doing the occasional pantomime and street performance in Bath and designing posters for a local drama group on the side.

Related articles

case studies for web

5 Reasons To Include Case Studies On Your Website

Case study

Case Studies For Your Website

The world of marketing is very competitive. One way to get ahead is to use case studies on your website . They are very effective written accounts attesting to what your business can offer.

A case study simply outlines a request your business received from a customer and the steps you took to find the solution that suits their goals. It demonstrates your knowledge and skills while summarising and quantifying the achieved results. According to Hubspot , case studies are the fifth most popular type of content and are ranked as one of the top forms of media by 13% of marketers.

The 5 Advantages of Case Studies

Quantify results.

This is the most powerful aspect of case studies. They are effective because they show to what degree you are able to help customers yield their results. This demonstrates your company’s credible. Talk is cheap!

Express Previous Successes

They allow you to highlight how your unique products and/or services have benefited your customer.

Your Unique Process

Individual descriptions for each case study give readers a glimpse of your process. These descriptions demonstrate your ability to offer advice and/or products to get results for your customers. Case studies also exhibit your skills and experience in your line of work helping to attract new customers wishing to do business with you.

Build Your Reputation

Case studies help express how you work with your customers to find the solution that suits them. This displays transparency on how you conduct business with customers. New customers will know they are going to get an excellent service and/or product(s).

If customers are ‘on the fence’ about approaching you to do business then they are not sure you can do the job. A well-written case study can remove questions and doubts potential customers may be asking before they approach you. Your case study is one of the best ways to exhibit your professional skills and experience.

Case Studies are an easy and effective way to market your skills and experience on your website . It is to your advantage to explain to your new and existing customers what it is you can do for them to get real results for their business.

Why not contact us today to discuss how case studies can benefit your business today.

Darren Doyle

Darren Doyle

You might be interested in.

Instagram Ad

Instagram Ads for Complete Beginners

Instagram ads are paid photo and video posts that brands share across the platform. The main places ads can be shown on Instagram is either Stories, within the users feed, or on the explore page. A significant 50% of users are more interested in a brand when they see ads for it on the platform. It’s no surprise that Instagram Ads are an essential part of many companies digital marketing

website traffic statistics on laptop

Want to Increase your Website Traffic?

So you’ve invested time, money and a lot of energy into getting your website set up, now how do you get people to visit it?Increased website traffic can help you gain more leads, stand out from competitors and improve sales. There are a lot of ways to help increase the number of visitors to your website but here are some of our top tips: Utilise your social media pages This

case studies for web

A Simple Guide to Call to Actions

What are Call to Actions? Call to actions (CTAs) are vital to have on all online and printed promotion material. No marketing campaign can do without a call to action. A CTA is your chance to achieve the desired result from your customers, getting them to buy or use your product / service or simply offer them information. Basically, you’re telling them to take a particular action. You might have

case studies for web

Everything You Need to Know About Green Marketing

Green marketing is a growing trend that benefits you as a business, your customers, and the planet. It involves selling products or services that are environmentally friendly or produced in a sustainable way. There are vast amounts of ways to do this, for instance, choosing renewable energy or doing something as simple as sending out e-newsletters rather than paper ones. Take for example Ben & Jerry’s, one of the first

case studies for web

The Secret to More Sales: Lead Generation

What is Lead Generation?  Before we look at what lead generation is we first need to understand what exactly a lead is.  A lead is a person or business who shows interest in your product or service.  This interest in your company is expressed through the sharing of contact information, such as a phone number, email address, or address.  Lead Generation is the process of attracting and converting consumers and businesses into



  1. 15+ Case Study Examples, Design Tips & Templates

    case studies for web

  2. 25 Great Web Design Case Study Examples

    case studies for web

  3. 15+ Professional Case Study Examples [Design Tips + Templates]

    case studies for web

  4. 15+ Professional Case Study Examples [Design Tips + Templates]

    case studies for web

  5. 15+ Professional Case Study Examples [Design Tips + Templates]

    case studies for web

  6. case study website design

    case studies for web


  1. Introduction and use cases (Full version)

  2. The Importance of Case Studies/Social Proof

  3. "my university. my future.": Amir studies Web and Data Science at the University of Koblenz

  4. Free Case Study

  5. Using the Web of Science database

  6. Case Study Presentation


  1. What Is a Case Study?

    When you’re performing research as part of your job or for a school assignment, you’ll probably come across case studies that help you to learn more about the topic at hand. But what is a case study and why are they helpful? Read on to lear...

  2. Why Are Case Studies Important?

    Case studies are important because they help make something being discussed more realistic for both teachers and learners. Case studies help students to see that what they have learned is not purely theoretical but instead can serve to crea...

  3. What Are Some Examples of Case Studies?

    Examples of a case study could be anything from researching why a single subject has nightmares when they sleep in their new apartment, to why a group of people feel uncomfortable in heavily populated areas. A case study is an in-depth anal...

  4. Case studies

    Case studies · How Yahoo! · How prefetching helped Terra increase ads click-through rate by 30% and speed up Largest Contentful Paint. · How Back/forward Cache

  5. Web Design Case Studies

    Lindome needed a major website redesign to properly showcase their product library and accessories, to help facilitate lead generation and conversions. We went

  6. Website Case Study Projects

    Popular Schools · UI/UX Case Study - Finance Website - Dashboard · AI Genius Fusion Making Website Design - Case Study · Private Jet Booking Website UX UI

  7. How to write the perfect web design case study to win more clients

    Start your case study with an introduction to your client and the problem your design solved. Include details about the project's context, goals

  8. 19 Examples of Online Case Studies Done Right

    Quick Tips for Designing Perfect Online Case Studies · Juicebrothers by Lama Lama · Art of Swissdent by Creative Nights · Max Shkret by Zhenya Rynzhuk · Mercado by

  9. 23 Website Case Studies ideas

    Mar 14, 2016 - Explore Taoti Creative's board "Website Case Studies" on Pinterest. See more ideas about web design, web inspiration, case study.

  10. Website Case Studies

    Key Skills: Web Design · Web Development · WordPress · Shopify · Website Support. Enhance and protect your existing site with dedicated website support that

  11. Web Design & Development Case Studies

    Check out what we do at SPINX Digital and how we help our clients in providing them right solutions in web design & development, online marketing and much

  12. Digital Marketing & Web Development Case Studies

    Check out Marcel Digital's work and see how we provide our clients with the best web development and digital marketing services. Read our case studies

  13. 5 inspiring web design case studies

    5 inspiring web design case studies · 01. Museum of Science and Industry of Chicago · 02. National Geographic: A Bear's-Eye View of Yellowstone.

  14. 5 Reasons To Include Case Studies On Your Website

    Case Studies are an easy and effective way to market your skills and experience on your website. It is to your advantage to explain to your new and existing