graphic design studio case study

GRAPHIC DESIGN CASE STUDIES

Results: driven by strategic design.

As a strategic branding firm, we thrive on driving business results for our clients. When we collaborate with marketing leaders in the luxury consumer goods, interior design products, B2B technology, and nonprofits, foundations and higher education. Long term outcomes include strong relationships and design work that’s good for business.

Nonprofits, Foundations & Higher Education

B2B TECHNOLOGY CASE STUDY

Vadar brand development.

Create an updated, modern, turn-key graphic system to help streamline the overall sales process.

VIEW CASE STUDY >

LUXURY GOODS MARKETING CASE STUDY

Pure shenandoah.

With the legalization of cannabis in many states, Pure Shenandoah expanded their portfolio into the beverage marketplace.

HIGHER EDUCATION MARKETING CASE STUDY

Certifi branding & program launch.

Goldman Xpress

Designing a service identity system and direct-mail launch experience that converts jewelry retailers into repeat customers.

TruCustom Launch

Creating a scalable service launch campaign that drives excitement and new business within the competitive jewelry industry.

Mercy College “Take UR Shot” Campaign

Motivating a campus community to action with a friendly and heartfelt health campaign against COVID-19.

BRANDING CASE STUDY

Mms brand identity development.

Helping drive new business by repositioning a firm’s brand identity to reflect their high-level of industry expertise.

CANNABIS BRANDING CASE STUDY

Delta 8 thc packaging, higher education branding case study, mercy college: explore open house.

Standing out from the collegiate competition by building a memorable campaign that drives interest and excitement among prospective students.

NONPROFIT BRANDING CASE STUDY

Celebration of philanthropy.

Highlighting the achievements of Morristown Medical Center’s Growing Forward campaign through emotional patient stories and community impact.

Luxury Goods Marketing Case Study

Triton social.

Elevating Triton’s social media content to enhance digital merchandising, boost user engagement, and help drive customers to the ecommerce site.

CBD BRANDING CASE STUDY

Pure shenandoah brand development.

Creating a CBD brand identity from the ground up that leverages the authenticity of its agricultural roots.

Re-establish the Triton brand within the men’s jewelry market by leveraging the compelling story their legacy and strength.

INTERIOR DESIGN MARKETING CASE STUDY

Benjamin moore.

Redesigning a smarter, more efficient solution for Benjamin Moore’s portable color reference tools.

b2b technology marketing Case Study

Konica minolta.

Reimagining a printed promotional calendar as a vibrant, large-scale, show-stopping poster series.

Campaign 3Sixty

B2b technology marketing case study.

Designing an identity system for a start up that tells a flexible brand story at any stage of the business’s evolution.

Transforming a bridal jewelry brand with a rich heritage so it shines in today’s branded bridal market.

NONPROFIT BRANDING Case Study

Growing forward, complete security systems.

Developing a customer-focused website that prioritizes user experience and creates more trust with the brand name.

INTERIOR DESIGN MARKETING Case Study

Silks paint, b2b technology marketing case study, bizhub press 2250p book.

A novel, visual-driven concept that dramatically showcases the true quality of a commercial black and white digital printing press.

“Innovating the Workplace” Promotional Campaign

Designer color reference set.

Expanding Benjamin Moore’s system of designer tools with a multi-market solution that reflects the brand’s color authority.

ArtCarved Social

Triton custom launch.

Creating a distinctive and dramatic visual identity that builds excitement around the launch of Triton’s customizable ring collection.

Contact Studio C

Email Address

Briefly explain your project or inquiry and someone will get back to you ASAP. Thanks!

Find the images you need to make standout work. If it’s in your head, it’s on our site.

• Images home
• Curated collections
• AI image generator
• Offset images
• Backgrounds/Textures
• Business/Finance
• Sports/Recreation
• Animals/Wildlife
• Beauty/Fashion
• Celebrities
• Food and Drink
• Illustrations/Clip-Art
• Miscellaneous
• Parks/Outdoor
• Buildings/Landmarks
• Healthcare/Medical
• Signs/Symbols
• Transportation
• All categories
• Editorial video
• Shutterstock Select
• Shutterstock Elements
• Health Care
• PremiumBeat
• Templates Home
• Instagram all
• Highlight covers
• Facebook all
• Carousel ads
• Cover photos
• Event covers
• Youtube all
• Channel Art
• Etsy big banner
• Etsy mini banner
• Etsy shop icon
• Pinterest all
• Pinterest pins
• Twitter all
• Twitter Banner
• Infographics
• Zoom backgrounds
• Announcements
• Certificates
• Gift Certificates
• Real Estate Flyer
• Travel Brochures
• Anniversary
• Baby Shower
• Mother’s Day
• Thanksgiving
• All Invitations
• Party invitations
• Wedding invitations
• Book Covers
• Editorial home
• Entertainment
• About Creative Flow
• Create editor
• Content calendar
• Photo editor
• Background remover
• Collage maker
• Resize image
• Color palettes
• Color palette generator
• Image converter
• Contributors
• PremiumBeat blog
• Invitations
• Design Inspiration
• Design Resources
• Design Elements & Principles
• Contributor Support
• Marketing Assets
• Cards and Invitations
• Social Media Designs
• Print Projects
• Organizational Tools
• Case Studies
• Platform Solutions
• Generative AI
• Computer Vision
• Free Downloads
• Create Fund

An Expert’s Guide to Creating Graphic Design Case Studies

Case studies are a powerful tool in the creative industry. Being able to review your work, look at what you’ve accomplished, and learn from it is incredibly useful. But beyond being a tool to sharpen your skills, a case study is an invaluable marketing asset to have at your disposal. In an industry as competitive as design, a graphic design case study could become the driving force of your portfolio.

Since case studies are so powerful — going beyond simple testimonials and work screenshots — spending the time and effort to create an effective, well-done study pays for itself many times over. So how do you get the most out of your graphic design case study?

This quick guide will cover how to make an effective case study for your portfolio. Here are the key components:

• Targeting : Focus on a past client that represents your ideal future client.
• Perspective : Write in the client’s perspective so potential clients can easily relate.
• Narrative : Don’t be dry – tell a story about the client’s needs and your design process.
• Data : Show the success of your work through cold hard facts and numbers.

Read on for more case study insights from Wes McDowell of The Deep End Design .

Write for your ideal client

The first step in any case study is figuring out who to write about. Most likely, you have dozens — if not hundreds (if you’re doing your job right) — of happy clients to choose from. So how do you choose the best of the bunch?

The easiest and most effective way to figure out which client to focus on is by figuring out who you want to appeal to. Take a moment and try to visualize your ideal client. Maybe it’s someone in the music industry because of all those record-label internships you had in college. Or maybe you want to attract people in the healthcare industry. Whoever your ideal client is, and whatever the reasons, start there.

Once you’ve got your ideal client in mind, think about similar clients you’ve already helped. Maybe you designed a website for a new band last week. Or maybe you created a logo for your favorite doctor’s group practice. Starting with related case studies helps you to attract more of the same.

Write about the client, not about yourself

Writing a case study from the perspective of the client is another effective method. Writing about the specific issues that made them come to you in the first place is a great place to start.

If a potential new client can read the study and easily put themselves in the shoes of someone you’ve already helped, then congratulations — you’re on your way to a study done right. Prospects who can read it and think, “That’s my problem too!” will immediately feel that you can really help them. And that leads to more inquiries and even more clients.

Tell a story

Everyone loves to hear a good story, whether it’s what your friend saw her neighbor doing on her lawn, or how that crazy SUV driver cut off your brother in traffic today. Case studies might sound boring, but a well-crafted one isn’t.

Take your potential client on a journey from start to finish. Begin with who the original client was, what they do, and why they contacted you. Take the reader through your process: how you identified ways to help, how you met with the client, and what changes you implemented. Then reveal what the work looked like when it was done, how the client felt, and the end results.

Here’s a good example from the folks at Erskine Design. They draw you in from the first line, explaining why they were contacted, and walking you through the process from start to finish. There are also plenty of visuals to show you what work was being done and how.

Share the results

Last, and most certainly not least, be sure to use real, hard data. Some clients will scan your case studies just for that data. Maybe they aren’t interested in the journey, or how your old client is now your best friend who brings you apple pie on Sundays. That doesn’t make the story less important, but prospects need also to be assured that if they hire you, you’ll get results.

By all means, give them what they’re looking for. Show how your client’s traffic jumped from 100 people a day to 300. Show how sales increased by 20% because they hired you. Use real, hard, and authentic data.

This is incredibly important for those of us who handle a lot of SEO, SEM, or writing work. SEO MOZ has a very well-done case study that drives the point home. Here, they show us all the before-mentioned tactics — plus plenty of data, showing off exactly what they were able to accomplish and how.

Final thoughts

While the thought of writing a full case study may sound daunting (and a bit like homework), it doesn’t have to be. Prospective clients don’t want to read inside jargon any more than you want to write it, so feel free to write the way you would speak. Just tell a good story about how you took a client with a problem and effectively solved that problem for them, along with why you made some of the choices you did. It’s really just that simple.

Wes McDowell is the lead designer, blogger, and podcast host at The Deep End Design in Los Angeles.

Top image by Dmitriy Domino

All other images by  Darko 1981

Recently viewed

Related Posts

How to Design Podcast Cover Art

Your podcast’s visual identity is just as important as its content. Try seven tips to make your podcast covers stand out from the crowd.

Movie Poster Design Ideas for 2024

It’s time to build some buzz, filmmaker! Check out these movie poster ideas for 10 popular genres and get must-know tips to make your own.

Serif vs Sans-Serif Fonts: What’s the Difference?

In this article, we’ll discover more about the charming nature…

8 Pro Tips for Font Pairing

Learn how to use serif, sans-serif, and display fonts in print and web design with these expert typography tips for font pairing.

© 2023 Shutterstock Inc. All rights reserved.

• Terms of use
• License agreement
• Privacy policy
• Social media guidelines

• Melanie Lang
• Jul 19, 2013

75 Instructive Design Case Studies

• 20 min read
• Inspiration , Web Design , Graphic Design , Case Studies
• Share on Twitter ,  LinkedIn

About The Author

Former Smashing Editor Melanie completed her degree in Philosophy, Politics and Economics at Otago University, and is now freelancer and part-time politician. … More about Melanie ↬

Email Newsletter

Weekly tips on front-end & UX . Trusted by 200,000+ folks.

Not only are case studies a great way to explain the design process of an agency, but they also help designers and developers to learn from each other. Seeing how designers work, create, build and play is great, and furthermore, you can learn how to write a great case study yourself and how to use one to spice up your portfolio .

In this overview of useful case studies, we’ve featured studies that have recounted decisions made about particular design elements, as well as studies of full overhauls and their accompanying technical challenges. Most of them provide interesting insights into failures and successes , stories, workflows and design decisions made and rejected.

We must admit that this post is quite a long one, so we’ve decided to divide it into two parts to make it easier for you to navigate. Now you should be well prepared for a couple of late reading sessions over the next weekends!

Illustration, Graphics And Logo Design

“ Illustrator Full Spectrum Spirograph ,” Veerle Pieters Pieters talks about her experimentation process with spirographs, inspired by the work of Andy Gilmore.

“ The Design Process of my Infographic About Women Cycling for Grinta! ,” Veerle Pieters Pieters shares her experience of the design process behind the infographic on women’s cycling that she produced for Grinta magazine.

“ A Systematic Approach to Logo Design ,” Adham Dannaway Icon design can be time-consuming. Dannaway shows how to systematically approach a new logo design.

“ (Re)building a Simplified Firefox Logo ,” Sean Martell Learn how Firefox’s logo was simplified to better fit its extended usage beyond a desktop web browser.

“ Five Details ,” Jon Hicks Jon Hicks shares the design process behind the Five Details Logo, including the design and choice of typography.

“ Iconfinder Logo ,” SoftFacade SoftFacade completely reimagined Iconfinder’s existing identity and came up with a shiny and modern robot character. View the detailed design process.

