{"id":26873,"date":"2024-02-07T16:56:17","date_gmt":"2024-02-07T07:56:17","guid":{"rendered":"https:\/\/automaton-media.com\/en\/?p=26873"},"modified":"2024-02-07T16:56:47","modified_gmt":"2024-02-07T07:56:47","slug":"20240207-26873","status":"publish","type":"post","link":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/","title":{"rendered":"Persona 3 Reload\u2019s viral \u201csexy UI\u201d &#8211; what ideas went into its design?\u00a0"},"content":{"rendered":"\n<p>Atlus released <strong>Persona 3 Reload<\/strong> on February 2. The game quickly garnered a lot of attention for its sleek and innovative UI\/menu design, but what were the inspirations behind it?\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"><p lang=\"ja\" dir=\"ltr\">\u30da\u30eb\u30bd\u30ca3\u3001\u30e1\u30cb\u30e5\u30fc\u753b\u9762\u3067\u4f55\u3092\u958b\u3044\u3066\u3082\u5168\u529b\u306e\u30aa\u30b5\u30ecUI\u3067\u6bb4\u308a\u304b\u304b\u3063\u3066\u304f\u308b\u6700\u9ad8\u306e\u30b2\u30fc\u30e0 <a href=\"https:\/\/t.co\/V1hnrcFVOD\">pic.twitter.com\/V1hnrcFVOD<\/a><\/p>&mdash; \u3075\u308f\u3075\u308f\u30c1\u30f3\u30c1\u30e9\u5438\u3044\u592a\u90ce (@kumiromilk) <a href=\"https:\/\/twitter.com\/kumiromilk\/status\/1753247414239252692?ref_src=twsrc%5Etfw\">February 2, 2024<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><figcaption class=\"wp-element-caption\"><strong>Post translation:<\/strong> <em>In Persona 3 (Reload), whatever screen you open in the menu, you&#8217;re met with full-power stylish UI, it&#8217;s the best game ever<\/em><\/figcaption><\/figure>\n\n\n\n<p>Persona 3 Reload is a remake of Atlus\u2019s adventure RPG Persona 3, which came out in 2006 for the PS2. Reload is compatible with the PS4\/PS5, Xbox One\/Xbox Series X|S, and PC (Steam, Microsoft Office) and can be played via Game Pass.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Persona 3 Reload\u2019s launch was met with a lot of excitement, but its UI design <a href=\"https:\/\/twitter.com\/search?q=%E3%83%9A%E3%83%AB%E3%82%BD%E3%83%8A%E3%80%80UI&amp;src=typed_query\" target=\"_blank\" rel=\"noreferrer noopener\">went viral<\/a> in particular, as players worldwide started sharing screenshots and videos of the game\u2019s elegant menus on social media and calling them the sexiest video game menus they\u2019d ever seen.&nbsp;<\/p>\n\n\n\n<p>When you open the main menu of Persona 3 Reload, the protagonist is depicted sinking into water. The menu uses the recognizable blue palette of the original Persona 3, featuring sleek and unique animations such as characters\u2019 faces being reflected on a shard of glass and cards flipping over to reveal options.&nbsp;<\/p>\n\n\n\n<p>Atlus\u2019s Persona series actually has a history of popular UI design \u2013 Persona 4 featured a distinctly elegant style, and Persona 5 <a href=\"https:\/\/twitter.com\/search?q=%E3%83%9A%E3%83%AB%E3%82%BD%E3%83%8A5%20UI%E3%80%80until%3A2023-1-1&amp;src=typed_query&amp;f=top\" target=\"_blank\" rel=\"noreferrer noopener\">received high praise<\/a> for its even more sophisticated menus and presentation. Game creator Masahiro Sakurai named Persona 5 as an example of a video game with stylish UI design, even calling it his favorite game UI on his &#8220;<a href=\"https:\/\/www.youtube.com\/watch?v=UjW_TTNtXEM\" target=\"_blank\" rel=\"noreferrer noopener\">Creating Games<\/a>\u201d series on YouTube.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"675\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" src=\"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001-1.jpg\" alt=\"\" class=\"wp-image-26878\" srcset=\"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001-1.jpg 1200w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001-1-380x214.jpg 380w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001-1-768x432.jpg 768w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001-1-600x338.jpg 600w\" \/><figcaption class=\"wp-element-caption\"><em>Persona 5 Royal<\/em>\u00a0<\/figcaption><\/figure>\n\n\n\n<p>Now, with Persona 3 Reload, the series seems to have reached a new height with its UI design. The art director of Reload is Tomohiro Kumagai, who was also involved in Persona 4 Arena Ultimax, Persona 5 and Persona 5 Royal. Speaking to <a href=\"https:\/\/www.famitsu.com\/news\/202311\/29325647.html\" target=\"_blank\" rel=\"noreferrer noopener\">Famitsu<\/a>, Kumagai revealed that Reload\u2019s UI design was conceived based on the original blue color of Persona 3 and the themes of flowing water and bubbles. In contrast to Persona 5, which had a pop-punk design that combined anti-establishment motifs with pop style elements, Kumagai envisioned Port Island and Yakushima Sea, as well as \u201cthe sea of the protagonist\u2019s mind\u201d for Persona 3 Reload\u2019s design. The remake\u2019s menus were apparently created by consulting the staff of the original game while incorporating latest techniques to elevate the level of presentation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"675\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" src=\"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001a.jpg\" alt=\"\" class=\"wp-image-26880\" srcset=\"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001a.jpg 1200w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001a-380x214.jpg 380w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001a-768x432.jpg 768w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-001a-600x338.jpg 600w\" \/><figcaption class=\"wp-element-caption\"><em>Persona 3 Portable<\/em>\u00a0<\/figcaption><\/figure>\n\n\n\n<p>Interestingly, the 3D model of the protagonist seen on the menu screen of Persona 3 Reload was made specifically for the UI. The model was created to express facial expressions, motion and a sense of being \u201csuspended in air.\u201d &nbsp;<\/p>\n\n\n\n<p>Furthermore, Ryota Niitsuma, the producer of Persona 3 Reload, said that he had the impression that the entire Persona team was working on the game\u2019s development with a shared awareness of the importance of the UI. He also praised the team&#8217;s flexibility and overall proficiency, such as Kumagai&#8217;s ability to coordinate ideas proposed by the team members.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"675\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" src=\"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-002.jpg\" alt=\"\" class=\"wp-image-26881\" srcset=\"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-002.jpg 1200w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-002-380x214.jpg 380w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-002-768x432.jpg 768w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-002-600x338.jpg 600w\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/asia.sega.com\/p3r\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">Persona 3 Reload<\/a> is available for the PS4\/PS5, Xbox One\/Xbox Series X|S, and PC (Steam, Microsoft Office) and can be played via Game Pass.\u00a0<\/p>\n\n\n\n<p><br><br><br><em>Written by.\u00a0Amber V.\u00a0based on the\u00a0<a href=\"https:\/\/automaton-media.com\/articles\/newsjp\/20240206-281517\/\" data-type=\"link\" data-id=\"https:\/\/automaton-media.com\/articles\/newsjp\/20240206-281517\/\" target=\"_blank\" rel=\"noreferrer noopener\">original Japanese article<\/a>\u00a0(original article\u2019s publication date: 2024-02-06 14:32\u00a0JST)\u00a0<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Persona 3 Reload&#8217;s elegant UI went viral  as soon as the game launched, with users calling it &#8220;the sexiest game menu ever.&#8221; The game&#8217;s art director has revealed interesting details about how it was conceptualized.<\/p>\n","protected":false},"author":58,"featured_media":26877,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[3],"tags":[17],"class_list":["post-26873","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-japan-related-news"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Persona 3 Reload\u2019s viral \u201csexy UI\u201d - what ideas went into its design?\u00a0 - AUTOMATON WEST<\/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:\/\/automaton-media.com\/en\/news\/20240207-26873\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Persona 3 Reload\u2019s viral \u201csexy UI\u201d - what ideas went into its design?\u00a0 - AUTOMATON WEST\" \/>\n<meta property=\"og:description\" content=\"Persona 3 Reload&#039;s elegant UI went viral as soon as the game launched, with users calling it &quot;the sexiest game menu ever.&quot; The game&#039;s art director has revealed interesting details about how it was conceptualized.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/\" \/>\n<meta property=\"og:site_name\" content=\"AUTOMATON WEST\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-07T07:56:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-07T07:56:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-header.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kosuke Takenaka\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AUTOMATON_ENG\" \/>\n<meta name=\"twitter:site\" content=\"@AUTOMATON_ENG\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kosuke Takenaka\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Persona 3 Reload\u2019s viral \u201csexy UI\u201d - what ideas went into its design?\u00a0 - AUTOMATON WEST","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:\/\/automaton-media.com\/en\/news\/20240207-26873\/","og_locale":"en_US","og_type":"article","og_title":"Persona 3 Reload\u2019s viral \u201csexy UI\u201d - what ideas went into its design?\u00a0 - AUTOMATON WEST","og_description":"Persona 3 Reload's elegant UI went viral as soon as the game launched, with users calling it \"the sexiest game menu ever.\" The game's art director has revealed interesting details about how it was conceptualized.","og_url":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/","og_site_name":"AUTOMATON WEST","article_published_time":"2024-02-07T07:56:17+00:00","article_modified_time":"2024-02-07T07:56:47+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-header.jpg","type":"image\/jpeg"}],"author":"Kosuke Takenaka","twitter_card":"summary_large_image","twitter_creator":"@AUTOMATON_ENG","twitter_site":"@AUTOMATON_ENG","twitter_misc":{"Written by":"Kosuke Takenaka","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/#article","isPartOf":{"@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/"},"author":{"name":"Kosuke Takenaka","@id":"https:\/\/automaton-media.com\/en\/#\/schema\/person\/6a2134223ee57c38559f4f6d69b59255"},"headline":"Persona 3 Reload\u2019s viral \u201csexy UI\u201d &#8211; what ideas went into its design?\u00a0","datePublished":"2024-02-07T07:56:17+00:00","dateModified":"2024-02-07T07:56:47+00:00","mainEntityOfPage":{"@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/"},"wordCount":557,"commentCount":0,"publisher":{"@id":"https:\/\/automaton-media.com\/en\/#organization"},"image":{"@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/#primaryimage"},"thumbnailUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-header.jpg","keywords":["News (Japan-related)"],"articleSection":["News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/automaton-media.com\/en\/news\/20240207-26873\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/","url":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/","name":"Persona 3 Reload\u2019s viral \u201csexy UI\u201d - what ideas went into its design?\u00a0 - AUTOMATON WEST","isPartOf":{"@id":"https:\/\/automaton-media.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/#primaryimage"},"image":{"@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/#primaryimage"},"thumbnailUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-header.jpg","datePublished":"2024-02-07T07:56:17+00:00","dateModified":"2024-02-07T07:56:47+00:00","breadcrumb":{"@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/automaton-media.com\/en\/news\/20240207-26873\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/#primaryimage","url":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-header.jpg","contentUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2024\/02\/20240206-281517-header.jpg","width":1200,"height":675,"caption":"Persona 3 Reload in-game screenshot"},{"@type":"BreadcrumbList","@id":"https:\/\/automaton-media.com\/en\/news\/20240207-26873\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/automaton-media.com\/en\/"},{"@type":"ListItem","position":2,"name":"Persona 3 Reload\u2019s viral \u201csexy UI\u201d &#8211; what ideas went into its design?\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/automaton-media.com\/en\/#website","url":"https:\/\/automaton-media.com\/en\/","name":"AUTOMATON WEST","description":"AUTOMATON is a website that covers the Japanese gaming world. We bring you the news on video games from Osaka and Tokyo.","publisher":{"@id":"https:\/\/automaton-media.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/automaton-media.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/automaton-media.com\/en\/#organization","name":"\u682a\u5f0f\u4f1a\u793e\u30a2\u30af\u30c6\u30a3\u30d6\u30b2\u30fc\u30df\u30f3\u30b0\u30e1\u30c7\u30a3\u30a2","url":"https:\/\/automaton-media.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/automaton-media.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2021\/04\/activegamingmedia_logo.png","contentUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2021\/04\/activegamingmedia_logo.png","width":374,"height":190,"caption":"\u682a\u5f0f\u4f1a\u793e\u30a2\u30af\u30c6\u30a3\u30d6\u30b2\u30fc\u30df\u30f3\u30b0\u30e1\u30c7\u30a3\u30a2"},"image":{"@id":"https:\/\/automaton-media.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/AUTOMATON_ENG","https:\/\/www.youtube.com\/channel\/UCabvYnvuUUbbGUrxkaFRgSA"]},{"@type":"Person","@id":"https:\/\/automaton-media.com\/en\/#\/schema\/person\/6a2134223ee57c38559f4f6d69b59255","name":"Kosuke Takenaka","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2023\/08\/photo_takenaka-100x100.jpg","url":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2023\/08\/photo_takenaka-100x100.jpg","contentUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2023\/08\/photo_takenaka-100x100.jpg","caption":"Kosuke Takenaka"},"description":"JP AUTOMATON writer","url":"https:\/\/automaton-media.com\/en\/author\/kosuke-takenaka\/"}]}},"_links":{"self":[{"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/posts\/26873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/comments?post=26873"}],"version-history":[{"count":3,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/posts\/26873\/revisions"}],"predecessor-version":[{"id":26882,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/posts\/26873\/revisions\/26882"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/media\/26877"}],"wp:attachment":[{"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/media?parent=26873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/categories?post=26873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/tags?post=26873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}