{"id":209,"date":"2024-02-16T07:04:32","date_gmt":"2024-02-16T07:04:32","guid":{"rendered":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?p=209"},"modified":"2024-02-16T07:04:37","modified_gmt":"2024-02-16T07:04:37","slug":"project-6-the-magic-world-of-communication","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/","title":{"rendered":"Project 6 – The magic world of communication"},"content":{"rendered":"\n

To start off project 6 I started with creating a promo video. This was a three-step process.
1. Paper ideation\/story board
2. Figma style frames
3. Animatics
4. Fully animated after effects video<\/p>\n\n\n\n

In this post, I will cover steps 1,2,3 as there wasn’t much that changed throughout this. These steps were pretty straightforward.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

To get the message across to the consumer and board of directors I decided a very strong call to action was needed. This first image looks at what facts I wanted to use in the video and in what order for the most impact. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

After choosing what facts I wanted I created a script to guide my storyboarding. As my app didn’t consist of many features I really wanted to put an emphasis on call to action and solution.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Whats the best way to convey urgency? Infographics! Luckily this is a skill I learned in the first year of uni. I also made sure because of time\/skill constraints that I would keep infographics very simple.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

At this point I had an epiphany. My logo for Veg box looked almost like a car if you add two circles(wheels). So I did.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Here are the final storyboards. As I knew my skills in After Effects weren’t amazing I decided to make the UI showcase section very simple with just limited text and showing basic routes. I hoped that my call to action was strong enough that this solution to the problem was obvious to all viewers,<\/p>\n\n\n\n

\n\n\n\n

step 2\/3 -\u2002style frames \/ animatic<\/h2>\n\n\n\n

The easiest way to make the style frames was on Figma for me as it already had all the assets on and I’ve become pretty competent with using the software. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I think the cute and simple nature of theses infographics portrays the brands’ identity as a friendly option. The pool infographic I had presumed to be easy but this came to bite me later down which I will discuss in the step 4 post.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I liked the idea of the veg falling into the box as if it was being packed. This stage had the most iteration.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I tried using alternate colours to illustrate the change in tone. I decided against this as I felt it changed the identity too much. The teal helped calm the video.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

In the end I decided to fully develop a logo for the veg box brand from the one it was. It definitely changed the style however I believe for the better. The hand-drawn wonky vegetables make a much more organic feel. The text and lines on the logo were all hand-drawn to create a more personable feeling rather than a disconnected business logo.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

This is the rest of the style frames. I decided to keep out the UI sections as it was not the focus of my current goal. which was a call to action.<\/p>\n\n\n\n

The Animatic<\/strong>
I wont post the animatic as it will essentially be repeating itself but it helped me time the song I had chosen well which was called the Big cleanup by Satoshi Takebe. I felt the name fit and the jazz gave the whole video an uplifting feeling.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

To start off project 6 I started with creating a promo video. This was a three-step process.1. Paper ideation\/story board2. Figma style frames3. Animatics4. Fully animated after effects video In this post, I will cover steps 1,2,3 as there wasn’t much that changed throughout this. These steps were pretty straightforward. To get the message across […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[26],"tags":[],"yoast_head":"\nProject 6 - The magic world of communication - Robert Atsumi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Project 6 - The magic world of communication - Robert Atsumi\" \/>\n<meta property=\"og:description\" content=\"To start off project 6 I started with creating a promo video. This was a three-step process.1. Paper ideation\/story board2. Figma style frames3. Animatics4. Fully animated after effects video In this post, I will cover steps 1,2,3 as there wasn’t much that changed throughout this. These steps were pretty straightforward. To get the message across […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/\" \/>\n<meta property=\"og:site_name\" content=\"Robert Atsumi\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-16T07:04:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-16T07:04:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/02\/image-18-1024x669.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/\",\"name\":\"Project 6 - The magic world of communication - Robert Atsumi\",\"isPartOf\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/02\/image-18-1024x669.png\",\"datePublished\":\"2024-02-16T07:04:32+00:00\",\"dateModified\":\"2024-02-16T07:04:37+00:00\",\"author\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#primaryimage\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/02\/image-18.png\",\"contentUrl\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/02\/image-18.png\",\"width\":1236,\"height\":808},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Project 6 – The magic world of communication\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/\",\"name\":\"Robert Atsumi\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/www.nua-ux.design\/robert-atsumi\/blog\"],\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Project 6 - The magic world of communication - Robert Atsumi","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:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/","og_locale":"en_US","og_type":"article","og_title":"Project 6 - The magic world of communication - Robert Atsumi","og_description":"To start off project 6 I started with creating a promo video. This was a three-step process.1. Paper ideation\/story board2. Figma style frames3. Animatics4. Fully animated after effects video In this post, I will cover steps 1,2,3 as there wasn’t much that changed throughout this. These steps were pretty straightforward. To get the message across […]","og_url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/","og_site_name":"Robert Atsumi","article_published_time":"2024-02-16T07:04:32+00:00","article_modified_time":"2024-02-16T07:04:37+00:00","og_image":[{"url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/02\/image-18-1024x669.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/","name":"Project 6 - The magic world of communication - Robert Atsumi","isPartOf":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#primaryimage"},"image":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/02\/image-18-1024x669.png","datePublished":"2024-02-16T07:04:32+00:00","dateModified":"2024-02-16T07:04:37+00:00","author":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec"},"breadcrumb":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#primaryimage","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/02\/image-18.png","contentUrl":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/02\/image-18.png","width":1236,"height":808},{"@type":"BreadcrumbList","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-6\/project-6-the-magic-world-of-communication\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/"},{"@type":"ListItem","position":2,"name":"Project 6 – The magic world of communication"}]},{"@type":"WebSite","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/","name":"Robert Atsumi","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Person","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec","name":"admin","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g","caption":"admin"},"sameAs":["http:\/\/www.nua-ux.design\/robert-atsumi\/blog"],"url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/209"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":2,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/209\/revisions"}],"predecessor-version":[{"id":223,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/209\/revisions\/223"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/media?parent=209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/categories?post=209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/tags?post=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}