“The Great Gatsby” Like Minded Studio collaborated on the branding of “The Great Gatsby“. The aim was to develop a bespoke Deco styled logo reflective of the roaring 20s and Fitzgerald’s masterpiece. They also created a display typeface to acompany the main branding. Additionally read more about it following this link.

“ Whitney Graphic Identity ,” Experimental Jetset In this case study of the Whitney Museum of Art’s logo, Experimental Jetset discusses the impact that a responsive logo can have on branding.

“My ‘Tour de France’ posters,” Veerle Pieters Pieters created posters for the 100th edition of the Tour of France. She mainly used the French landscape which she had used for the ‘Tour de France Infographic’ as a starting point.

“ Designing Type Systems ,” Peter Bil’ak To create truly useful designs, typographers need to examine not only how characters relate to each other within a style, but also how different styles relate to each other within a family. Peter Bil’ak discusses how to achieve this.

“ Novel Constructions: The Making of a Typeface ,” Christopher Dunst Dunst shares the process behind the creation of the “Novel” typeface.

“ The Development of the Signage Typeface Wayfinding Sans Pro ,” Ralf Herrmann Herrmann describes the development of the Wayfinding Sans Pro, a signage typeface that can be read from a long distance.

“ The Making of FF Tundra ,” Ludwig Übele Übele shares the process behing making the FF Tundra typeface, which was highly inspired by nature.

“ The Making of Magasin ,” Laura Meseguer Meseguer writes how she created Magasin, a typefaces inspired by fluid handwriting.

“Type Study” series, Adobe Typekit Typekit features a whole series of case studies of typography:

• “ Hi-DPI Web Typography ,” David Demaree
• “ Typographic Hierarchy ,” Frank Chimero
• “ Pairing Typefaces ,” Aura Seltzer
• “ Sizing the Legible Letter ,” Ethan Marcotte
• “ Stereo-Typography ,” Dan Mall
• “ Choosing Fallback Fonts ,” Josh Brewer
• “ Techniques for Using Novelty Fonts ,” Meagan Fisher

“ Social Login Buttons Aren’t Worth It ,” MailChimp Social login buttons are used by many apps today. MailChimp shares its own experience and considerations in using social login buttons.

“Usability in Icons,” Peter Steen Høgenhaug Icons are used to illustrate a particular function, anything from information to actions. This article explains what needs to be considered when designing them.

“iOS Icon Design: A Designer’s Exploration,” iOS icon design is not only difficult, but requires a lot of experimentation. David Killoy shares his experience of designing the icon for his note-taking app Notorious.

“ The Making of Octicons ,” GitHub Octicons is a icon font made by GitHub. Five designers collaborated on the project, and they share how they built Octicons and what they learned along the way.

“ Designing Facebook Home ,” Julie Zhuo On May 8th, the designers behind Facebook Home (Justin Stahl, Francis Luu, Joey Flynn and Mac Tyler) presented a behind-the-scenes look at their work at the Bluxome Street Winery for a small crowd.

Advertising, Promotion And E-Commerce

“ How to Make Your Own App Promo Cards ,” Mike Swanson Swanson was inspired by Starbuck’s promo cards for giving away free apps and decided to make his own for an upcoming event. Learn how you can do one, too!

“ The Art of Launching an App ,” John Casey You’ve made your first app! Now what? This study covers some tactics and lessons learned during one process of launching an app.

“ How to Launch Anything ,” Nathan Barry Barry has launched five products in fewer than nine months. Read about the strategy that helped him generate over $200,000 in revenue from online products, starting from scratch.

“ Selling My E-Book on Amazon ,” Jonathan Snook Several people predicted that 2013 would be the year of self-publishing. Snook shares insight into his eBook sales on Amazon.

“ Increase Online Sales on Your Ecommerce Website ,” Headscape increased sales on Wiltshire Farmfoods’ e-commerce website by over 10,000% in only five years. What makes it even more special, the target audience is over 50 years old. Paul Boag shares his experience.

“ Twitter Promoted Tweets ,” MailChimp MailChimp has made use of Twitter’s promoted tweets and shares insight into this experience.

Redesigning Elements And Features

“ Visual Exploration Behind Signal vs. Noise ,” Mig Reyes 37signals share the process behind making its blog special. This study is about how the company visualized noise and styled its blog categories in a unique way.

“ Reinventing Our Default Profile Pictures ,” Jamie Jamie talks about the process of finding the right default profile pictures for the 37signals website. It’s a great new approach to a very basic element.

“ Login Screen Design: Behind the Scenes ,” Simon Tabor Good UX is not just about the main content, but also about little details such as log-in (and error) pages. GoSquared shares how it made its log-in experience exceptional.

“ Save for Later ,” Brian Groudan All browsers support two functions: searching and revisiting. Groudan worked closely with Mozilla’s user experience researchers and designers to rethink how Firefox could better offer “saving for later” functionality in the browser.

“A Closer Look at Zoom,” FiftyThree FiftyThree shares the design process behind the new zoom feature in its Paper app.

“Reinventing the Investment Calculator ,” Alex Bendiken Drawing from the book Money for Something , Alex Bendiken built a tool that lets users experiment and create a unique investment plan. It’s a UX study in turning a boring financial calculator into something you’d actually want to use.

“ Getting Down to Business ,” Teenhan+Lax The Globe and Mail is Canada’s national newspaper of record. It serves millions of readers everyday with in-depth journalism and informed comment. Learn how Teenhan+Lax helped refresh and enrich the way users experience and engage with the news today.

“ Olympics: User Experience and Design ,” Nick Haley Nick Haley shares the BBC’s design process of delivering the Olympics across desktop, tablet, mobile and connected TV.

“ How We Built the Responsive Olympics Site ,” Matt Clark Matt Clark writes about MSN UK’s approach to delivering the Olympics digitally, from the brief to the finished design.

“ The Anatomy Of A Successful Logo Redesign ,” Belinda Lanks Lanks summarizes how Jessica Hische had freshened up the new logo for MailChimp with a slight facelift. The new logo now looks new and fresh — more refined but just as playful.

“ What I Want Out of Facebook ,” Keenan Cummings Cummings explains why Facebook fails him and what he wants to get out of it that would make it useful for his personal life.

“ In Praise of Lost Time ,” Dan Hill Dan Hill talks about Facebook’s Timeline as an exemplary bit of interaction design that does little to advance the timeline formally. Yet it might alter the nature of human memory itself.

“Designing the new, fully responsive Wired.co.uk article pages,” Javier Ghaemi This article is about redesigning the Wired.co.uk article website to provide a more content-first and immersive experience.

Complete (Re)branding And (Re)design

“How to Approach a Responsive Design,” Tito Bottitta This article shows the design process behind The Boston Globe’s website, one of the most famous examples of responsive designs. Read about how Upstatement approached its first responsive design.

“Responsive Design Case Study,” Matt Berridge This case study outlines the entire process of constructing the South Tees Hospitals’ website, a large responsive design containing over a thousand pages.

“ Rebuilding a University Homepage to Be Responsive. Twice. In Less Than a Year ,” Erik Runyon This slideshow discusses how and why Notre Dame University’s home page was rebuilt twice in less than a year. You will find a recording of the talk below the slides.

“Yes, You Really Can Make Complex Web Apps Responsive,” Daniel Wearne Wearne shares his experience in creating Adioso’s web app, a complex yet accessible project. He covers the framework, responsive mixins, tables and future challenges.

“Designing a New Playground Brand,” Ryan Bannon This case study shows the design process of Playground’s new brand. It covers the logo, overall website and vector animation process, as well as the core values and personality of the company. The extensive study comes in three parts.

“ How House Parties Helped Us Design Potluck ,” Cemre Güngör The team at Potluck describes how it took inspiration from reality to design a “house party on the Internet.”

“ Colorado Identity ,” Berger & Föhr Imagine someone hiring you to define your own identity. Berger & Föhr was hired to help create the new identity and visual brand of Colorado, the place they call home. Have a look at the work and logo they came up with.

“ Building the New Financial Times Web App ,” Wilson Page Page talks about building the Financial Times’ new app, a challenge that many on his team believed to be impossible. He covers device support, fixed-height layouts, truncation, modularization, reusable components, Retina support, native-like scrolling, offline support and the topic of ever-evolving apps.

“ Google Treasure Maps ,” Alex Griendling Griendling writes about the design process behind Google Maps’ treasure mode.

“ Find Your Way to Oz ,” HTML5 Rocks This very detailed case study looks at the “Find Your Way to Oz” demo, a Google Chrome experiment by Disney. It covers sprite sheets, Retina support, 3-D content and more.

“ The Making of the Moscow Metro Map 2.0 ,” Art Lebedev Studio This study is about the design process behind the Moscow Metro map, a complex project that needed to meet the requirements of both Web and print.

“ Skinny Ties and Responsive eCommerce ,” Brendan Falkowski Read and learn how GravDept redesigned Skinny Ties’ creative and technical direction to propel shopping on every device.

“ The Design Thinking Behind the New Disney.com ,” Bobby Solomon Solomon shares the process of creating a Disney website that is flexible enough to showcase the widest range of offerings imaginable — in other words, a website that can do everything.

“Say Hello to the New ISO,” Andy Clarke Clarke and David Roessli redesigned the website of the ISO (International Organization for Standardization) and share their experience.

“ A Responsive Design Case Study ,” David Bushell The redesign of Passenger Focus takes advantage of the Web as an unique medium.

“ BBC News: Responsive Web Design and Mustard ,” Kaelig Deloumeau-Prigent These slides address the core principles and the “cutting the mustard” technique behind the BBC News’ responsive website.

“The Trello Tech Stack,” Brett Kiefer Read the process behind the Trello app, from initial mockup to a solid server and maintainable client.

“ Responsibly Responsive: Developing the Greenbelt Website ,” Rachel Andrew Andrew writes about her front-end design decisions in rebuilding the Greenbelt Festival’s website.

“ The Digital-Physical: On Building Flipboard for iPhone and Finding the Edges of Our Digital Narratives ,” Craig Mod Mod walks through the process of building the Flipboard app for iPhone and of finding the edges of its digital narratives.

“ Page-Flip Effect From 20 Things I Learned ,” Hakim El Hattab This study shows how this team found the best way to achieve the feeling of a real-world book, while leveraging the benefits of the digital realm in areas such as navigation.

“ Six Key Lessons From a Design Legend ,” Kapil Kale The GiftRocket team eventually recruited Mike Kus as a designer. This article shows why that decision took their website to the next level.

“ Breaking The Rules: A UX Case Study ,” Laura Klein Klein shows how she broke all rules to create the great UX for Outright.

“ 7 UX Considerations When Designing Lens Hawk ,” Christian Holst Lens Hawk is a massive DSLR lens database. This article shares seven UX considerations that were made in its design process.

“ The Story of the New Microsoft.com ,” Nishant Kothary Kothary shares his insight into making Microsoft’s new website. Also, check out Trent Walton’s perspective on the redesign .

“Behind the Scenes of the New Kippt,” Gannon Burgett This interview about the work behind the new Kippt app covers the redesign process, the design principles and problems that the team faced, insights into the new era of web app design, and where Kippt will head in the future.

“ Crayola: Free the ‘What If’ ,” Daniel Mall Dan Mall has put together a case study of the creation of the new Crayola application for kids.

“Campus Quad iPhone App,” Soft Facade Soft Facade covers every aspects of the design process behind its Campus Quad app.

“How to Make a Vesper: Design,” Vesper Learn how the Vesper app was designed and made.

“ Betting on a Fully Responsive Web Application ,” 14islands Read about how 14islands took the web app for Kambi, a sports-betting service, to the next level.

“AMMO Rack App Design Critique,” Alexander Komarov An interesting study of the feedback process that improved the AMMO Rack app.

“ Walking Through the Design Process ,” Ian Storm Taylor Taylor walks you through the design process of Segment.io, including the progression of mockups in Photoshop.

