{"id":37854,"date":"2021-02-03T14:22:19","date_gmt":"2021-02-03T14:22:19","guid":{"rendered":"https:\/\/graphicmama.com\/blog\/?p=37854"},"modified":"2022-08-01T11:57:41","modified_gmt":"2022-08-01T11:57:41","slug":"storyboard-examples","status":"publish","type":"post","link":"https:\/\/graphicmama.com\/blog\/storyboard-examples\/","title":{"rendered":"20 Storyboard Examples For Different Uses of Storyboarding [Apps, UX, Animation, Commercials]"},"content":{"rendered":"<p>In our previous article, <a href=\"https:\/\/graphicmama.com\/blog\/what-is-a-storyboard\/\" target=\"_blank\" rel=\"noopener\">we explored the concept of storyboards<\/a>, why you need one, how to make it, and of course, added some amazing examples to visualize the theory. Today we&#8217;ll go a step further and handpick 20 amazing storyboard examples for your inspiration. You&#8217;ll be able to see how a rough sketch translates into the final product and it&#8217;s going to be awesome. With this in mind, let&#8217;s jump right into it and see what the talented creators are up to again.<\/p>\n<p><strong>Storyboard Examples: Overview<br \/>\n<\/strong>1. <a href=\"#example1\">Concept Video Storyboard Example: Virgin Orbit \u2013 Space Exploration<\/a><br \/>\n2. <a href=\"#example2\">Animation Storyboard Example: Bat Nan (She-Kings)<\/a><br \/>\n3. <a href=\"#example3\">Awareness Campaign Storyboard Example: Ahl Masr Hospital<\/a><br \/>\n4. <a href=\"#example4\">Explainer Video Storyboard Example: AZA<\/a><br \/>\n5. <a href=\"#example5\">App Trailer Video Storyboard Example: Salon Life<\/a><br \/>\n6. <a href=\"#example6\">Short Story Video Storyboard Example: Ch\u00e2teau Noir<\/a><br \/>\n7. <a href=\"#example7\">Story In Pictures Storyboard Example: Little Things We Can\u2019t Do During a Quarantine<\/a><br \/>\n8. <a href=\"#example8\">Commercial Video Storyboard Example: Porsche Taycan Official Commercial<\/a><br \/>\n9. <a href=\"#example9\">App Video Storyboard Example: Interconnect<\/a><br \/>\n10. <a href=\"#example10\">Music Festival Commercial Storyboard Example: Red Bull Music Academy<\/a><br \/>\n11. <a href=\"#example11\">Art Concept Video Storyboard Example: Fold- The Beginning<\/a><br \/>\n12. <a href=\"#example12\">TV Commercial Photography Storyboard Example: Barilla Bio TV<\/a><br \/>\n13. <a href=\"#example13\">Advertising Storyboard Example: Nike Vapormask<\/a><br \/>\n14. <a href=\"#example14\">Comicbook Storyboard Example: Pizza Hut Marvel<\/a><br \/>\n15. <a href=\"#example15\">UX Explainer Video Storyboard Example: The Sales Matrix<\/a><br \/>\n16. <a href=\"#example16\">Example of Conceptual Storyboard<\/a><br \/>\n17. <a href=\"#example17\">3D Action Animation Storyboard Example: Detained<\/a><br \/>\n18. <a href=\"#example18\">App UX Storyboard Example: Off Bucket App <\/a><br \/>\n19. <a href=\"#example19\">Historical TV Series Storyboard Example: MBC TV<\/a><br \/>\n20. <a href=\"#example20\">Hair Product Commercial Storyboard Example: Hairburst<\/a><\/p>\n<p>&nbsp;<\/p>\n<div id=\"example1\">\n<h2>1. Concept Video Storyboard Example: Virgin Orbit &#8211; Space Exploration<\/h2>\n<\/div>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<img decoding=\"async\" class=\"alignnone wp-image-37856\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26085701\/storyboarding-example-01-gif-01.gif\" alt=\"Virgin Orbit - Space Exploration Storyboard examples\" width=\"405\" height=\"228\" \/><\/p>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37857\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26085752\/storyboarding-example-01-gif-02.gif\" alt=\"Great Animated storyboard from Virgin Orbit - Space Exploration\" width=\"405\" height=\"228\" \/><\/p>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>The first project is related to Virgin Orbit&#8217;s LauncherOne system that aims to connect rural communities to monitor global climate change. In short, the company within a company plans to provide launch services for small satellites. Cl\u00e9mence Thune is the art director and illustrator for the concept video and we can see how beautifully crafted illustrations transition into a well-planned final video.<\/p>\n<div id=\"attachment_37855\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37855\" class=\"wp-image-37855 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26085435\/storyboarding-example-01.png\" alt=\"Amazing Storyboard by Virgin Orbit - Space Exploration\" width=\"826\" height=\"769\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26085435\/storyboarding-example-01.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26085435\/storyboarding-example-01-300x279.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26085435\/storyboarding-example-01-768x715.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26085435\/storyboarding-example-01-80x74.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37855\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/106373981\/Virgin-Orbit-Space-Exploration\" target=\"_blank\" rel=\"nofollow noopener\">Virgin Orbit &#8211; Space Exploration by Cl\u00e9mence Thune<\/a><\/p><\/div>\n<div id=\"example2\">\n<h2>2. Animation Storyboard Example:\u00a0Bat Nan (She-Kings)<\/h2>\n<\/div>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37877\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26092037\/storyboarding-example-02-gif-01.gif\" alt=\"Bat Nan (She-Kings) - Amazing Storyboard Example\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37878\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26092121\/storyboarding-example-02-gif-02.gif\" alt=\"Animated storyboard by Bat Nan (She-Kings)\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>Bat Nan is a 2D animated short film by DeeDee animation studio as part of the project She-Kings that has 6 short films and one live-action movie in total.\u00a0 Below, the storyboard features an entire fighting scene made in amazing details by the 2D animator and character designer\u00a0Huy Hoang Ha. Most of the thumbnails make it into the final product and look mesmerizing.<\/p>\n<div id=\"attachment_37879\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37879\" class=\"wp-image-37879 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26092135\/storyboarding-example-02.png\" alt=\"Storyboard from Bat Nan (She-Kings)\" width=\"826\" height=\"490\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26092135\/storyboarding-example-02.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26092135\/storyboarding-example-02-300x178.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26092135\/storyboarding-example-02-768x456.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26092135\/storyboarding-example-02-120x70.png 120w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26092135\/storyboarding-example-02-80x47.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37879\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/88530049\/BAT-NAN-%28SHE-KINGS%29-2D-Animated-Short-Film\" target=\"_blank\" rel=\"nofollow noopener\">BAT NAN (SHE-KINGS) &#8211; 2D Animated Short Film by DeeDee Animation Studio and Huy Hoang Ha<\/a><\/p><\/div>\n<div id=\"example3\">\n<h2>3.\u00a0 Awareness Campaign Storyboard Example:\u00a0Ahl Masr Hospital<\/h2>\n<\/div>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37884\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26094217\/storyboarding-example-03-gif-01.gif\" alt=\"Sketch style storyboard from Ahl Masr Hospital\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37885\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26094232\/storyboarding-example-03-gif-02.gif\" alt=\"Storyboard with movement - Ahl Masr Hospital\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>The next concept is a campaign aiming to engage the adult audience and spread awareness of how serious burns victims need care as fast as possible. This highlights the first 6 hours as the most important in saving the lives of burn victims. The series collaborate with AHL MASR, the 1st hospital of its kind in Egypt, the Middle East, and Africa that offers free treatment to trauma and burn victims. Many artists have worked on the vision to create a campaign and emotionally engaging video series.<\/p>\n<p>For example, here we can see the storyboards from the copy that is telling the story of a father who forgets to turn off the heather and falls asleep. Unfortunately, the apartment catches on fire and endangers the life of his son. Even the rough sketches from the storyboard hold pretty strong emotions from the very start.<\/p>\n<div id=\"attachment_37886\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37886\" class=\"wp-image-37886 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26094329\/storyboarding-example-03.png\" alt=\"Great storyboard from Ahl Masr Hospital\" width=\"826\" height=\"440\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26094329\/storyboarding-example-03.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26094329\/storyboarding-example-03-300x160.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26094329\/storyboarding-example-03-768x409.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26094329\/storyboarding-example-03-80x43.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37886\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/107772579\/Ahl-Masr-Hospital-Campaign\" target=\"_blank\" rel=\"nofollow noopener\">Ahl Masr Hospital Campaign by Ahmad Nady and Octopus studio<\/a><\/p><\/div>\n<div id=\"example4\">\n<h2>4. Explainer Video Storyboard Example: AZA<\/h2>\n<\/div>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37887\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26095127\/storyboarding-example-04-gif-01.gif\" alt=\"Animated storyboard AZA\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37888\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26095149\/storyboarding-example-04-gif-02.gif\" alt=\"Cool storyboard example for AZA\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>The creator Dinos&amp;Teacups has a very rich gallery of storyboards and entire concepts for explainer videos. However, this one we enjoyed the most so we instantly handpicked it as a great storyboard example. Unlike most of the examples, the sketches here aren&#8217;t that detailed and painted and they don&#8217;t need to be. Consequently, despite their simplicity, the panels are clear in what they want to indicate and accurately translate into the final video, as you can see in the gifs.<\/p>\n<p>The project itself, AZA (A-Z Atlas) is a concept for a two-way matching system for sellers and buyers.<\/p>\n<div id=\"attachment_37889\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37889\" class=\"wp-image-37889 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26095206\/storyboarding-example-04.png\" alt=\"Linear style storyboard from AZA\" width=\"826\" height=\"338\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26095206\/storyboarding-example-04.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26095206\/storyboarding-example-04-300x123.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26095206\/storyboarding-example-04-768x314.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26095206\/storyboarding-example-04-80x33.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37889\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/86278003\/AZA-Explainer-Video\" target=\"_blank\" rel=\"nofollow noopener\">AZA Explainer Video by Dinos &amp; Teacups<\/a><\/p><\/div>\n<div id=\"example5\">\n<h2>5. App Trailer Video Storyboard Example: Salon Life<\/h2>\n<\/div>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37890\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26095947\/storyboarding-example-05-gif-01.gif\" alt=\"Animated flat Salon Life Storyboard\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37891\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100015\/storyboarding-example-05-gif-02.gif\" alt=\"Inspirational storyboard - Salon Life\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>Meanwhile, Salon Life is an app for beauty salon owners to focus on generating more repeat business and saving time with their daily routine.\u00a0Benoit Drigny is the illustrator, thanks to whom we have this exemplary storyboard that later translates into illustrations and still frames before making it to the final trailer video.<\/p>\n<div id=\"attachment_37892\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37892\" class=\"wp-image-37892 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100040\/storyboarding-example-05.png\" alt=\"Great storyboard example with movements from Salon Life\" width=\"826\" height=\"442\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100040\/storyboarding-example-05.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100040\/storyboarding-example-05-300x161.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100040\/storyboarding-example-05-768x411.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100040\/storyboarding-example-05-80x43.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37892\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/94681941\/Salon-Life\" target=\"_blank\" rel=\"nofollow noopener\">Salon Life by Niu Valentin Nouvel and Benoit Drigny<\/a><\/p><\/div>\n<div id=\"example6\">\n<h2>6. Short Story Video Storyboard Example:\u00a0Ch\u00e2teau Noir<\/h2>\n<\/div>\n<p>The author explains Chateau Noir as the transposition of a fairy tale and a metaphor for something else: an intense quest accompanied by fear, joy, death, and the unknown. Indeed, the still shots form this journey and tell a story within a dream.<\/p>\n<div id=\"attachment_37893\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37893\" class=\"wp-image-37893 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100711\/storyboarding-example-06.png\" alt=\"Realistic Storyboard example with images\" width=\"826\" height=\"726\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100711\/storyboarding-example-06.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100711\/storyboarding-example-06-300x264.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100711\/storyboarding-example-06-768x675.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26100711\/storyboarding-example-06-80x70.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37893\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/85691687\/Chateau-Noir?tracking_source=search_projects_recommended%7Cstoryboard\" target=\"_blank\" rel=\"nofollow noopener\">Ch\u00e2teau Noir by Thomas Dubois<\/a><\/p><\/div>\n<p>Unfortunately, as much as we want to see the final video and enjoy the beautiful story, the project hasn&#8217;t be completed yet. All we currently have is this atmospheric teaser.<\/p>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/G-k9vhD2_lQ\" width=\"826\" height=\"423\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<div id=\"example7\">\n<h2>7. Story In Picture Storyboard Example: Little Things We Can&#8217;t Do During a Quarantine<\/h2>\n<\/div>\n<p>Next, this a personal project of the illustrator and picture book maker Marc Majewski who had found a way to give color to his daily routine during the quarantine through a series of illustrations. The pictures tell the story of little things we all love doing but can&#8217;t do during a quarantine. On a positive note, these are also the things we will all enjoy doing once it&#8217;s all over.<\/p>\n<p>Accordingly, the rough pencil sketches later become a beautifully crafted story in pictures.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37894\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37894\" class=\"wp-image-37894 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26103658\/storyboarding-example-07-1.png\" alt=\"Little Things We Can't Do During a Quarantine - Great inspirational example\" width=\"405\" height=\"663\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26103658\/storyboarding-example-07-1.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26103658\/storyboarding-example-07-1-183x300.png 183w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26103658\/storyboarding-example-07-1-49x80.png 49w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37894\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/94766703\/LITTLE-THINGS-WE-CANT-DO-DURING-A-QUARANTINE\" target=\"_blank\" rel=\"nofollow noopener\">Sketches by\u00a0Marc Majewski\u00a0<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37895\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37895\" class=\"wp-image-37895 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26103738\/storyboarding-example-07-2.png\" alt=\"Little Things We Can't Do During a Quarantine Backgrounds for storyboard\" width=\"405\" height=\"663\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26103738\/storyboarding-example-07-2.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26103738\/storyboarding-example-07-2-183x300.png 183w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26103738\/storyboarding-example-07-2-49x80.png 49w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37895\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/94766703\/LITTLE-THINGS-WE-CANT-DO-DURING-A-QUARANTINE\" target=\"_blank\" rel=\"nofollow noopener\">Illustrations by<\/a>\u00a0<a href=\"https:\/\/www.behance.net\/gallery\/94766703\/LITTLE-THINGS-WE-CANT-DO-DURING-A-QUARANTINE\" target=\"_blank\" rel=\"nofollow noopener\">Marc Majewski<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<div id=\"example8\">\n<h2>8. Commercial Video Storyboard Example: Porsche Taycan Official Commercial<\/h2>\n<\/div>\n<p>Adonis Alcici created around 100 scenes for the entire storyboard for the Porsche Taycan Launch (Brazil) commercial you&#8217;ll see below.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37896\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37896\" class=\"wp-image-37896 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26104545\/storyboarding-example-08-2.png\" alt=\"Amazing storyboard vs final result comparison - Porsche comercial\" width=\"405\" height=\"663\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26104545\/storyboarding-example-08-2.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26104545\/storyboarding-example-08-2-183x300.png 183w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26104545\/storyboarding-example-08-2-49x80.png 49w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37896\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/107509721\/STORYBOARD-PORSCHE-TAYCAN-OFFICIAL-COMMERCIAL\" target=\"_blank\" rel=\"nofollow noopener\">Storyboard by Adonis Alcici<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37897\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37897\" class=\"wp-image-37897 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26104746\/storyboarding-example-08-1.png\" alt=\"Porsche Taycan Official Commercial - Storyboard\" width=\"405\" height=\"663\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26104746\/storyboarding-example-08-1.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26104746\/storyboarding-example-08-1-183x300.png 183w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26104746\/storyboarding-example-08-1-49x80.png 49w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37897\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/107509721\/STORYBOARD-PORSCHE-TAYCAN-OFFICIAL-COMMERCIAL\" target=\"_blank\" rel=\"nofollow noopener\">Concept by Adonis Alcici<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>The illustrator has shared some of the sequence artworks that made it to the commercial, and he also compares them to the final still shots. A perfect example of the creation of a commercial with the use of storyboarding in pre-production.<\/p>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/lJ8DCCr_cno\" width=\"826\" height=\"427\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<div id=\"example9\">\n<h2>9. App Video Storyboard Example: Interconnect<\/h2>\n<\/div>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37901\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26123219\/storyboarding-example-09-gif-01.gif\" alt=\"Animation as Storyboard\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37902\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26123251\/storyboarding-example-09-gif-02.gif\" alt=\"Interconnect - Great animation used as storyboard\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>Another example of app-video planning comes from the Ukrainian concept artist GARRA with his thumbnail storyboard. Interconnect is an app that helps you find a route from point A to point B and set a departure and arrival date and time. As a result, the final video shows the stories of friends always find a way to each other as time and distance don&#8217;t really matter.<\/p>\n<div id=\"attachment_37903\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37903\" class=\"wp-image-37903 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26123309\/storyboarding-example-09.png\" alt=\"storyboard example - Interconnect\" width=\"826\" height=\"469\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26123309\/storyboarding-example-09.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26123309\/storyboarding-example-09-300x170.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26123309\/storyboarding-example-09-768x436.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26123309\/storyboarding-example-09-80x45.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37903\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/107124449\/App-Illustration\" target=\"_blank\" rel=\"nofollow noopener\">App Illustration by G A R R A<\/a><\/p><\/div>\n<div id=\"example10\">\n<h2>10. Music Festival Commercial Storyboard Example: Red Bull Music Academy<\/h2>\n<\/div>\n<div id=\"attachment_37906\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37906\" class=\"wp-image-37906 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26124111\/storyboarding-example-10-1.png\" alt=\"Red Bull Music Academy - A really nice storyboard\" width=\"826\" height=\"408\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26124111\/storyboarding-example-10-1.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26124111\/storyboarding-example-10-1-300x148.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26124111\/storyboarding-example-10-1-768x379.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26124111\/storyboarding-example-10-1-80x40.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37906\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/49406917\/RED-BULL-MUSIC-ACADEMY\" target=\"_blank\" rel=\"nofollow noopener\">Storyboard Red Bull Music Academy by Bruno Mangyoku<\/a><\/p><\/div>\n<p>Red Bull is famous for its fun highly-visual commercials that tell stories without dialogues. In this case, we have a short announcement film for the Red Bull Music Academy festival from September 2016, Paris. Bruno Mangyoku creates the storyboards, script, and overall design and direction of the movie.<\/p>\n<p><iframe src=\"https:\/\/player.vimeo.com\/video\/182986636?h=f3ead8716f&#038;color=FEC33F\" width=\"826\" height=\"646\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<div id=\"example11\">\n<h2>11. Art Concept Video Storyboard Example: Fold- The Beginning<\/h2>\n<\/div>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37907\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26124840\/storyboarding-example-11-gif-01.gif\" alt=\"\" width=\"405\" height=\"226\" \/><br \/>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37908\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26124909\/storyboarding-example-11-gif-02.gif\" alt=\"\" width=\"405\" height=\"226\" \/><br \/>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>Fold: The Begining is a short movie that shows the creation of the world according to Norse Mythology.\u00a0Gosia Tekieniewska created this art video as a complementary part of a Master&#8217;s Diploma project in the style of moving illustration. Moreover, she also shares that during the making of the storyboard for the film, she treated each keyframe as a book spread.<\/p>\n<div id=\"attachment_37909\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37909\" class=\"wp-image-37909 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26125121\/storyboarding-example-11.png\" alt=\"storyboard examples\" width=\"826\" height=\"438\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26125121\/storyboarding-example-11.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26125121\/storyboarding-example-11-300x159.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26125121\/storyboarding-example-11-768x407.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26125121\/storyboarding-example-11-80x42.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37909\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/103401785\/Fold-The-Beginning-animation\" target=\"_blank\" rel=\"nofollow noopener\">Fold- The Beginning by Gosia Tekieniewska<\/a><\/p><\/div>\n<div id=\"example12\">\n<h2>12. TV Commercial Photography Storyboard Example: Barilla Bio TV<\/h2>\n<\/div>\n<div id=\"attachment_37912\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37912\" class=\"wp-image-37912 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26130034\/storyboarding-example-12.png\" alt=\"Concept for TV Ad - Storyboard example\" width=\"826\" height=\"402\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26130034\/storyboarding-example-12.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26130034\/storyboarding-example-12-300x146.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26130034\/storyboarding-example-12-768x374.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26130034\/storyboarding-example-12-80x39.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37912\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/71917065\/Barilla-Bio-TV\" target=\"_blank\" rel=\"nofollow noopener\">Storyboard Barilla Bio TV by Simone Bramante and Cinzia Bolognesi<\/a><\/p><\/div>\n<p>Some storyboards consist of photos instead of drawings. In this case, with the Barilla pasta commercial for TV in Italy, the photographer Simone Bramante and the illustrator Cinzia Bolognesi face the challenge to create a short story about organic pasta and tomato sauce. 10 seconds of pure appetite- boosting bliss.<\/p>\n<p><iframe src=\"https:\/\/player.vimeo.com\/video\/294369481\" width=\"826\" height=\"470\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<div id=\"example13\">\n<h2>13. Advertising Storyboard Example: Nike Vapormask<\/h2>\n<\/div>\n<div id=\"attachment_37913\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37913\" class=\"wp-image-37913 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26131016\/storyboarding-example-13.png\" alt=\"Inspirational Nike Vapormask Storyboard\" width=\"826\" height=\"562\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26131016\/storyboarding-example-13.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26131016\/storyboarding-example-13-300x204.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26131016\/storyboarding-example-13-768x523.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26131016\/storyboarding-example-13-80x54.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37913\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/96008495\/NIKE-ADVERTISING\" target=\"_blank\" rel=\"nofollow noopener\">Storyboard Nike Advertising by Laura Martinez and Giulia Tornello<\/a><\/p><\/div>\n<p>Also, we see how sketches and drawing on storyboards plan the exact photoshoots for a commercial, shot by shot. In fact, they predict the sequence, composition, and even color schemes. The Nike Vapormask project was planned and executed by\u00a0Laura Martinez and Giulia Tornello. The two creators also feature inspirational mood boards fr the neon colors and overall vibe of the commercial.<\/p>\n<p><iframe src=\"https:\/\/player.vimeo.com\/video\/411826145\" width=\"826\" height=\"470\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<div id=\"example14\">\n<h2>14. Comicbook Storyboard Example: Pizza Hut Marvel<\/h2>\n<\/div>\n<p>Pizza Hut promotional comic books have been around for decades. In the same way, this cool project by\u00a0L\u00e9o Chiola and James Swift is a nice throwback with a more modern looking style.<\/p>\n<div id=\"attachment_37917\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37917\" class=\"wp-image-37917 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26132142\/storyboarding-example-14.png\" alt=\"Colorless Storyboard for Pizza Hut Marvel\" width=\"826\" height=\"664\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26132142\/storyboarding-example-14.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26132142\/storyboarding-example-14-300x241.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26132142\/storyboarding-example-14-768x617.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26132142\/storyboarding-example-14-80x64.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37917\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/79608129\/PIZZA-HUTMARVEL-Storyboard\" target=\"_blank\" rel=\"nofollow noopener\">Storyboard Pizza Hut Marvel by L\u00e9o Chiola and James Swift<\/a><\/p><\/div>\n<div id=\"example15\">\n<h2>15. UX Explainer Video Storyboard Example: The Sales Matrix<\/h2>\n<\/div>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37940\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26134620\/storyboarding-example-15-gif-01.gif\" alt=\"The Sales Matrix - Storyboard\" width=\"405\" height=\"228\" \/><br \/>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37941\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26134647\/storyboarding-example-15-gif-02.gif\" alt=\"The Sales Matrix Storyboard\" width=\"405\" height=\"228\" \/><\/p>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>Explanation videos are really hard to make as they need to compress huge amounts of data and present it in a short and in an interesting and visually-appealing way. Therefore, the next example is an infographic video that explains a sales Matrix concept through motion graphics animation. The Explainer Geeks offer their storyboard essential for the final video.<\/p>\n<div id=\"attachment_37944\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37944\" class=\"wp-image-37944 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135002\/storyboarding-example-15.png\" alt=\"Detailed Storyboard for The Sales Matrix Video\" width=\"826\" height=\"638\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135002\/storyboarding-example-15.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135002\/storyboarding-example-15-300x232.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135002\/storyboarding-example-15-768x593.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135002\/storyboarding-example-15-80x62.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37944\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/107424585\/The-Sales-Matrix-Motion-Graphics-Animation\" target=\"_blank\" rel=\"nofollow noopener\">Storyboard The Sales Matrix by Explainer Geeks<\/a><\/p><\/div>\n<div id=\"example16\">\n<h2>16. Example of Conceptual Storyboard<\/h2>\n<\/div>\n<p>This storyboard design isn&#8217;t for a specific project, but it shows the beauty and creativity that the pre-production process offers. It&#8217;s a well-crafted story in detail with atmosphere, motion, lots of emotion, and depth and it can become everything from a comic book to a short movie. In other words, it&#8217;s an idea by\u00a0Vipul Mali that he wants to share with the world.<\/p>\n<div id=\"attachment_37948\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37948\" class=\"wp-image-37948 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135614\/storyboarding-example-16.png\" alt=\"Black and white Storyboard by Vipul Mali\" width=\"826\" height=\"407\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135614\/storyboarding-example-16.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135614\/storyboarding-example-16-300x148.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135614\/storyboarding-example-16-768x378.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26135614\/storyboarding-example-16-80x39.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37948\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/103405085\/Story-Board-Design\" target=\"_blank\" rel=\"nofollow noopener\">Storyboard Design by Vipul Mali<\/a><\/p><\/div>\n<div id=\"example17\">\n<h2>17. 3D Action Animation Storyboard Example: Detained<\/h2>\n<\/div>\n<p>Detained is a 3D animation project that the author\u00a0Orfenn Schuller shares via a very detailed storyboard frame by frame. Also, when we scroll through the panels, it feels as if we&#8217;re watching the entire scene animated.<\/p>\n<div id=\"attachment_37951\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37951\" class=\"wp-image-37951 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140500\/storyboarding-example-17-01.png\" alt=\"The perfect storyboard - Detained\" width=\"826\" height=\"540\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140500\/storyboarding-example-17-01.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140500\/storyboarding-example-17-01-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140500\/storyboarding-example-17-01-768x502.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140500\/storyboarding-example-17-01-80x52.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37951\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/4770477\/Detained-Storyboards-for-3D-Animation\" target=\"_blank\" rel=\"nofollow noopener\">Storyboard Detained by Orfenn Schuller<\/a><\/p><\/div>\n<p>In this example, we also see the focus of each frame alongside the motions of the camera, indicated by red arrows.<\/p>\n<div id=\"attachment_37952\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37952\" class=\"wp-image-37952 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140536\/storyboarding-example-17-02.png\" alt=\"Amazing storyboard example for Detained\" width=\"826\" height=\"540\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140536\/storyboarding-example-17-02.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140536\/storyboarding-example-17-02-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140536\/storyboarding-example-17-02-768x502.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26140536\/storyboarding-example-17-02-80x52.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37952\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/orfenn-schuller\" target=\"_blank\" rel=\"nofollow noopener\">by Orfenn Schuller<\/a><\/p><\/div>\n<div id=\"example18\">\n<h2>18. App UX Storyboard Example: Off Bucket App<\/h2>\n<\/div>\n<p>The Off Bucket app project by Sara Eldebissy offers users personas, user stories, key user flows, and wireframes, but we&#8217;ll focus on the UX storyboard as it&#8217;s a good example of how you can explain user interaction with a certain product. Therefore, the panels follow the character who gets an idea for a challenge and adds his friends, who accept and do the challenge.<\/p>\n<div id=\"attachment_37954\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37954\" class=\"wp-image-37954 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26141817\/storyboarding-example-18.png\" alt=\"Storyboard example with illustrations - Off Bucket App\" width=\"826\" height=\"676\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26141817\/storyboarding-example-18.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26141817\/storyboarding-example-18-300x246.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26141817\/storyboarding-example-18-768x629.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26141817\/storyboarding-example-18-80x65.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37954\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/76399891\/UX-Off-Bucket-Mobile-application-Concept-design\" target=\"_blank\" rel=\"nofollow noopener\">Storyboard UX design Off Bucket App by Sara Eldebissy<\/a><\/p><\/div>\n<div id=\"example19\">\n<h2>19. Historical TV Series Storyboard Example: MBC TV<\/h2>\n<\/div>\n<p>These detailed illustrated panels spread through a storyboard dedicated to an episode from tv-series for a channel MBC TV. In addition, the studio\u00a0Xpanse CGI works with Warner brothers, Dark Horse, and Microsoft.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37955\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37955\" class=\"wp-image-37955 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26143822\/storyboarding-example-19-01.png\" alt=\"Retro style storyboard - MBC TV\" width=\"405\" height=\"543\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26143822\/storyboarding-example-19-01.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26143822\/storyboarding-example-19-01-224x300.png 224w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26143822\/storyboarding-example-19-01-60x80.png 60w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37955\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/82267723\/MBC-TV-Series-Storyboards\" target=\"_blank\" rel=\"nofollow noopener\">Storyboards by Xpanse CGI<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37956\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37956\" class=\"wp-image-37956 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26143849\/storyboarding-example-19-02.png\" alt=\"Storyboard without colors plus shades - MBC TV\" width=\"405\" height=\"543\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26143849\/storyboarding-example-19-02.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26143849\/storyboarding-example-19-02-224x300.png 224w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26143849\/storyboarding-example-19-02-60x80.png 60w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37956\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/82267723\/MBC-TV-Series-Storyboards\" target=\"_blank\" rel=\"nofollow noopener\">by Xpanse CGI<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<div id=\"example20\">\n<h2>20. Hair Product Commercial Storyboard Example: Hairburst<\/h2>\n<\/div>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37959\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26150210\/storyboarding-example-20-gif-01.gif\" alt=\"Animated illustrations - storyboard for Hairburst\" width=\"405\" height=\"287\" \/><br \/>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<p><img decoding=\"async\" class=\"alignnone wp-image-37960\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26150246\/storyboarding-example-20-gif-02.gif\" alt=\"Great example of storyboard for Hairburst\" width=\"405\" height=\"287\" \/><br \/>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>Last, a very creative concept for a hair product commercial by Nikki Wong. The panels reveal the story of two characters that try to steal a bag of gold, however, they meet a gang of thieves and have to use their secret weapon to prevail: hair. Of course, the commercial makes sure to reveal the reason behind the character&#8217;s strong hair in the end.<\/p>\n<div id=\"attachment_37961\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37961\" class=\"wp-image-37961 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26150310\/storyboarding-example-20.png\" alt=\"Hairburst - Final concept storyboard\" width=\"826\" height=\"661\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26150310\/storyboarding-example-20.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26150310\/storyboarding-example-20-300x240.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26150310\/storyboarding-example-20-768x615.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/26150310\/storyboarding-example-20-80x64.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37961\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/95158739\/HAIRBURST-Advertising-Storyboard\" target=\"_blank\" rel=\"nofollow noopener\">by Nikki Wong<\/a><\/p><\/div>\n<h2>Final Words<\/h2>\n<p>In conclusion, we hope you enjoyed our handpicked storyboard examples and all the different uses of storyboarding. If you feel inspired, don&#8217;t hesitate to grab a pen and paper or open your favorite storyboard tool and start planning your next project.<\/p>\n<p>You may also be interested in some of these related articles:<\/p>\n<ul>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/what-is-a-storyboard\/\">What is a Storyboard [Theory, Examples, and Mega Inspiration]<\/a><\/li>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/easy-animation\/\">How to Get Easy Animation: From Beginner Animation Tools To Hiring a Professional<\/a><\/li>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/storytelling-10-tips-engaging-audiences\/\">10 Foolproof Tips for Storytelling That Dazzle Audiences<\/a><\/li>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/visual-storytelling\/\">Visual Storytelling: What It Is and How to Do It Right<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In our previous article, we explored the concept of storyboards, why you need one, how to make it, and of course, added some amazing examples to visualize the theory. Today we&#8217;ll go a step further and handpick 20 amazing storyboard examples for your inspiration. You&#8217;ll be able to see how a rough sketch translates into&#8230;<\/p>\n","protected":false},"author":9,"featured_media":38347,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,4],"tags":[1284,107,1292,1291,1281,1279,86],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.5.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>20 Storyboard Examples For Different Uses of Storyboarding<\/title>\n<meta name=\"description\" content=\"We handpicked these storyboard examples for movie making and advertising, to UX design. Let&#039;s get inspired by the talented designers who made them.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphicmama.com\/blog\/storyboard-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Storyboard Examples For Different Uses of Storyboarding\" \/>\n<meta property=\"og:description\" content=\"We handpicked these storyboard examples for movie making and advertising, to UX design. Let&#039;s get inspired by the talented designers who made them.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphicmama.com\/blog\/storyboard-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"GraphicMama Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GraphicMama\" \/>\n<meta property=\"article:author\" content=\"aboicheva.2create@gmail.com\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-03T14:22:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-01T11:57:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/09102651\/20-storyboard-examples.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1652\" \/>\n\t<meta property=\"og:image:height\" content=\"928\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Al Boicheva\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:site\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Al Boicheva\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphicmama.com\/blog\/storyboard-examples\/\",\"url\":\"https:\/\/graphicmama.com\/blog\/storyboard-examples\/\",\"name\":\"20 Storyboard Examples For Different Uses of Storyboarding\",\"isPartOf\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\"},\"datePublished\":\"2021-02-03T14:22:19+00:00\",\"dateModified\":\"2022-08-01T11:57:41+00:00\",\"author\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/db22b234954fce33b746ca0b068d2fec\"},\"description\":\"We handpicked these storyboard examples for movie making and advertising, to UX design. Let's get inspired by the talented designers who made them.\",\"breadcrumb\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/storyboard-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphicmama.com\/blog\/storyboard-examples\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphicmama.com\/blog\/storyboard-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/graphicmama.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Storyboard Examples For Different Uses of Storyboarding [Apps, UX, Animation, Commercials]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\",\"url\":\"https:\/\/graphicmama.com\/blog\/\",\"name\":\"GraphicMama Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphicmama.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/db22b234954fce33b746ca0b068d2fec\",\"name\":\"Al Boicheva\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/853bc566ff0ca058004f5609ca373934?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/853bc566ff0ca058004f5609ca373934?s=96&d=mm&r=g\",\"caption\":\"Al Boicheva\"},\"description\":\"Al is an illustrator at GraphicMama with out-of-the-box thinking and a passion for anything creative. In her free time, you will see her drooling over tattoo art, Manga, and horror movies.\",\"sameAs\":[\"aboicheva.2create@gmail.com\"],\"url\":\"https:\/\/graphicmama.com\/blog\/author\/al\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"20 Storyboard Examples For Different Uses of Storyboarding","description":"We handpicked these storyboard examples for movie making and advertising, to UX design. Let's get inspired by the talented designers who made them.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphicmama.com\/blog\/storyboard-examples\/","og_locale":"en_US","og_type":"article","og_title":"20 Storyboard Examples For Different Uses of Storyboarding","og_description":"We handpicked these storyboard examples for movie making and advertising, to UX design. Let's get inspired by the talented designers who made them.","og_url":"https:\/\/graphicmama.com\/blog\/storyboard-examples\/","og_site_name":"GraphicMama Blog","article_publisher":"https:\/\/www.facebook.com\/GraphicMama","article_author":"aboicheva.2create@gmail.com","article_published_time":"2021-02-03T14:22:19+00:00","article_modified_time":"2022-08-01T11:57:41+00:00","og_image":[{"width":1652,"height":928,"url":"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/09102651\/20-storyboard-examples.png","type":"image\/png"}],"author":"Al Boicheva","twitter_card":"summary","twitter_creator":"@GraphicMama","twitter_site":"@GraphicMama","twitter_misc":{"Written by":"Al Boicheva","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/graphicmama.com\/blog\/storyboard-examples\/","url":"https:\/\/graphicmama.com\/blog\/storyboard-examples\/","name":"20 Storyboard Examples For Different Uses of Storyboarding","isPartOf":{"@id":"https:\/\/graphicmama.com\/blog\/#website"},"datePublished":"2021-02-03T14:22:19+00:00","dateModified":"2022-08-01T11:57:41+00:00","author":{"@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/db22b234954fce33b746ca0b068d2fec"},"description":"We handpicked these storyboard examples for movie making and advertising, to UX design. Let's get inspired by the talented designers who made them.","breadcrumb":{"@id":"https:\/\/graphicmama.com\/blog\/storyboard-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphicmama.com\/blog\/storyboard-examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/graphicmama.com\/blog\/storyboard-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/graphicmama.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Storyboard Examples For Different Uses of Storyboarding [Apps, UX, Animation, Commercials]"}]},{"@type":"WebSite","@id":"https:\/\/graphicmama.com\/blog\/#website","url":"https:\/\/graphicmama.com\/blog\/","name":"GraphicMama Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphicmama.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/db22b234954fce33b746ca0b068d2fec","name":"Al Boicheva","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/853bc566ff0ca058004f5609ca373934?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/853bc566ff0ca058004f5609ca373934?s=96&d=mm&r=g","caption":"Al Boicheva"},"description":"Al is an illustrator at GraphicMama with out-of-the-box thinking and a passion for anything creative. In her free time, you will see her drooling over tattoo art, Manga, and horror movies.","sameAs":["aboicheva.2create@gmail.com"],"url":"https:\/\/graphicmama.com\/blog\/author\/al\/"}]}},"_links":{"self":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/37854"}],"collection":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/comments?post=37854"}],"version-history":[{"count":58,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/37854\/revisions"}],"predecessor-version":[{"id":51644,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/37854\/revisions\/51644"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media\/38347"}],"wp:attachment":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media?parent=37854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/categories?post=37854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/tags?post=37854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}