{"id":317,"date":"2025-02-27T01:25:30","date_gmt":"2025-02-27T01:25:30","guid":{"rendered":"https:\/\/alemu.ca\/?page_id=317"},"modified":"2025-04-17T21:18:11","modified_gmt":"2025-04-17T21:18:11","slug":"goldibite-commercial","status":"publish","type":"page","link":"https:\/\/alemu.ca\/?page_id=317","title":{"rendered":"GoldiBite Commercial"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-1cd70c73 wp-block-group-is-layout-constrained\">\n<html>\n    <head>\n        <style>\n            body {background-color: #FFFFFF;}\n            .main-content {padding: 10em; display: flex; justify-content: center; flex-direction: column; align-items: center; row-gap: 2em;}\n            h1   {color: #1A0B12; font-family: \"Clash Display Variable\"; font-weight: 800;}\n            p    {color: #1A0B12; font-family: Ubuntu;}\n            .description-blocks {display: flex; flex-direction: row; column-gap: 3em; justify-content: space-evenly; flex: 1 0;}\n            .project-description {display: flex; flex-direction: column; flex: 1 0; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 1em 1em 1em 2em}\n            .text-block {\n                display: flex;\n                flex-direction: column;\n                flex: 1 0;\n                box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3);\n                border-radius: 10px;\n                padding: 1em 1em 1em 2em;\n                align-items: center;\n                text-align: center;\n            }\n            .subheading {color: #1A0B12; font-family: \"Clash Display Variable\"; font-weight: 500;}\n            .timeline {display: flex; flex-direction: column; text-align: right; flex: 1 0; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 1em 2em 1em 1em}\n            .img-label {display: flex; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 0.5em 3em 0.5em 3em; flex: 1}\n            .mockup-photos {display: flex; flex-direction: row; justify-content: center; column-gap: 1em;}\n            .poster {max-width: 650px;}\n            .full-width {\n                max-width: 1200px;\n            }\n            .storyboard-info {\n                display: flex;\n                flex-direction: row;\n                column-gap: 2em;\n            }\n            .storyboard-text {\n                display: flex;\n                flex-direction: column;\n                row-gap: 1em;\n                flex-grow: 3;\n                align-items: center;\n            }\n            .storyboard-videos {\n                display: flex;\n                flex-direction: row;\n                column-gap: 1em;\n            }\n            .video-caption {\n                display: flex;\n                flex-direction: column;\n            }\n            .filming-info {\n                display: flex;\n                flex-direction: row;\n                column-gap: 5em;\n            }\n            .filming-text {\n                display: flex;\n                flex-direction: column;\n            }\n            @media only screen and (max-width: 300px) {\n                .prev, .next,.text {font-size: 11px}\n            }\n            @media screen and (max-width: 400px) {\n                .main-content {padding: 1em; display: flex; justify-content: center; flex-direction: column; align-items: center}\n                .description-blocks {display: flex; flex-direction: column; row-gap: 3px; justify-content: space-evenly;}\n                .timeline {display: flex; flex-direction: column; text-align: left;}\n                .mockup-photos {display: flex; flex-direction: column; justify-content: center; row-gap: 1em;}\n                video {max-width: 350px;}\n                .full-width {max-width: 350px;}\n                .storyboard-info {display: flex; flex-direction: column; max-width: 350px;}\n                .storyboard-videos {display: flex; flex-direction: column;}\n                .filming-info {display: flex; flex-direction: column; max-width: 350px;}\n            }\n        <\/style>\n    <\/head>\n    <body>\n        <div class=\"main-content\">\n            <video width=\"1280\" height=\"720\" controls>\n                <source src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/03\/Goldibite-Video.mp4\" type=\"video\/mp4\"\/>\n            <\/video>\n            <div class=\"description-blocks\">\n                <div class=\"project-description\">\n                    <h2 class=\"subheading\">Project Description<\/h2>\n                    <p>GoldiBite is an app geared towards anyone with food allergies or intolerances, who want to travel without having to worry about a potential emergency. Its commercial video aims to show viewers a situation they could find themselves in, and how GoldiBite is able to help in these times of need.<\/p>\n                <\/div>\n                <div class=\"timeline\">\n                    <h2 class=\"subheading\">Timeline<\/h2>\n                    <p>9 Weeks<\/p>\n                    <h2 class=\"subheading\">Programs Used<\/h2>\n                    <p>Clip Studio Paint, Storyboarder, Adobe Premiere Pro, After Effects<\/p>\n                    <h2 class=\"subheading\">Role<\/h2>\n                    <p>Storyboard Artist, Lead Video Producer, Lead Video Editor<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Storyboards<\/p>\n            <\/div>\n            <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-18-102255.png\" class=\"full-width\"\/>\n            <div class=\"storyboard-info\">\n                <div class=\"storyboard-text\">\n                    <p>Like many things, storyboards aren\u2019t meant to be perfect. They are instead meant to provide a simple, general idea of what a shot will look like- with just enough detail to get it across to the viewer. A simple drawing style was chosen for these storyboards so that drawings could be pumped out quickly, leaving more time for revision and refinement. The storyboard went through several revisions; some scenes were added, some were slightly changed, and others were cut out entirely.<\/p>\n                    <p>In the end, a clear story was made. The storyboards show a traveler making their way through several situations which would be tough for someone with food allergies on vacation: ordering food at a restaurant, and finding a snack at a grocery store. Once the team approved of the boards, it was time to move onto filming.<\/p>\n                    <div class=\"storyboard-videos\">\n                        <div class=\"video-caption\">\n                            <video width=\"639\" height=\"360\" controls>\n                                <source src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/02\/Goldibite-Storyboard.mp4\" type=\"video\/mp4\"\/>\n                            <\/video>\n                            <p>Storyboard Version 1<\/p>\n                        <\/div>\n                        <div class=\"video-caption\">\n                            <video width=\"639\" height=\"360\" controls>\n                                <source src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/02\/GoldiBite1.mp4\" type=\"video\/mp4\"\/>\n                            <\/video>\n                            <p>Storyboard Version 2<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Filming<\/p>\n            <\/div>\n            <div class=\"filming-info\">\n                <div class=\"filming-video\">\n                    <video width=\"480\" height=\"853\" controls>\n                        <source src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/02\/Enjoy-our-behind-the-scenes-from-our-up-coming-film-goldibite-dietarymanagement-eatconfidently-foodallergy-travelsafe-foodallergyapp-behindthescenes1.mp4\" type=\"video\/mp4\"\/>\n                    <\/video>\n                <\/div>\n                <div class=\"filming-text\">\n                    <p>The filming of the commercial took place over two weeks: most of the video was filmed on the first week, while revised scenes were filmed on the second. The team met up in person to take the scenes drawn out in the storyboard and bring them to life as much as possible. The commercial was filmed on an iPhone 15, with audio recorded on a separate iPhone.<\/p>\n                    <p>Before filming began, some changes were made from the storyboards not only in order to shorten the runtime, but also to provide a clearer story. Small scenes such as the traveler checking out an item in a store and walking into a restaurant were cut, while transitions that were to be added later such as an animated map to showcase the plane route of his vacation were added.<\/p>\n                    <p>Filming inside of a food court proved tough- cutting out background noise and chatter proved to be a big task, as was making sure the shots were uninterrupted. Solutions were quickly found however, and using a separate phone as a microphone to record audio with proved to be the best solution to cut out as much background noise as possible before the editing process. <\/p>\n                    <p>During revisions on the second week of filming, an entire scene was reshot, as the video required a location with as little English wording and signage as possible in order to pass it off as a foreign country.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Editing<\/p>\n            <\/div>\n            <p>Once filming was wrapped, the majority of the time spent on the commercial went to editing all of the footage together into a coherent and good-looking story. Many different elements all came together in order to create the final video: video footage, audio recordings, and animation were all included in the commercial. Editing mainly took place in Adobe Premiere Pro, with small changes to animation made in After Effects.<\/p>\n            <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-18-110725.png\" class=\"full-width\"\/>\n    <\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Project Description GoldiBite is an app geared towards anyone with food allergies or intolerances, who want to travel without having to worry about a potential emergency. Its commercial video aims to show viewers a situation they could find themselves in, and how GoldiBite is able to help in these times of need. Timeline 9 Weeks [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-317","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alemu.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=317"}],"version-history":[{"count":5,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/317\/revisions"}],"predecessor-version":[{"id":419,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/317\/revisions\/419"}],"wp:attachment":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}