“ Music Video ‘Lights’: The Latest WebGL Sensation ,” Carlos Ulloa Interactive studio HelloEnjoy built a mind-blowing 3-D music video for Ellie Goulding’s song “Lights.” Creative director Carlos Ulloa explains why the team chose WebGL and how it created various immersive graphic effects.

“Designing for Designers,” Kyle Meyer Designing for other designers is different than working for regular clients. Kyle Meyer shares his experience.

“ Adapting to a Responsive Design ,” Matt Gibson Cyber-Duck abandoned its separate mobile website and created a new responsive design.

“ Grids, Flexibility and Responsiveness ,” Laura Kalbag Kalbag shares her thoughts on the redesign of her own website, including her choice of typefaces.

“ Making of Typespiration ,” Rafal Tomal Rafal Tomal built Typespiration as a side project. Learn about the process from initial idea to finished WordPress website.

“ Case Studies ,” Fi Design firm Fi has integrated case studies into its portfolio. The studies are very interactive and beautifully designed. Here are four of them:

• “Is This The Future of The Airline Website?”
• “The Story of Ramayana: Brought to Life by Google Chrome”
• “Sony: Connected World”
• “USAToday.com: Redesigning One of America’s Most Popular News Sites”

Content And Storytelling

“ Step-By-Step Landing Page Copywriting ,” Nathan Barry The process of writing great copy for a landing page is covered step by step.

“ The Art Of Storytelling Around An App ,” John Casey This case study is about the art of storytelling in the app “The House That Went on Strike.”

“Rethinking the Case Study,” Christopher Butler Butler explains what case studies are for and what a great one looks like, and he lays out a practical plan for writing one.

“ Retiring The Portfolio Screenshot ,” James Young You’ve probably noticed that portfolios nowadays are packed with detailed analysis, rather than screenshots. Take yours to the next level and learn how to create an amazing portfolio (such as the ones featured in this post).

“Responsibly Leveraging Advanced Web Features,” Ryan Heap Heap tells us about his full responsive redesign of Travois, a consulting firm focused on housing and economic development. The study includes topics such as progressive enhancement, responsive and responsible Web design, SVG, and the HTML5 History API.

“ My Notes on Writing an E-Book ,” Jonathan Snook Several people have suggested that 2013 is the year of self-publishing. Jonathan Snook shares his process of writing and digital publishing.

Technical Challenges And Solutions

“ Beating Borders: The Bane of Responsive Layout ,” Joshua Johnson Responsive design often requires setting widths in percentages. This is easy enough, until borders are thrown into the mix.

“ How We Improved Page Speed by Cleaning CSS, HTML and Images ,” Lara Swanson Page-loading time is a big part of the user experience. Dyn shows how it improved it simply by cleaning up the CSS, HTML and images.

“ Mein Honig – Brand Identity ,” Thomas Lichtblau “My Honey makes people and bees happy. And if they are happy, nature is happy too.” This simple yet beautiful statement belongs to Mein Honig (My Honey), a personal project of Thomas Lichtblau from Austria. Thomas shares fascinating insights about a production, banding and packaging process in which he only used colorless, organic and traditional tools and materials.

“Front-End Performance Case Study: GitHub,” JP Castro Castro analyzes the front-end performance of GitHub and shares his findings.

“ iPad to Windows Store App ,” Bart Claeys and Qixing Zheng This case study helps designers and developers who are familiar with iOS to reimagine their apps using design principles for Windows Store apps. Translate common UI and UX patterns found in iPad apps to Windows 8 apps.

“ Behind the Scenes of Mad Manimation ,” Anthony Calzadilla Here is the process behing the Mad Manimation, an HTML- and CSS-based animation of the introduction to the Mad Men TV show.

“ Embedding Canvas and SVG Charts in Emails ,” Thomas Fuchs Learn how to use embedded canvas and SVG charts in email.

“ Scaling Pinterest From 0 to 10s of Billions of Page Views a Month in Two Years ,” Todd Hoff This case study traces the evolution of Pinterest’s architecture, which was scaling fast, with a lot of incorrect choices made along the way

“ How We Built a Photoshop Extension With HTML, CSS and JS ,” Brian Reavis Creative Market’s extension is a Backbone.js Web app that lives inside of Photoshop. The team can update it without the user having to install an update. How does that work? Read up on it!

“ Batch Processing Millions and Millions of Images ,” Mike Brittain Etsy wanted to redesign a few of its major sections and had to rescale over 135 million images in order to do it.

“ Making 100,000 Stars ,” Michael Chang Chang writes about 100,000 Stars, an experience for Chrome that was built with Three.js and CSS3D.

“ Mastering the Application Cache Manifest for Offline Web Apps and Performance ,” Julien Nicault Nicault, who work on Cinémur, a new social film app, describes how to use AppCache to improve performance and enable offline usage of Web apps

“ Harvey: A Second Face for Your JavaScript ,” Joschka Kintscher Responsive design often requires drastic UI changes. This study shows how to execute parts of your JavaScript depending on the device’s type and screen size.

“ Our First Node.js App: Backbone on the Client and Server ,” Spike Brehm The team at Airbnb has been curious about Node.js for a long time, but used it only for odds and ends. See how they used it on a production-scale project.

“ Making a 60fps Mobile App ,” Paul Lewis Paul Lewis shows you how to make a mobile app that has 60fps at all times, does one thing really well, has offline support and a flat UI.

“ The Making of the Interactive Treehouse Ad ,” Chris Coyier Treehouse is the primary sponsor of CSS-Tricks, and this case study looks at its interactive ad using jQuery.

“ Improve Mobile Support With Server-Side-Enhanced Responsive Design ,” Jon Arne Sæterås This is an analysis of the process of finding the right mix between server-side and client-side logic for adaptive Web design.

“Designing an Instant Interface,” Luke Wroblewski Wroblewski shows how to design the instant interface used for the real-time views, real-time notifications and real-time comments on Bagcheck’s website.

“ Lessons in Website Security Anti-Patterns by Tesco ,” Troy Hunt Hunt looks closely at the many simple security errors Tesco makes, analyzing how he would apply basic security principles to remedy them.

“ Refactoring >14,000 Lines of CSS Into Sass ,” Eugene Fedorenko Beanstalk is a mature product whose CSS grew accordingly to 5 files, 14,211 lines and 290 KB of code. Learn how the team rebuilt its style sheets into something cleaner and easier to maintain.

“Refinder: Test-Driven Development,” Maciej Pasternacki These slides show how test-driven development enabled Gnowsis to reimplement Refinder’s basic data model.

“Managing JavaScript on Responsive Websites,” Jeremy Fields Jeremy Fields of Viget talks about how to manage JavaScript on a website whose interface and functionality changes at different breakpoints.

“ Trimming the Fat ,” Paul Robert Lloyd Lloyd walks through the performance optimizations he made for his website, trimming the page load from 383 to 100 KB. He also shows graphs.

Workflow And Optimization

“ Visual Design Explorations ,” Paul Lloyd Lloyd of Clearleft talks about how to maintain knowledge-sharing and collaboration on a growing team.

“ The Anatomy of an Experience Map ,” Chris Risdon Experience maps are becoming increasingly useful for gaining insight in order to orchestrate service touch points over time and space. This study explains what they are and how to create them.

“The design process of my infographic for the ‘Tour of France’ for Grinta!,” Veerle Pieters Pieters designed an infographic about the Tour of France, and focused mainly on the question, “What does a pro cycling team take with them to the Tour of France?”

“ Turning Small Projects Into Big Profit ,” Jon Savage and Simon Birky Hartmann Ace of Spade discusses how it overhauled its operations and started making a living off of small projects.

“What We’ve Learned About Responsive Design,” Christopher Butler Butler shares what his agency has learned about responsive design, which is to overcome initial fears and focus on what is important.

“The Modular Canvas: A Pragmatic Workflow for Designing Applications,” by Gabriel O’Flaherty-Chan There are some gaps in the way we work; the bigger the project, the more glaring the gaps become. O’Flaherty-Chan looks at a better workflow for designing apps.

“ How We Reduced Our Cancellation Rate by 87.5% ,” Kareem Mayan Kareem Mayan tackles the issue of user cancellations by using a cohort analysis. Learn how he did it.

“ How I Run a Membership Site ,” Justin Tadlock This study looks at how Theme Hybrid handles memberships after registration and payment.

“Post-Implementation, Pre-Launch: A Crucial Checkpoint,” Mindy Wagner Wagner of Viget discusses how to approach the time of post-implementation and pre-launch, a crucial checkpoint that can create a lot of stress for a team.

“ A New Make Mantra: A Statement of Design Intent ,” Mark Boulton Mark Boulton used the CERN redesign project as an occasion to define a new “make” mantra that would help him tackle projects. This single, actionable sentence would guide him through projects.

“ 100 Conversion Optimization Case Studies ,” KISSmetrics Lots of techniques and tactics to optimize your website for better conversions shared by marketers.

Responsive Design

“ Responsive Design and ROI: Observations From the Coalface ,” Chris Berridge Working on the frontline, Berridge share his insights on responsive design and returns on investment.

“ Making Your Site Responsive: Mastering Real-World Constraints ,” Alex Fedorov Listen to how agency Fresh Tilled Soil addressed real-world constraints, such as resources, time and budget, in its responsive design process.

“ Goals, Constraints, and Concept in a Redesign ,” Steven Bradley Some thoughts on the redesign of Vanseo Design.

“ How a Simple Redesign Increased Customer Feedback by 65% ,” James Santilli Customer feedback is the backbone of many Web services. Campaign Monitor analyzed the process behind a simple redesign that increased customer feedback by 65%.

“ More on Apples: Mobile Optimization in Ecommerce ,” Electric Pulp This study analyzes how both mobile and non-mobile conversions went up when Electric Pulp redesigned a website to be responsive.

“How I’m Implementing Responsive Web Design,” Jeff Croft Croft is finally at the point where responsive design feels worth the extra effort. Read about how he got there.

“ Mentoring: The Evaluation ,” Laura Kalbag Freelancers are often offered projects whose budget is below their rate. Laura Kalbag had a fantastic idea on how to transform these kind of projects into a win-win: She decided to mentor a group of students. Such a project would give the students an opportunity to gain valuable experience and help them transition into freelancing, and the client would get good quality work, despite the modest budget. This series of posts describes her experience, from initial idea to launched project.

Further Reading

• Showcase of Case Studies in Design Portfolios
• 15 Impressive Case Studies from Behance
• Improving Smashing Magazine’s Performance: A Case Study
• Powerful Workflow Tips, Tools And Tricks For Web Designers

Smashing Newsletter

Tips on front-end & UX, delivered weekly in your inbox. Just the things you can actually use.

Front-End & UX Workshops, Online

With practical takeaways, live sessions, video recordings and a friendly Q&A.

TypeScript in 50 Lessons

Everything TypeScript, with code walkthroughs and examples. And other printed books.

20 Brilliant Design Case Studies That Neatly Present Brand Identity Concepts

• Articles & Inspiration
• 13 November 2017

21 Comments

Developing a brand identity involves more than just making a logo design. Research into the company’s values is necessary to collect inspiration from which to draw ideas. Concept sketches are then developed into a visual identity that represents the brand, which consists of not just the logomark, but also a complementary colour scheme and typography that provide consistency across the entire brand image. Rather than presenting just the final logo graphic in their portfolios, the designers featured in today’s showcase have produced thorough case studies that completely breakdown their brand designs. See how they neatly present the concept alongside stationery mockups and examples of real life usage.

Vintage Font Bundle Apply 70% Discount Code

Milkstore Font Collection Apply 20% Discount Code

Ultimate Logo Bundle Apply 20% Discount Code

interastar by Necon

BEUNIT by Ollestudio

Validbox by Motyf Studio

Fortune Step by Sheen Young

BKK Logos by Hidden Characters

Worken Identity by Paola Flores

