{"id":16537,"date":"2023-07-06T08:14:14","date_gmt":"2023-07-05T23:14:14","guid":{"rendered":"https:\/\/designcompass.org\/?p=16537"},"modified":"2023-07-06T08:14:17","modified_gmt":"2023-07-05T23:14:17","slug":"whats-app-brand","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2023\/07\/06\/whats-app-brand\/","title":{"rendered":"Whats App: Gorgeous cognition and extreme simplicity"},"content":{"rendered":"<p>With over 2 billion users in over 180 countries, &#039;Whatsapp&#039; is one of the most popular messaging apps. Recently, while looking at brand campaigns in various countries, we found a big difference between the visual language of outdoor exposure and the visual language of digital products. Why is WhatsApp so different in its visual language?<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/vimeo.com\/819577216\n<\/div><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc41\ufe0f Designer Eye<\/h3>\n\n\n\n<p>Mehta designed the design system with WhatsApp&#039;s Koto earlier this year. The palette was built so that a consistent visual language can be applied in various environments while highlighting the intense green that symbolizes WhatsApp. Helvetica, a universal typeface, was used, and decorative elements were rounded and squared with lines to make them easier to identify. This syntax has been used prominently in brand campaigns.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-1024x1024.png\" alt=\"\" class=\"wp-image-16542\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-06.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Koto<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-1024x1024.png\" alt=\"\" class=\"wp-image-16546\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-02.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9<a rel=\"noreferrer noopener\" href=\"http:\/\/hueso.co\/\" target=\"_blank\">http:\/\/hueso.co\/<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-1024x1024.png\" alt=\"\" class=\"wp-image-16543\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-07.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9<a rel=\"noreferrer noopener\" href=\"http:\/\/hueso.co\/\" target=\"_blank\">http:\/\/hueso.co\/<\/a><\/figcaption><\/figure>\n\n\n\n<p>By comparison, the product was extremely free of visual effects. Except for the window that sends and receives messages, almost all components provided by the OS were used. Both iOS and Android are designed following the design syntax of the OS released years ago. Android still maintains the structure and patterns of Material Design when it first came out, and iOS uses the default blue color and UI components instead of the unique green color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-1024x1024.png\" alt=\"\" class=\"wp-image-16538\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-03.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">WhatsApp iOS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-1024x1024.png\" alt=\"\" class=\"wp-image-16539\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-08.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">WhatsApp iOS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-1024x1024.png\" alt=\"\" class=\"wp-image-16540\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-04.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">WhatsApp Android<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-1024x1024.png\" alt=\"\" class=\"wp-image-16541\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-09.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">WhatsApp Android<\/figcaption><\/figure>\n\n\n\n<p>I thought that the way to use the tool called design is different depending on the context and situation. It is read as a design strategy to make entry as easy as possible in a wide area, rather than competing in a narrow area. In order for anyone to use it regardless of age, location, accessibility, bandwidth, or literacy, I think it may be more advantageous to follow the usability of the OS as much as possible rather than having users learn a new app.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcd5 Editor&#039;s Notes<\/h3>\n\n\n\n<p>It is a design that makes you think about what universal design is. I thought that the design for over 100 million users around the world is also different.<\/p>\n\n\n\n<p>I&#039;ve heard that data transmission is minimized so that messages can be sent and received in any situation, but the extreme simplification is surprising. When it comes to global reach, I feel like it&#039;s a choice that anyone can use, regardless of age, location, accessibility, bandwidth, or literacy.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.whatsapp.com\/\">https:\/\/www.whatsapp.com\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/apps.apple.com\/us\/app\/whatsapp-messenger\/id310633997\">https:\/\/apps.apple.com\/us\/app\/whatsapp-messenger\/id310633997<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.whatsapp&amp;hl=ko&amp;gl=US\">https:\/\/play.google.com\/store\/apps\/details?id=com.whatsapp&amp;hl=ko&amp;gl=US<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/koto.studio\/work\/whatsapp\/\">https:\/\/koto.studio\/work\/whatsapp\/<\/a><\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4130900524608986\" crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-format=\"autorelaxed\" data-ad-client=\"ca-pub-4130900524608986\" data-ad-slot=\"2908097030\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Similar posts<\/h2>\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">recent posts<\/h2>","protected":false},"excerpt":{"rendered":"<p>180\uac1c \uc774\uc0c1 \uad6d\uac00\uc5d0\uc11c 20\uc5b5 \uba85 \uc774\uc0c1\uc758 \uc0ac\uc6a9\uc790\ub97c \ubcf4\uc720\ud55c \u2018\uc653\uce20\uc571 WhatsApp\u2019\uc740 \uac00\uc7a5 \uc778\uae30 \uc788\ub294 \uba54\uc2dc\uc9d5 \uc571 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \ucd5c\uadfc \ub2e4\uc591\ud55c \ub098\ub77c\uc5d0\uc11c \uc9c4\ud589\ud558\ub294 \ube0c\ub79c\ub4dc \ucea0\ud398\uc778\uc744 \uc0b4\ud3b4\ubcf4\ub2e4 \uc57c\uc678\uc5d0 \ub178\ucd9c\ub418\ub294 \uc2dc\uac01 \uc5b8\uc5b4\uc640 \ub514\uc9c0\ud138 \ud504\ub85c\ub355\ud2b8\uc758 \uc2dc\uac01 \uc5b8\uc5b4\uc758 \ucc28\uc774\uac00 \ud070 \uac83\uc744 \ubc1c\uacac\ud588\uc2b5\ub2c8\ub2e4. \uc65c \uc653\uce20\uc571\uc740 \uc774\ub807\uac8c \uc2dc\uac01 \uc5b8\uc5b4\uac00 \ub2e4\ub97c\uae4c\uc694? \ud83d\udc41\ufe0f\u00a0\ub514\uc790\uc774\ub108\uc758 \ub208 \uba54\ud0c0\ub294 \uc62c\ud574 \ucd08 \uc653\uce20\uc571\uc758 Koto\uc640 \ud568\uaed8 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \uc124\uacc4\ud588\uc5c8\uc2b5\ub2c8\ub2e4. \uc653\uce20\uc571\uc744 \uc0c1\uc9d5\ud558\ub294 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":16544,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,620],"tags":[40,69,97,156,159,171,758,763,770,776,777,778],"class_list":["post-16537","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-brand","tag-bx","tag-69","tag-97","tag-156","tag-159","tag-graphic","tag-758","tag-763","tag-770","tag-bi","tag-ci","tag-campaign"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/07\/whatsapp-10.png","publishpress_future_action":{"enabled":false,"date":"2026-05-12 15:30:46","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/16537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=16537"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/16537\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/16544"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=16537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=16537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=16537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}