{"id":62262,"date":"2026-04-14T12:00:00","date_gmt":"2026-04-14T03:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?post_type=archive&#038;p=62262"},"modified":"2026-04-14T06:44:11","modified_gmt":"2026-04-13T21:44:11","slug":"robinhood-2026","status":"publish","type":"archive","link":"https:\/\/designcompass.org\/en\/archive\/robinhood-2026\/","title":{"rendered":"Robin Hood, a finely carved graph"},"content":{"rendered":"<p class=\"wp-block-paragraph\">This is Robinhood&#039;s product design. It is an attempt to implement the goal of changing the way over 25 million users approach investing within an actual product.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This project started with extending the new brand language defined by brand studio Porto Rocha into digital interactions. The core focus was establishing a design system that makes complex financial information easier to understand.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Robinhood redesigned the user experience around ring charts showing portfolio diversification, performance charts, and return analysis charts. Implemented in 3D, these charts apply glass-like flowing motion effects to intuitively reveal the asset allocation structure. It designed a sense of depth that goes beyond a flat UI. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The three charts each have different roles yet are connected as a single system. A unified experience was maintained by consistently applying 3D representations, animations, and material expressions.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1600\" style=\"aspect-ratio: 2500 \/ 1600;\" width=\"2500\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/95ac70b1b5e4e98967a42efa51641c33a5fb9742.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/ea79c1b9422c3057ff387f638854d1822f57d500.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-4-1024x563.webp\" alt=\"\" class=\"wp-image-62267\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-4-1024x563.webp 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-4-300x165.webp 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-4-768x422.webp 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-4-1320x726.webp 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-4-600x330.webp 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-4.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-3-1024x563.webp\" alt=\"\" class=\"wp-image-62268\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-3-1024x563.webp 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-3-300x165.webp 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-3-768x422.webp 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-3-1320x726.webp 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-3-600x330.webp 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/Robinhood-Product-design-case-study-3.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1450\" style=\"aspect-ratio: 2500 \/ 1450;\" width=\"2500\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/04\/57299907142a4b945686c1f64cca1f970b84fc9e.mp4\" playsinline><\/video><\/figure>\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.metalab.com\/work\/robinhood\">https:\/\/www.metalab.com\/work\/robinhood<\/a><\/li>\n<\/ul>","protected":false},"featured_media":62269,"parent":0,"template":"","meta":{"_acf_changed":false},"dsncategory":[3260],"class_list":["post-62262","archive","type-archive","status-publish","has-post-thumbnail","hentry","dsncategory-3260"],"acf":[],"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/archive\/62262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/archive"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/archive"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/62269"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=62262"}],"wp:term":[{"taxonomy":"dsncategory","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/dsncategory?post=62262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}