4Decision by Joy Intermedia

Costella Empreendimentos by Estudio Alice

Wyre Branding by Ramotion

Volusion Brand Identity by Ramotion

Veranda by Marka Network

Annecy by Grapheine

Gaia by Marka Network

Neostalgia by Marka Network

Jalan Surabaya Antique Market

Charly Gusto by Mubien Studio

Palm House by The Seventh Art

Aracely Melendrez Arquitecto by Roberto Melendrez

Extrajet by Alphabet

Origami by Mohammed Mirza

Semet Identity by Mohd Almousa

Subscribe to my newsletter to be the first to hear about new posts

that’s all cool am,azing design process and very talented designer i’ve ever seen.. I hope you to upload tutorial on Youtube about logo process design and brainstorming idea for logo project ? ,. Hope you answer… Thanks :)

Thanks for your feedback/request!

Amazing cases.. Thanks for sharing!!

Glad you liked the examples. Thanks Eduardo

Such amazing talent! Thank you for sharing Chris : )

Thanks for your comment Leandi

They all look fantastic!

Glad you liked the post

Wow! Nice work! I really like it! Keep it up :)

Thank you tauhedul

This goes to show the amount of thought and dedication that is put into designing logos. They’re not just logos but rather the birthchild of a creator.

I like that concept

Amazing, thanks for sharing! I always in a search for something new for my site and sites of my clients

Thanks for your comment Betty

Great examples Chris. The first one, Interastar, reminds me of the E-trade logo.

Glad you liked the examples Michael!

This is one fine article worth bookmarking as a brand design resource. Great designs with fantastic color schemes and top class typography. Thanks a lot for sharing :)

Glad you like the article Davo!

ThanQ for presenting these examples, they helped allot

Ohhh MG you are amazing !! Wonderful, fantastic and beautiful works. Where you studied? Im from Puerto Rico and I did my Master Degree in Pratt institute, my favorite designs are Corporate Identity but a long time I dont work, I really like a lot your Corporate Identity works, my works are junk next to yours. I wich to meet you and see your other works. Continue like that, you’re going to get far away. GOD BLESS YOU.

that is Awesome…! a true brand identity is such like that. This makes your costumes really amazed at your creativity. By the way, who is the mighty designer behind all this,. thanks

Comments are now closed

Join my mailing list and receive a free design resources bundle!

Stay up to date with Spoon Graphics by having new content delivered to your email inbox. As a way to say thanks, you’ll also gain instant access to my free bundle of design resources.

5 Key Parts of a Great Design Case Study

Here are five of the most important areas that go beyond the basics of case study writing and get into the more challenging parts that can provide a far greater reward.

When done right, case studies are seriously complex and represent hundreds of hours of design work. At their start, they can feel like a disorganized, overwhelming mess.

Step by step, they transform into a piece of work a designer can truly be proud of because it tells the story of their growth over the project. Being able to effectively communicate and illustrate that unique story is key to a designer’s success in the interview process, and a way for them to stand out from competitors.

I’ve lost track of how many case studies I’ve reviewed in my time at Designation — it’s probably somewhere close to 1,000 by now — and in all that time, I’ve seen many important parts of case study writing come into focus.

Below are five of the most important areas that go beyond the basics of case study writing and get into the more challenging parts that can provide a far greater reward. Together, they can turn good designers into great design storytellers—and set them up for greater success later on as professionals.

Show your process assets purposefully.

Assets are your opportunity to show rather than tell—explain a big chunk of the process in a visual form. Assets can take many forms, and the more diversity in them, the more engaging for readers.

They include photographs, which can backup descriptions of on-site research, interviews, and teamwork; screenshots of in-progress work and art boards; sketches showing rough ideas that were fleshed out later; Post-it notes and affinity diagrams; wireframes, sometimes with color added for extra clarity for the reader; animated gifs showing microinteractions and user flows through the product; charts and tables; and so many others.

When focusing on a design or visual case study image like this shows a surprising amount of information and process—how creatively messy it can be to sketch, sorting to find ideas worthy of development, fleshing the strong ones out, and applying design elements and patterns to them.

A case study without showing assets is incomplete, but one that shows assets without explaining them is almost worse, because a designer always needs to explain their importance to the process.

The best way to do that is to use  captions  for each asset. But captions must always be a part of the overall story; they shouldn’t only repeat information that the asset already shows. They must provide a unique insight, and further the story for the reader. By doing this, it activates the caption and justifies its existence and the work it takes to write them by the designer.

This designer used two forms of captions to illustrate their screens: Annotations that point out specific areas of concern from testers who looked at them, and a caption below that collected and synthesized them for easier comprehension.

Provide a  competitive benchmark for the study.

Designers often like to downplay the research and analysis of competitors that happens near the beginning of a project because it doesn’t directly focus on the work they created. This is an unfortunate mistake because it’s a huge part of the story and it often leads directly to designers making research or design decisions later in the process.

Furthermore, designers should show off that they have a deep understanding of the competition whenever they work on a product; that they know what’s happening in the landscape and how their product fits in. Showing logos or only mentioning names of competitors isn’t anywhere near enough; designers need to discuss in detail what competitors do well, and analyze the areas in which they need improvement. Designers can provide screenshots of competitors’ products, but they need to go further and  annotate or comment on them, to show a more detailed analysis.

They can’t ignore out-of-category competitors too, because that research often leads to innovative ideas that can catapult their product over in-category competitors’.

This designer looked at three competitors and called out unique areas of strength and weakness from each one, especially as they led the designer to make design decisions later in the process.

Finally, all that analysis requires synthesis, which means explaining the opportunities the designer saw for their own product after looking at the competition. This helps the designer more formally describe the end of the competitive research phase of a project and how that helped them refocus on their own product.

The designer analyzed competitors’ images in the center of this screen, but the text at the bottom presents what they did with that analysis: They derived an important design principle from it, which heavily impacted the next phase of their work.

Be team-centered in user experience design.

Almost every project done at Designation is done as part of a team because almost every project done as a professional designer is done as part of a team. It’s crucial for designers to reflect that in their case studies. Designers must write  “we”  when talking about group actions, and  “I”  when talking about personal design decisions or insights. In other words, we encourage designers to use “I” when they talk about where they led their team, and “we” when they supported another team member leading their team.

This is a great example of team-centered writing, where the designer discusses how the team worked together to generate concepts. She then switches to individual writing to indicate which concept she took charge of. Both extremes of this spectrum are bad in a case study—ones that only say “we” look like the designer didn’t think for themselves, and ones that only say “I” look like the designer isn’t a team player. So that balance has to always be found. Employers look for teamwork skills as much as they look for hard design skills, and a case study can be an excellent place to find records of them.

Don’t designsplain.

This is a big one. A lot of designers fall into the trap of explaining a basic element of the design process or design deliverables to the reader. You might be asking yourself: Why is this problematic? It’s because the intended readership of a designer’s case study is a hiring manager, design director, or someone else looking for evidence the designer will make a good fit for their team.

That means the designer needs to make an educated assumption that the reader is already familiar with design—and write their case study with that in mind. Unless it’s a part of their design process that was extremely unusual or the designer came up with it themselves, a designer has to assume the reader’s already familiar with it. If they don’t, they risk looking like the case study condescends to the reader, and that’s not purposeful writing.

One easy way to avoid this is for a designer to always  avoid second-person writing —using “you” and “your”—which is a little too conversational for a case study anyway. They keep the focus on themselves and their work, and tell a stronger story in doing so.

Get the details right.

It might be cheating a little to clump a bunch of little steps together like this, but it’s important at the end of the case study writing process to  micro-edit and make sure every detail is taken care of.

That’s why designers utilize tools like Figma to to tell their story in a professional way.

That’s making sure every word is spelled right, every publication title is italicized, and every piece of software is properly capitalized. But it’s also doing tasks like using contractions as often as possible throughout the text, removing extra spaces from between words or in front of paragraphs, knowing when to use a semicolon or an em dash, and making sure all dumb quotes are taken care of. And using writing tools like Hemingway, Grammarly, and GradeProof are a huge gift to anyone who needs a little help to take care of tricky grammar and get rid of run-on sentences.

Though tedious and time-consuming, the best way to take care of these details is to go through the complete draft and look to make one editing change at a time. Trying to edit for multiple needs causes the designer’s attention to be split in many directions—and makes them much less effective as self-editors.

Digital Designer Case Studies Conclusion

Writing effective, powerful case studies is a craft, and like all crafts, it rarely comes naturally to people. It takes skill and work, and staying in practice. The tools, resources, feedback, and processes we give every designer at Designation are able to be used for years and decades to come, so a designer can turn any work they produce into a case study anytime during their long career.

Remember:  Hiring managers don’t look for designers with superpowers; they look for designers who are committed to designing better and better for as long as they practice design. And case studies are the absolute best metric for a designer to see how far they’ve come and how much they’ve learned, from tool to tool, project to project, and job to job.

Disclaimer: The information in this blog is current as of February 26, 2020. Current policies, offerings, procedures, and programs may differ.

About Flatiron School

Related posts.

Learn to Code Python: Free Lesson for Beginners

A Guide to Cloud Identity and Access Management (Cloud IAM)

Anslie Brant: From Nanny to Operations Analyst

Related resources.

Behind JavaScript, HTML/CSS, and SQL, Python is the fourth most popular language with 44.1% of developers. Check out this article on how you can learn this popular programming language for free.

Discover how Cloud IAM addresses the security challenges of cloud environments, ensuring granular access control for enhanced protection and efficiency.

"I went from being a nanny with no corporate experience to working a technical role in a fintech corporation."

Privacy Overview

InVisionApp, Inc.

Inside Design

Designing case studies that attract more clients

  •   may 23, 2016.

W hether you’re looking for a studio job or you want to get some new freelance clients , you need a good portfolio. I’m talking more than just a series of curated images with a short description of the project. I know you can do better than that.

• It can serve as the final presentation of your project when it comes time to send off your final work to the client
• More content on the page means your portfolio piece ranks higher in search results
• By showcasing your process, you’re giving clients a better idea of how you work, which lays down their expectations for future projects
• It gives you the opportunity to prove your worth and show that you can satisfy your customers’ needs
• It can help lead the user to contact you for a new project with a tailored call to action

In this article, I’ll go over the key elements that make a good case study and the steps you need to take to get more clients from your design portfolio .

Read more from Dina Rodriguez: The art of hand lettering .

Document your process.

The easiest way to create your case study: document your process along the way. This includes taking screenshots and photographs of your process while keeping detailed notes that explain your design decisions.

“The easiest way to create a case study: document your process along the way.”

So at every stage of the project when you make an internal revision, document it and explain why you made it. By explaining your process in this way, you’re able to keep yourself in check to ensure that you’re making the right decisions based on your client’s goals and not your personal aesthetic or gut feeling.

To keep your notes and images organized you can use Behance’s WIP (Work In Progress) feature that allows you to show your work in its early stages, and get feedback on it from your followers that can help guide the artistic direction.

This has been especially helpful for me because it simplifies the process of putting my ideas together while making connections with other creative professionals online. Check out the example above where you can see my process of creating my 26 Letters piece for my new homepage.

Your case study doubles as your final presentation

Another added benefit to creating case studies is that they also serve as an excellent final presentation to give to your client once production is complete. For me, this always wows my clients because it proves that my project perfectly aligns with their expectations and goals. And that makes it really hard for them to ask for revisions later on.

“Case studies also serve as an excellent final presentation for clients.”

Then, once the client approves my artwork and pays the final installment, I can easily reuse my presentation to post a detailed case study in my portfolio. Double win!

Here’s a sample of a recent logo design case study I created for Paper Tiger Mentoring that showcases the steps I took to complete the design. Notice how much more engaging this is and how my revisions have reasons behind them. It’s hard to argue with a final result when everything you made reflects what’s most appropriate to attract my client’s demographic.

So rather than just sending your client the final static image of your project, why not create a case study that serves as the final presentation instead? Think of how much better of an impression it would make to send your client the beautiful final result in addition to showing the steps you took to get there.

The 6 key principles to the perfect case study

Now that you understand the importance of case studies, let’s break down the key elements that will get your portfolio noticed and keep the project inquiries rolling in.

1. Provide a meaningful overview for the non-readers

The project overview is the first piece of content on the page that allows your visitors to get some additional information about the project and understand what was accomplished. Keep this short and to the point so that the skimmers and browsers can get a quick look at what your project is all about without having to read the full case study.

Here’s an example of how I introduced my hand-lettered logo design project for Say Something Marketing . Notice that I provide some key information before I start to talk about my process like industry, creation date, project duties, and objective. You can either break down the info like how I have here, or provide just a few lines for your overview. Just be sure to include the problems that your client is trying to solve so that you can talk about your process with their goals in mind.

Along with this introduction, it’s important to show the final result upfront before going into the beginning stages of your process. You don’t want to make the user scroll down to the bottom of the page in order to see the final result of your beautiful work.

2. Show pictures—lots and lots of pictures

People love seeing the evolution of a project and how it came to life. Watching a project form step-by-step is not only engaging, it also makes you more relatable when you show the mistakes you made along the way.

So don’t worry if one of your process shots isn’t perfect or camera-ready. It’s a work in progress—it’s not supposed to be perfect on the first try. Check out my process for creating my Stop Staring Poster . It has imperfections, but that’s what makes the final result so much more interesting.

3. Describe the reason behind your decisions

This is why you have an in-depth onboarding process before starting production so you can get a detailed and clear view of what your client wants. In order to land your ideal clients, you need a questionnaire that sets the tone of the project moving forward and gives you everything you need to determine if it’s the right project for you. This way you can over deliver on a project because it’s custom-made to attract their audience.

4. Top it off with a client testimonial

“A good testimonial creates trust.”

Most of us ask for testimonials, and if we follow up and pester our customers enough, we get testimonials. But without asking the right questions to probe our clients, our testimonials usually end up looking something like this:

Dina did a great job on this project. I’m very happy and plan to work with her again.

Now that isn’t a bad review, but it doesn’t sell my services or tell a good story of how I am to work with. This is because most clients don’t know how to give testimonials, so as professionals we need to guide them to provide testimonials that will inspire potential clients to hire us.

Here are the 3 basic questions you should ask in order to get a powerful testimonial:

• Discuss your experience working with me.
• What did you like most about your final project?
• Would you hire me again? If so, why?

By asking these questions, I’m able to get a testimonial that tells a vivid story. Check out one of my previous client testimonials for a logo design project I created for BrandScape :

Dina invested hours learning about my brand personality, mission, and style. She was completely transparent about her process and always kept me involved. It was up to Dina to really translate everything we’d discussed to a logo, and the end result blew me away. The script is playful but clean, and the colors pop beautifully. The logo is visually distinct and professional, and I’m excited to display it every chance I get! I’m so grateful to have had the opportunity to work with Dina for such a unique product, and I plan to work with her again.

Now that’s a testimonial that sells! About 3 days after posting this project and testimonial, I received 5 new inquiries. And they just keep rolling on in—all from one excellent case study.

5. Don’t forget the call to action

Just like any other page on your site, you need a call to action (CTA) to help guide the user to contact you. For me, 82% of the people who look at 3 or more of my projects in my portfolio submit a project request. So having a CTA on your portfolio page is one of the most important pieces of content that will help you get new clients.

“Your portfolio page has to have a call to action.”

If you’ve followed the above steps in your case study, you should have enticed your user enough to contact you. Now all you need is to serve up a custom pitch of your services on the bottom of the page with a link to your questionnaire.

There are several ways to make your call to actions stand out , but with each project you should have a custom-written call to action that speaks directly to your user. For example, if a client is looking at my portfolio and is checking out one of my hand-lettered logo designs, they’re most likely interested in hiring me for a similar project.

Rather than having a nonspecific CTA such as “Like what you see? Contact me today for a free quote,” try presenting a more personalized message like “Interested in a hand-lettered logo design that’s custom made to attract your audience? Contact me today for a free quote.”

See the difference? If you were a potential client looking for a logo design , which one would you click on?

6. SEO is important, too

SEO is an often overlooked step when adding new projects to your portfolio. It’s a necessary part of web design that can help you get more organic traffic to your portfolio site.

Your portfolio is filled with work that other clients in those industries want. So a good starting point is to use descriptive long-tail keywords like “logo design for app” or “web design for restaurants.” You already have the content and images to reel them in, and now all you need are some keywords to get their attention on Google.

You can test out search terms by using tools such as Wordtracker and the Google Adwords Keyword Tool . I won’t go into the nuts and bolts of search engine optimization here. (For a crash course in SEO that won’t overwhelm you, check out this article .

Blast your newest project across the internet

After you’ve posted your case study online, the work is only about 90% complete. That extra 10% is going to get new eyes on your portfolio and help you get your work noticed. This means posting your work everywhere your designs are welcomed.

So get active on Facebook, Twitter, and Google+; post your portfolio pieces to Behance , Dribbble , and deviantART . Get creative and film your process and put the video on YouTube or livestream it using Periscope . You could even create a slideshow of your artwork and share it on Slideshare or put together a PDF presentation and upload it to Scribd . The more you link out your newest portfolio piece, the more people you can get looking at your work.

The great thing about marketing yourself isn’t just getting more clients—it’s building a following of other like-minded designers. Tons of designers and art directors are always on the lookout for people to pass design work onto. Once you start forming a good network, you’ll find that more projects will automatically start coming to you, rather than you frantically searching and begging for work.

This was originally published on Letter Shoppe .

Collaborate in real time on a digital whiteboard Try Freehand

Get awesome design content in your inbox each week, give it a try—it only takes a click to unsubscribe., thanks for signing up, you should have a thank you gift in your inbox now-and you’ll hear from us again soon, get started designing better. faster. together. and free forever., give it a try. nothing’s holding you back..

How to Design Case Studies for Your Clients

Why Case Study Design Matters

Case studies are more than just feel-good success stories for your client’s audience to read.

They’re powerful tools for showcasing your client’s products and services in the very best possible light.

That’s why every aspect of your client’s case study has to count. Not just the information and the statistics and the positive experience of the case study’s subject, but everything that goes into creating the experience of an individual who is reading this case study and thinking hard about whether they should invest in your client’s products or services.

We’re talking about the copywriting, the illustrations and icons, the infographics, everything!

And that’s where you, as a designer, come into play! 

Because if your client’s reader isn’t engaged and captivated by the information they’re seeing, they’re not likely to stick around. The layout and design have got to hit their mark every time for your client’s case studies to have the impact they want them to have.

So, what makes for a great case study or report design?

If you’re scratching your head, then this blog is here to help shine some light. Consider today’s blog your handy guide for creating captivating and strategic case study design that showcases your client’s offerings in the best possible way!

How Does a Case Study Tell a Story?

A case study can be an extremely effective marketing tool, even more so than ads, websites, or product demos.

Why? Because a case study isn’t an ad, a case study involves a real-world situation or problem that a real-world business faced and the journey they went through to resolve it, which naturally makes for a great story.

A good case study first introduces the subject, whether it's a business or an individual, and sets the stage for the story by outlining their challenges. It then describes the solution that alleviated this problem (your client’s products and services), the steps it took to implement that solution, and the obstacles it overcame to get there.

The results should show, through the use of data collection, statistics, etc., how your client’s brand was able to help the subject of the case study in whatever way they needed that help. Depending on the type of case study, the results could be increased brand awareness, increased conversions on an ecommerce site , or a boost in revenue due to optimized marketing strategies.

If presented right, this can be huge for a business! It gives real-life context to the pain points their potential customers have and the data analysis to prove that their products or services can get the job done!

And, as a designer, your role in all this is to make sure that the reader of this case study is getting the full effect of this real-life success story. Sure, the copywriter will handle writing a case study, but your job to take those words and enhance them through images, illustrations, layout, and more to present the narrative in the best way possible and guide the reader from beginning to end.

Designing Case Studies: What You Need to Know

Now that you know why case studies are so important, here is what you need to know to design a top-notch case study for your next client!

1. Understand Your Client’s Needs

It’s always a good idea to make sure that you really understand the message your client is looking to display with their case study.

Look through their other content and familiarize yourself with their brand guide so you can be sure that your design aligns with their messaging and their brand. It’s also good to familiarize yourself with the industry your client is in as well as their audience so that you can be sure your design is keeping them engaged.

2. The Right Graphics for the Story

A successful case study is going to need a good number of images and photos to break up all of that text into manageable bites and better explain complex information.

Roll up your sleeves and crank up Adobe Illustrator, because custom graphics is the way to go here. The style will be up to your client and their brand, but common needs for case studies include:

• Illustrations
• Photo treatments

These graphics are extremely handy for not only breaking up big blocks of text but also highlighting important information and making the content easy to navigate and understand.

Refer to your client’s brand guide to get the style right for the custom illustrations and icons you’ll need for their case study. If they don’t have any guidelines for illustrations and icons, then be a pal and kindly refer them here .

3. The Best Way to Visualize Data

Showcasing data effectively in a case study is absolutely crucial to its success. It doesn’t matter how impressive the numbers are if the reader can’t understand them or get a good grasp on their impact.

So, the data you’re working with, whether it's in the form of charts and graphs, statistics, or whatever else your client asks for must be presented in a way that is clear and straightforward. Use colors, type hierarchy, callouts, or whatever you need to best present your information.

Compelling infographics are a great way to do this. Using your client’s brand guide, you can whip up some infographic design templates to use throughout the case study to effectively show the collected data and what it means.

4. A Compelling Color Palette

The right colors not only make a case study visually appealing as readers navigate through the information but can ensure that your client’s case study is on brand, consistent, and a step above the rest of the competition.

Consider also using your colors to strategically highlight key information, such as numbers or data, and to invoke the right emotions as your reader moves through the narrative.

With so much data and information to present, be sure to also use a color palette that works well with your graphics and font. Your headers, captions, and text should be easy to read against whatever color background you’ve chosen.

5. Strategic Layout

The way your case study is laid out is also a crucial component in how readable and user-friendly the final result will be.

Collaborate with the copywriter, if possible, and make sure that the case study has a clear structure. The copy, the data, and your infographics, photos, and images should tell a story: a beginning (before the brand’s product and service), a middle (introducing the product or service), and an end (how the product or service improved the subject’s operations).

Use the power of type hierarchy as well to call out key information, keep text organized, and make the content easier to read.

Conducting a case study involves collecting tons of information, but no matter how much info is presented, you don’t want any portions of your case study to look crowded or busy. Be sure to have enough white space on each page to keep your design looking clean.

Some ways to lay images or photos out neatly are by the use of grids, columns, icons, and by teaming up with the copywriter to insert navigation aids, like clear page numbers, a table of contents, clearly defined sections, an index, or whatever else you think the reader would need to be able to easily follow along.

6. Spotlight Key Information

In addition to using type hierarchy and color scheme to call out the juiciest bits of information, consider also using bullets, lists, quotations, callouts, and even arrows to guide the reader’s eyes to what’s most crucial.

If the specific case study you’re designing for is about complex machinery or products a potential customer might not be familiar with, things might get confusing fast.

Clear it up by adding labels and captions to photos and illustrations to help the reader better understand important technical information and not feel overwhelmed or lost by the data being presented.

Looking for an Outlet for Those Design Skills?

If all of this has you nodding along, then, great! You may already have the design know-how to create visually stunning and easy-to-navigate case studies, reports, or whitepapers.

So, if you’re looking for an outlet for those skills, why not consider joining the Designity community?

Designity is a 100% remote CaaS (creative as a service) platform that is made up of experienced Creative Directors and the top 3% of US-based creative talent, including graphic designers , illustrators, copywriters, video editors, animators, and more.

As part of the Designity community, you’d enjoy competitive pay, a remote work environment, and the freedom to work on your own schedule from wherever you have a good WiFi connection!

You’ll also get to work on a variety of different projects with an even larger variety of clients and industries. And, best of all, you’ll get to team up with that creative talent described earlier and be part of a one-stop shop dream team that creates multiple case studies, whitepapers, brochures, and whatever marketing collateral you want to work on!

Think you have what it takes? 

Why not apply today and put your skills to the test?

Share this post:

Creative Directors Make the Difference

A Space for Creative Growth

How to write case studies for your design portfolio

A good case study on your design portfolio is a great way to make it stand out. Here’s how to get it right

Illustration: Yali Ziv

• Jul 13, 2020

Putting a work process into words might cause some to break out in a light sweat, but just like the rest of a design portfolio , a case study is a chance to shine. The key to approaching such a task is by realizing that crafting the perfect case study isn’t that different from any other design work you do.

Here’s everything you need to know about writing good case studies, from how to structure them visually, to which details to include and more.

What is a design case study?

In a nutshell, the main aim of a case study is to tell the story of a specific project of yours. The text you write can put your design work into context and make it more fully understandable. Integrating images with text, a case study outlines the most important details of the process, from the brief you were given, to how you approached the task, to the final result. Incorporating case studies into your portfolio helps give potential clients or employers a look into how you work, what you’re good at and what your thought process is.

When making your online design portfolio, note that not every project requires a full case study. You can pick the projects you’re proudest of, giving you the chance to highlight your skills and explain what made the design so successful. Now that we’re on the same page, here’s our best advice:

Include the relevant details

To make sure you’ve covered all the relevant information, here’s a checklist of the main details to include. Note that these aren’t strict guidelines - it depends on how thorough you want to be and what you feel is important for your project.

1. Background info: If you were working with a client, include their name and what they do, plus the date and location in which the project took place. Also explain what your role was within the project (for example “Web Design,” “Branding” or “Art Direction”). If you worked in a team, credit the other people and list their roles. This is also the place to give a brief sentence on what the project actually is.

Example: See how designer Ariel Sun , introduces her rebranding project:

“The Human Project at NYU (THP) worked with the agency Ogilvy & Mather to redefine their brand and develop a new logomark. As THP's internal graphic designer, I applied that visual language to a variety of marketing & communications assets and fresh brand collateral.”

2. Goal: Briefly explain what the aim of the project was. You can base this on the design brief you worked with throughout the project.

Example: Design studio and Wix user, Run Wild , state the goal of their UX project:

“The challenge was to redesign a convoluted site into an action-oriented site that provides clear navigation and call to action.”

3. Design process: You can really decide how much you want to elaborate here. Keeping it short is also an option. Either way, the idea is to talk about the main stages you went through in the design process, which decisions you made and why, what your approach was, and any changes made throughout.

You can include some of the research you did and what your inspirations were. Don’t be afraid to mention any challenges you experienced or concepts that were later scrapped - as long as you keep a positive attitude and explain the reasoning behind the decisions, remember that it’s all part of the process.

4. Results: Here, present the final outcome and your main learnings. You can also write about how success was measured. For example, state whether all your client’s expectations were met (this can be in the form of client quotes if you like), or perhaps include stats you have about an increase in sales, or describe how part of your design was later used on a larger scale.

Example: In this case study about a redesign for a website, Ariel Sun explains the results:

“The result is an engaging and unexpected twist on a garden party that tells a clear story while still leaving room for the viewer’s imagination. After reviewing a set of submissions that included work from our very talented colleagues, Tattly picked this design and will elaborate it into a full-on marketing campaign.”

Make it skimmable

We all know that we live in a time of short attention spans . Even when it comes to prospective clients or employers, they want to get a feel for your design project fairly quickly. That’s why you should make your case studies accessible, inviting and easy to grasp at first glance , both in terms of the design and the text itself.

The layout of the page should serve the storytelling process, revealing information in digestible, bite-sized chunks. Combine images with text cohesively, somewhat like the structure of a magazine or book. See how designer and Wix user, Brittney Johnson , separates the parts of her case study into drop-down sections, enabling you to focus on one point at a time.

Split up your text into paragraphs and add headers that will enable visitors to navigate easily from section to section. Consider emphasizing certain words by making them bold, changing their size or opting for a different color. Additionally, caption each image with a brief description, so that even people that aren’t into reading lengthy text can comprehend the context. It will also help make your design more accessible , offering your visually impaired site visitors an alternative understanding of the image.

In terms of the writing style, keep it concise and to the point . Use short sentences that explain exactly what you want to say, without repeating themselves just for the sake of sounding sophisticated. This doesn’t mean you need to sound robotic - you should still keep it personal and remember that at the end of the day, your target audience is humans.

Write it like a (short) story

Just like in any other design project, a case study simply tells a story. And that’s exactly the way you should write it. It should have a structure, including a beginning, middle, and end, made up of all the relevant details (scroll up if you missed what those are). It’s not just random sentences placed one after the other, but rather, an outline of a process, generally written in chronological order.

Maintain your tone of voice

On a similar note, remember that your case study describes your project, so feel free to let your individual personality shine through in your writing. Keep the same tone as in the rest of your design portfolio’s copy , in order to form a clear personal brand and consistent browsing experience.

You don’t need to be overly formal or use complex jargon, as this could just end up intimidating people. On the flip side, including jokes might be taking it a little too far. Simply focus on getting the point across succinctly and in your own language. As a result, the likelihood is that you’ll give your site visitors a better idea of who you are and where your specialty lies.

The combination of text and images helps break it up into a story-like layout, resulting in a more immersive and engaging experience, which is why you should make sure not to only include visuals. Plus, text is great for your design portfolio’s SEO (search engine optimization), increasing your chance of ranking higher on search results.

Get more inspiration on how to tell a visual story through your portfolio with these 8 graphic designers’ websites .

MORE POSTS LIKE THIS:

Nov 3, 2021

Show and tell: sharing the story behind your creation

Apr 14, 2021

How to write your best personal statement

Feb 4, 2019

How to Write the Perfect Copy for Your Design Portfolio

How to write engaging case studies for your portfolio

We examine 5 portfolios with powerful case studies.

Project case studies are one of the most important yet overlooked parts of building a design portfolio . In our efforts to design the perfect portfolio and showcase our visual work, we often rush the copy or omit it entirely, leaving only a shallow overview of who we are and what we can do. But dumping a bunch of photos on your project pages without any context sells your work short.

Case studies are so crucial to the success of a designer's website that we built Semplice , a portfolio system for designers, entirely around them. (If you're after design portfolio and case study inspiration, check out the Semplice Showcase .) 

Your portfolio case studies are your opportunity to show prospective clients and employers how you think, how you work and what you can contribute to the world. Here are five examples of designers who do case studies well. 

01. Liz Wells

As a UX designer, Liz Wells has the unique task of making sitemaps, sketches, prototypes and user flows both visually engaging and concrete for her readers. She strikes the perfect balance in her portfolio case studies, highlighting work for brands like Google, Viceland and Spotify. 

Wells shares the project story from challenge to solution, taking care to explain her process along the way. Photos, videos – even early sketches torn from her notebooks – are thoughtfully photographed and laid out. All of it works together to not only showcase Wells' work, but also who she is and how she thinks.

On my blog, I publish a series in which I interview top companies about how to get a design job where they work. Almost every company has voiced that they want to understand how you think and see your process. 

Think about your project in phases and share your work – even the less glamorous notes and sketches, if they’re important to the story – from beginning to end, and you’ll find you have plenty to say. 

02. Melissa Deckhert

Melissa Deckert ’s case studies may be minimal but they pack a punch. Some, like her Food Quote GIFs case study for Tumblr, hook you in with a little secret that makes you look closer at the work.

“Tumblr asked me to animate a few food quotes for an internal project,” Deckert explains in the case study. “Naturally I found a way to weave Beyonce into two out of three.” Short and sweet, but the last line creates intrigue and make you want to see more.

Others case studies, like her In Every Moment We Are Alive book cover project, surprise you with a big reveal at the end. The case study works in reverse, leading with the finished product (the final book cover) and ending with a behind-the-scenes shot that makes you rethink what you saw before. 

Despite all our excuses, designers can write too . While it’s good to share your process, it also helps to remember the one person who is reading your website. They’re tired, they’re busy and they’ve probably reviewed dozens of portfolios today already. If your case study surprises them and brightens their day, it will be remembered. 

03. Naim Sheriff

Naim Sheriff breaks his case studies into sections, making the page easy to read and digest. He leads with a brief paragraph introducing the client and task at hand, then shares each project element in bite-sized pieces. 

Most importantly, he explains his visuals instead of just dumping them on the page. Sheriff’s case studies are rich in imagery but he doesn’t just show, he tells.

Just as with a newspaper or magazine article, it’s important to remember people are scanning your case studies. They may decide to read deeper if something catches their interest, or they may just skim and move on to the next project. 

Use your layout to guide them through the content and draw them deeper. Make your captions meaningful for scanners, and write easy-to-read paragraphs for the ones who stay.

04. Mackey Saturday

Mackey Saturday ’s case studies, like his whole portfolio, are clean and light. His identity designs for brands like Instagram , Oculus and Luxe stand on their own (as logos must do) but his case studies, complete with videos, polished photos and before and after GIFs, explain the nuances and decisions behind the finished product. Most notably, Saturday reveals his entire perspective on branding and design in his case studies.

“Redesigning a globally recognised logo is a polarising opportunity: Do you put your personal style on display, or stay true to what the brand’s users are familiar with?” he writes. “I believe the best designs channel a company’s culture, not the designer’s.”

Don’t be afraid to share your opinion and perspective in your case study. While you should avoid sharing opinions like, 'I really hated working with this client', you should, where relevant, express your beliefs about design and how you applied them to your work. 

Tell people what inspires you, what principles guide you, share your feelings about the final result. This adds personality and helps visitors understand who you are as a designer. Read more tips for writing case studies here.

05. Kali & Karina

Kali & Karina tee everything up for their case study readers with a strong introduction, including the project challenge, the project brief (in one sentence), as well as the partnering agency, their client and their role. They then follow through with their approach and the outcome.

On of the most common portfolio mistakes is forgetting to mention your role and give credit to your team. Giving credit doesn’t make your work on the project any less impressive. 

In fact, it shows you can work well and collaborate with a team. It also helps a potential employer or client understand where your main skills lie and how you’ll fit into their team or project.

• Inspiring redesigns of design agency portfolios
• 6 ways to power up your portfolio
• How to start a blog: 10 pro tips

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.

Related articles

Website Design

Custom Websites >

SiteCare Protection Plans >

SiteCare Packages & Pricing >

Graphic Design

Print & Digital Design >

Illustration >

Social Shareables >

Graphic Design Retainer >

Brand Design >

Logo Packages & Pricing >

Case Studies

Learn More >

Read More >

Find Out >

Read More >

Our Philosophy

Meet the Team >

getcaffeinated

View More >       Follow Us On Instagram >

Understanding Brand Archetypes: Unlocking Your Brand’s True Potential

The concept of Brand Archetypes is a powerful framework that fascinates and empowers brands to forge more personal and emotional connections with their audiences.…

Get in Touch >

Consultation

Client portal, we use a strategic mindset, imagination, and oodles of creativity to provide solutions for clients across a range of industries., strategic design does more than just sit and look pretty..

A strategic mindset considers the problems but focuses on solutions. It looks to the future to make decisions about the present. And it involves both analysis and imagination.

We believe in the power of design to solve problems and create meaningful relationships between people and brands. We're strategic thinkers who always look for new ways to help our clients achieve their goals, whether they're just starting out or have been in business for decades.

SMBs (Small and Midsize Businesses)

It’s a competitive world out there, and SMBs often struggle to stand out from the crowd. That’s where strategic design comes in. First, we take a look at where they are, then focus on where they want to go and how we will help them get there.

Caffeinated Design Studio is the go-to for AG Consulting Partners’ big design needs, from a brand refresh to a custom website.

Coaches & Consultants

Coaches and consultants do what they do because they’re passionate, generous, and genuinely caring. They’re often so busy tending to their clients that they run out of time for themselves. We have processes in place to lighten their load while we boost their bottom line.

Get the story of how Sales Maven worked with Caffeinated Design Studio on a total brand overhaul.

Solopreneurs

Solopreneurs and microbusinesses have their own unique needs and challenges. We are passionate about helping entrepreneurs thrive, whether they’re just getting off the ground, are ready to take their business to the next level, or just want the peace of mind of having a creative team on speed dial.

Learn how working with Caffeinated Design Studio to build her website has given Deyon Johnson with Gourmet Espresso Catering the time to focus on important things, like growing her business.

Nonprofit Organizations

Caffeinated Design Studio’s talented designers have the experience and creativity to handle the non-profit organization’s particular needs. We know how to use our imagination for good, using design to speak directly to your organization’s audience … and staying within budget while doing it!

Caffeinated is proud to support the mission and vision of Kids Coming Together, a nonprofit focused on helping kids make new friends and connect to their community.

Civic & Social Enterprises

Social enterprises have a powerful vision — to apply business strategies that make a positive financial, social, or environmental impact on society. That’s a tall order, and one that leaves little time for the minutiae of marketing.

Caffeinated is on standby and ready to roll any time OneRedmond needs quick, efficient, and cost-effective design work for anything from a logo to a detailed annual report complete with infographics.

want buzz? get Caffeinated.

Schedule your free consultation and join the caffeinated family today.

Case Studies

Organizations rock their creative designing with DesignBro. Learn how other companies use DesignBro, and how we can help your business grow.

1-10 of 283 business case studies

NovaLife is a premium plant-based protein powder line. We made it our mission to create the most delicious and healthiest plant-based protein powder on the market. We wanted the protein to taste as good as ice cream. Our protein is 120 calories per serving, 20g of protein per serving, with 25 servings per container. Our protein is vegan, dairy-free, gluten-free, zero sugar added, soy-free, non-GMO, and keto-friendly.

• Designs ordered: 5
• Designs received: 5

• Designs ordered: 10
• Designs received: 11

American Men

grooming products for rugged patriotic American men

Brand Identity

• Designs ordered: 3
• Designs received: 3

The Price Bandit

Quality products at discount prices

Studio 82 is on the cutting edge of new technology and experiences in the event and entertainment industry? We design AR and VR for companies and specialize in producing events.

Karo is the new brand of the healthy snacks and Nuts or snacks form plant base. For example, we will start with Cashew nuts coated with Coconuts caramel flavor, and Casehw nuts Truffle flavor and we want to do the snack from palnt based under this brand as well not only for Nut's product

• Designs ordered: 1
• Designs received: 1

planty witch

I sell high-quality, hand selected crystals on Etsy. My customers purchase crystals and stones for their aesthetic and metaphysical properties, and use them as a tool for self-improvement and transformation. I focus on unique and uncommon pieces. My brand is differentiated because it has a bent toward Wiccanism/paganism/magic/the occult.

• Designs received: 4

Rozanna Gaines

I’m Rozanna Gaines, The Loving Relationship Coach™, and I created The Loving Relationship Attraction Formula™ to help women break free from toxic unhealthy relationships, take back their power, and attract the loving healthy relationships that they deserve. My brand evokes the emotions of power, confidence, strength, and love.

Count to three!

Get your designs ready in 3 simple steps.

1. Creative Brief: Tell us what you need

Help us provide you customized designs by letting us know about your brand, preferences, and target audience. If required, let our team lend you a helping hand to ensure your details describe everything designers need to know to create unique designs for your project

2. Open Doors: Get your custom-made designs

Uniqueness isn’t easy to find. Thus, to ensure you get entirely customized designs, we make sure that no designer can have a look-see at other designers’ designs. Eventually, all designers provide you with unique designs.

3. Final Round: Select the final designs

As you browse through all the designs and pick the final ones, the designers start the process of copyrighting the same. There on, we offer you 10 days to review the final designs to your project and move towards success.

We’re your creative graphic design associate

Our award-winning, dedicated & friendly customer support team has a 98% satisfaction rating, and available 24/7 to guide you through the creative graphic design process and answer all your questions. If you need help deciding, our support team would be happy to help you with a free, no obligation design consultation.

• mindful design
• student success
• product design
• ui/ux design
• watch me work
• design careers
• design inspiration

10 Exceptional Product Design Portfolios with Case Study Breakdowns

After working with many designers throughout my own career and helping many more build their job-ready portfolios, there are a few designers that I keep coming back to for inspiration and some that are inspiring a new generation of UI/UX and Product Designers to enter the field.

I've chosen 10 of our favorite UI/UX and Product Designers—a colorful tapestry of digital product architects that have evolved from graphic designers, marketers, architects, engineers and everything in-between. Their unique backgrounds and journey bring something special to our industry and illustrate how we can all do more meaningful, interesting and impactful work:

There are 10 things in particular that make these 10 designers really stand out:

• They have each honed their craft from the bottom up (whether having gone through a traditional academic program, an online course like DesignerUp , or being self-taught).
• They are all at different stages of their careers (some newly minted and others seasoned veterans).
• They continue to learn, grow, push the envelope, document and share their genuine experiences.
• They each hail from a different background (and sometimes non-design industry) that informs who they are and what they work on as a designer.
• Their evolution is apparent in their work.
• They are passionate about the problems they solve and find joy in connecting with the users they serve.
• They are transparent about their processes, thoughtful in their communication about it and not afraid to show what worked and what didn't.
• They have focused portfolios that reveal their unique point of view as a designer.
• They are a diverse group of designers from different cultural, gender and socio-economic backgrounds.
• They have so much to teach us all about design and how to use it to express authenticity and to understand and help others do the same.

Case Study Format:   http://simonpan.com/work/uber/

• The Challenge
• Early Insights
• Reframing the Problem
• The Redesign
• Design Strategy

“In a city as busy as San Francisco, over $1 million was wasted per week because of problematic pickups.”

Madeline Wukusick

Madeline is a graduate of our DesignerUp Product Design course. She was able to create an incredible portfolio working through our curriculum, blended with her background in graphic and data design that set her up for immediate success landing professional design roles.

Case Study Format:

• The Observed Problem
• The Research
• In the Insights
• The proposed How Might We Statements
• Lean Canvas and Product Strategy
• Business Requirements
• The Solutions and MVP Features
• Things that could be improved

"Thanks for helping me work through these iterations—it's been tremendously helpful! You have such a knack for fine-tuning and teasing out subtle themes that I hadn't noticed before. From these comments, I have a better sense of some of my growth areas to work on and ways in which to push myself. It also helped me realize that I am most interested in hybrid roles, or at least roles with a strong visual component. Really grateful to have discovered this course :-)" - Madeline

Not an Italian mobster; Johny Vino is an engineers' designer. I've been a long time admirer of his work every since his mind-blowing animations and micro-interactions arrested me mid Dribbble scroll many years ago. He is a thoughtful, meticulous designer that understands how to align user and business goals all while transmuting conventional interaction patterns into something that is altogether transcendent yet familiar.

Case Study Format: https://johnyvino.com/

Process, Goal and Task Oriented that varies with each project

• What he worked on
• What he aim to accomplish
• Business Goals
• Representation of complex data
• Integration

Humans are not perfect. I like to apply 3 principles to ever product I design to help me focus on that. Fitt's Law, Mimicry, Aesthetic Usability Effect

Steph Parrott

Steph is a product designer based in Toronto. Currently working on Plantd and most recently at Square in San Francisco.

Case Study Format: https://www.stephparrott.com/plantd/

• Roles and Process
• App Overview
• Feature proposal
• Design to Development
• Looking to the future and what's next

"As someone who hasn’t eaten meat in almost 20 years, I’m highly motivated to put in the work to find plant-based options, but for those starting to dabble, how can we except them to do the same?" - Steph

Tom is the co-founder of the community and event series Design Club , and an investor & advisor to Bricklane . He currently works  own clients, helping invent, design, and launch new ventures. Before that he held design leadership roles at fashion and fintech startups, and was as a senior designer at a global agency. Case Study Format: http://tom.pe/gc-dashboard.html

• Summary of the problem space, challenges, project and contribution
• Goal and Problem
• Design Principles applied
• Proposed solution and representation of dashboard and data
• Design frameworks used
• Future considerations

"The problem here is that by trying to create something for everyone, we risked helping no one. Avoiding the design equivelant of an identity crisis became a big focus of mine. I'd do this by finding ways to inject a point of view into the product. By knowing what it wasn't, as well as what it was." - Tom Petty

Want to create an incredible portfolio like these full of amazing case studies to get you hired? Enroll in our Product Design Course today!

Garett MacGillivray

Much like myself and other designers of a particular generation, Aussie/Canadian Garett MacGillivray has been around the block and through the evolution of graphic designer, web design, UI/UX Designers and now landed squarely as a full stack Product Designer.

Case Study Format: https://aucadian.com.au/project/goloop

• Exploration and Ideation
• Component Library
• B2B product interface

I've had many labels throughout my career in the digital industry. It's safe to say that I enjoy crafting digital experiences.

Elise is a Bay Area designer that jumped to the bay from NYU. She comes from an advertising and marketing background and has fine tuned her communication skills and processes vast knowledge of the tech and digital product industry has a whole having been on the broadcasting and marketing side of things.

Case Study Format: http://www.elisefu.com/work-komeeda/

• Impact/Metrics
• User testing
• User research
• Information Architecture
• Implementation
• Major Findings
• Formal User Testing

I was driven to design because I felt excited and rewarding to learn about people’s goals and desires, help them solve problems and make their lives easier.

Latiesha Caston

Latisha is a User Experience Designer passionate about holistic, accessible, and inclusive design, based in Seattle.

Case Study Format: https://www.latieshacaston.com/veggie-grill-online-ordering-experience

• The Problem
• The High-level Goal
• The approach
• Pain Points
• Optimizing flow and improving architecture
• Interaction model breakdown
• Looking to the future

"Our high level goal was to design a holistic order-ahead experience that keeps the core of what we've built, while delivering on opportunities, addressing pain points, and setting the stage for the future." - Latisha

Karolis Kosas

Having recently joined the amazing design team at Stripe as a Product designer, Karolis's portfolio is clean and minimal and his case studies really understand the mental model of the user, getting into their heads and revealing the friction points they are feeling and how he can insert a solution that improves on the experience with compromising the soul of the designer.

Case Study Format: http://karoliskosas.com/cinemaclub/

• prototyping
• Built the product from zero

Visual communication is a self-sufficient organism capable of adapting and evolving based on the input of multiple sources.Acting in such context, the designer is an initiator, establishing methods and boundaries for the system to establish itself as an independent entity.

Rohit Singh

One of o ur very own graduates ! Rohit Singh is an up and coming product designer with a focus on helping early-stage startups and new businesses blossom.

Rohit outlines his process for creating an MVP for his digital product from scratch, which serves as a sort of physical and virtual library for the poorest class of India.

Case Study Format: https://work.khadush.in/booksite-an-online-physical-book-sharing-platform/

• Inspiration
• User Interviews
• Lean Canvas
• Visual Design
• Final Words

I specialize in helping early stage startups validate their riskiest assumptions using leading design methods

After analyzing all of these case studies and working with 100s of designers in our product design course to get them ready for the job application process, we've created our own tried-and-true templates to make it easy for designers to replicate the successful format and structure of these top portfolios using Notion .

Each of these amazing portfolios tells the story of the product designer, their evolution, their process and shows what they bring to the world. But it's not easy doing what they do or knowing exactly how to show and tell who you are as designer. Having a solid design education and getting feedback from the design community is the best way to ensure that your work is up to par and being presented in a way the shows your skills and your worth.

Have a look at our partners' advice over at Pathrise on building a strong UX design portfolio .

The best design resources, in your inbox

Tips, tricks, articles and freebies. It's all happening in the DesignerUp Newsletter. View the archives →

We'll only send the occasional email and promise not to spam.

© Copyright 2022 DesignerUp. All Rights Reserved.

Case Studies: AI in Action in Art and Design

• First Online: 15 November 2023

Cite this chapter

• James Hutson 19 ,
• Jason Lively 20 ,
• Bryan Robertson 21 ,
• Peter Cotroneo 22 &
• Martin Lang 23  

Part of the book series: Springer Series on Cultural Computing ((SSCC))

459 Accesses

This chapter presents a collection of practical case studies showcasing the integration of generative AI into diverse art and design disciplines. Spanning across 3D design, drawing, and digital art, these case studies provide a comprehensive exploration of the transformative potential on the creative process. Highlighting versatile applications in graphic design, product design, architecture, and more, these case studies underscore the boundless possibilities AI offers to the creative industry. The chapter begins by delving into the realm of 3D design, unveiling how AI-driven technologies are revolutionizing the sculpting process and shaping the future of three-dimensional art. Moving to traditional drawing techniques, AI blurs the lines between tradition and innovation by enabling artists to explore novel realms of creativity. The chapter also examines the captivating world of digital art, where AI-generated content becomes a unique form of expression. From manipulating pixels to crafting intricate patterns, the role of AI tools in pushing the boundaries of digital art is vividly illustrated. Through these case studies, this chapter provides a deep insight into the profound influence of AI integration across art and design disciplines. From 3D design to drawing and digital art, these examples offer a glimpse into the transformative potential of AI, promising to reshape the creative landscape.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

• Available as PDF
• Read on any device
• Instant download
• Own it forever
• Available as EPUB and PDF
• Durable hardcover edition
• Dispatched in 3 to 5 business days
• Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Bellagente M, Brack M, Teufel H, Friedrich F, Deiseroth B, Eichenberg C, Weinbach S (2023) MultiFusion: fusing pre-trained models for multi-lingual, multi-modal image generation. arXiv preprint arXiv:2305.15296 .

Bruno C, Bruno C (2022) Digitally enhanced creativity: augmenting creativity through digital technologies. In: Creativity in the design process: exploring the influences of the digital evolution, pp 83–96

Google Scholar  

Chung NC (2021) Human in the loop for machine creativity. arXiv preprint arXiv:2110.03569

Gray C, Malins J (2016) Visualizing research: a guide to the research process in art and design. Routledge

Hutson J, Cotroneo P (2023) Generative AI tools in art education: exploring prompt engineering and iterative processes for enhanced creativity. Art Meta Spec Iss 4(1):1–14

Hutson J, Lang M (2023) Content creation or interpolation: AI generative digital art in the classroom. Metaverse 4(1):1–13

Article   Google Scholar  

Hutson J, Robertson B (2023) Exploring the Educational potential of AI generative art in 3D design fundamentals: a case study on prompt engineering and creative workflows. Glob J Hum Soc Sci A 23(2):1–11

Hutson J, Robertson B (in press) A question of perspective: AI generative art in the drawing studio. Int J New Med Technol Art

Kim J, Maher ML (2023) The effect of AI-based inspiration on human design ideation. Int J Des Creat Inn 11(2):81–98

Lee LH, Lin Z, Hu R, Gong Z, Kumar A, Li T, Hui P (2021) When creators meet the metaverse: a survey on computational arts. arXiv preprint arXiv:2111.13486

McCormack J, Cruz Gambardella C, Rajcic N, Krol SJ, Llano MT, Yang M (2023) Is writing prompts really making art?. In: International conference on computational intelligence in music, sound, art and design (Part of EvoStar). Springer Nature Switzerland, Cham, pp 196–211

Mok K (2023) The power and ethical dilemma of AI image generation models. The New Stack. https://thenewstack.io/the-power-and-ethical-dilemma-of-ai-image-generation-models/ . Accessed 6 Jan 2023

Ng DTK, Leung JKL, Su J, Ng RCW, Chu SKW (2023) Teachers’ AI digital competencies and twenty-first century skills in the post-pandemic world. Educ Technol Res Dev 71(1):137–161

Paananen V, Oppenlaender J, Visuri A (2023) Using text-to-image generation for architectural design ideation. arXiv preprint arXiv:2304.10182

Turchi T, Carta S, Ambrosini L, Malizia A (2023) Human-AI co-creation: evaluating the impact of large-scale text-to-image generative models on the creative process. In: International symposium on end user development. Springer Nature Switzerland, Cham, pp 35–51

Download references

Author information

Authors and affiliations.

Department of Art History and Visual Culture, Lindenwood University, St. Charles, NY, USA

James Hutson

Department of Art and Design, Lindenwood University, St. Charles, MO, USA

Jason Lively

Department of Visual Art, Yavapai College, Prescott, AZ, USA

Bryan Robertson

Department of Art and Design, The University of Tampa, Tampa, AZ, USA

Peter Cotroneo

Chair of the Studio Art Program, Department of Art, Columbia College, Columbia, SC, USA

Martin Lang

You can also search for this author in PubMed   Google Scholar

Corresponding author

Correspondence to James Hutson .

Rights and permissions

Reprints and permissions

Copyright information

© 2024 The Author(s), under exclusive license to Springer Nature Switzerland AG

About this chapter

Hutson, J., Lively, J., Robertson, B., Cotroneo, P., Lang, M. (2024). Case Studies: AI in Action in Art and Design. In: Creative Convergence. Springer Series on Cultural Computing. Springer, Cham. https://doi.org/10.1007/978-3-031-45127-0_6

Download citation

DOI : https://doi.org/10.1007/978-3-031-45127-0_6

Published : 15 November 2023

Publisher Name : Springer, Cham

Print ISBN : 978-3-031-45126-3

Online ISBN : 978-3-031-45127-0

eBook Packages : Computer Science Computer Science (R0)

Share this chapter

Anyone you share the following link with will be able to read this content:

Sorry, a shareable link is not currently available for this article.

Provided by the Springer Nature SharedIt content-sharing initiative

• Publish with us

Policies and ethics

• Find a journal
• Track your research

• Illustration
• Processes and Tools

Animation Case Study Processes and Tools

Case Study: Animation. Designing Motion Graphics

Case study on motion design by tubik studio. design process description for animation in adobe after effects. practical tips from professional motion designer..

This post continues our set of case studies. In addition to previous cases on designing the logo  and working out the user experience for a mobile app , we would like to present the one on animation design.

Nowadays animation has a lot of various functions from highly practical to purely decorative ones. The animation we are analyzing this time is thematically decorative. This is the piece of motion graphics developed by our animation guru Kirill as a rebound on Easter and spring icons created by Arthur Avakyan.

Animation based on Easter icons

The set of Easter and spring icons

As well as the icons , the animation piece is the product uniquely created by Tubik Studio at all the stages.

Kirill and Arthur working together on the animation of original images

Creating a piece of animation applying specified tools with the aim of promoting the icons set.

Adobe Illustrator, Adobe After Effects

The idea of the animated shot was based on the set of Easter icons by Arthur Avakyan.  Inspired by their style, the designer for Tubik Studio Kirill decided to choose two of them as the material for a motion design sample. The work had not only decorative and entertaining but also promotional aims as it was going to become the animated versions to present the icons as the product for buyers. Somehow, it was not the usual work as the designer wanted to combine the idea with practicing the Shape tool of Adobe After Effects.

It should be mentioned that earlier the animations for the studio works were created in Adobe After Effects through the traditional way of splitting up the image into separate elements and than manipulating them in After Effects. Despite a lot of positive features, this way of processing images for motion graphics has an important practical disadvantage for complex projects: the elements, which are manipulated, are raster and therefore they are badly sensitive to changes of the shape and/or size.

Splitting the original images into raster elements for manipulation in Adobe After Effects

So, this shot became a kind of an experiment because the designer made it the first serious work using the After Effects tool called Shape. This tool is highly functional and allows designer to change shapes and transform images and elements in a smooth and fine way with the opportunities of sophisticated adjustment.

Kirill concentrated on creating animation

Processing the images to create the animated shot

One more essential thing about Shape is that it makes it possible to create a dynamic shadow that is natural, lively and corresponds to the movements of the objects. It can be seen in the animation presented. This time work with a dynamic shadow was much simpler due to the Shape tool. It provides designers with a higher level of functional abilities for creating more complicated and interesting motion graphic works.

Creating a dynamic shadow makes animation lively

Easter piece of animation was the first work fully based on After Effects Shape and this shot gave the designer a chance to feel all its advantages. Since then, Kirill has been actively applying Shape working with animation for interfaces which nowadays is included in the list of top practically useful motion graphics.

Major benefits of the Shape tool to be mentioned are the following:

• it gives more additional features than PNG
• it provides automatic processing and adjustment of changes during manipulations with an image
• it gives the significantly smaller size of the final file and that feature makes it highly attractive for work with customers while sending the files
• it creates one and the single file without tying it up to the elements as in PNG.

Processing images for motion design is always creative and full of thorough work on details and nuances. Thus, tools and features providing a motion designer with opportunities to process images faster not losing in efficiency are always highly appreciated by designers. So, they obviously have to be the subject of consideration for developers of designing software. And no doubt, that is all fair to say about the Shape tool of After Effects.

Useful Reading

Here’s a set of handy articles for further reading on the theme of UI animation:

Motion in UX Design: 6 Effective Types of Web Animation

How to Use Animations in Mobile Apps

Conceptual Animation. Making UI Design Stand Out

Motion for Mobile. 20 Creative Concepts of UI Animation

UI Animation: Eye-Pleasing, Problem-Solving

UI in Action. 15 Animated Design Concepts of Mobile UI

Animated Interactions. Motion on Purpose

UI Animation. Microinteraction for Macroresult

Interface Animation. The Force of Motion

Case Study: Toonie. UI Animation Development

• February 2024
• January 2024
• December 2023
• November 2023
• October 2023
• September 2023
• August 2023
• February 2023
• January 2023
• December 2022
• November 2022
• October 2022
• September 2022
• August 2022
• February 2022
• January 2022
• December 2021
• November 2021
• October 2021
• September 2021
• August 2021
• February 2021
• January 2021
• December 2020
• November 2020
• October 2020
• September 2020
• August 2020
• February 2020
• January 2020
• December 2019
• November 2019
• October 2019
• September 2019
• August 2019
• February 2019
• January 2019
• December 2018
• November 2018
• October 2018
• September 2018
• August 2018
• February 2018
• January 2018
• December 2017
• November 2017
• October 2017
• September 2017
• August 2017
• February 2017
• January 2017
• December 2016
• November 2016
• October 2016
• September 2016
• August 2016
• February 2016
• January 2016
• December 2015
• November 2015
• October 2015
• September 2015
• August 2015

Welcome to check designs by Tubik on Dribbble and Behance ; explore the gallery of 2D and 3D art by Tubik Arts on Dribbble

Don't want to miss anything?

Get weekly updates on the newest design stories, case studies and tips right in your mailbox.

Case Study: Albert's. Christmas Cookies Packaging Design

Enjoy the winter holidays atmosphere and catch some Merry Christmas vibes with our graphic design case study unveiling the bright packaging design for the collection of Christmas cookies.

Case Study: App Shack. Logo Design for Digital Agency

Identity design case study: the creative process for logo redesign and branded items with the flow of iterations and results for a digital agency App Shack.

7 Tips to Enhance Mobile Interactions

The article describes the core aspects of effective mobile interactions. It provides practical tips for intuitive UI design and clear mobile interaction system.

Life in Pandemic Times: Theme Illustrations and Graphic Design Project

Check the collection of marketing graphics, illustrations, and posters devoted to life at pandemic times, showing how businesses and brands adapt to the new reality.

More articles by themes

Let’s collaborate

Want to work on the project together? Contact us and let’s discuss it.