{"id":1569,"date":"2025-06-09T05:22:06","date_gmt":"2025-06-09T05:22:06","guid":{"rendered":"https:\/\/oish.cc\/?post_type=rara-portfolio&#038;p=1569"},"modified":"2025-06-09T06:12:09","modified_gmt":"2025-06-09T06:12:09","slug":"entertainment-app-home-screen-redesign","status":"publish","type":"rara-portfolio","link":"https:\/\/oish.cc\/index.php\/portfolio\/entertainment-app-home-screen-redesign\/","title":{"rendered":"Entertainment App Home Screen Redesign"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"932\" src=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/2403-Ent-home-old.png\" alt=\"\" class=\"wp-image-1570\" style=\"width:365px\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/2403-Ent-home-old.png 524w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/2403-Ent-home-old-169x300.png 169w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/2403-Ent-home-old-34x60.png 34w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><figcaption class=\"wp-element-caption\">Before<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"932\" src=\"http:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-lightmode.png\" alt=\"\" class=\"wp-image-1575\" style=\"width:365px;height:auto\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-lightmode.png 524w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-lightmode-169x300.png 169w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-lightmode-34x60.png 34w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><figcaption class=\"wp-element-caption\">After<\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Project Overview<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The product: <\/strong><br>The Entertainment App is an app that provides Entertainment members with exclusive offers on dining, travel, shopping, and more. The typical user is a female between 25 to 45 with a family. The goal of the Entertainment App is to provide members with a wide range of offers, allowing them to discover more about their local community and save money in their everyday lives.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The Problem:<\/strong><br>Customer reviews reflected that members are not satisfied with the Entertainment app. Some members are still asking to bring the Entertainment book back. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The Goal:<\/strong><br>Improve the User Experience of the Entertainment app to drive engagement and increase transaction value.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>My role:<\/strong><br>UX UI designer leading the redesign of the home screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Responsibilities:<\/strong><br>Gather feedback from current Entertainment app users. Produce high-fidelity mockups.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">User Research<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pain points:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Look and Feel &#8211; &#8220;App design looks old, outdated and clunky.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Browse &#8211; Lack of option to see all offers, users want a master list of all offers like the book.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Explore &#8211; Difficult to explore and navigate what&#8217;s in the program.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Starting the design<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Round 1 mockup<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Added category shortcut icons for easier visual recognition of available offerings. Solving the difficult-to-explore pain point.<\/li>\n\n\n\n<li>More white space all around to give content room to breathe, improving readability and focus.<\/li>\n\n\n\n<li>Adopted a more neutral colour palette to improve the look and feel of the app. Primarily shades of grey with subtle accents of orange, to create a refined, premium feel and allow the content to take centre stage.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2255\" height=\"2259\" src=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept.png\" alt=\"\" class=\"wp-image-1572\" style=\"object-fit:cover;width:751px;height:auto\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept.png 2255w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept-300x300.png 300w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept-1022x1024.png 1022w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept-150x150.png 150w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept-768x769.png 768w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept-1533x1536.png 1533w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept-2044x2048.png 2044w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept-60x60.png 60w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/initial-concept-800x800.png 800w\" sizes=\"auto, (max-width: 2255px) 100vw, 2255px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Round 2 mockup<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After the first round of user feedback, I made further changes:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1003\" src=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/Round2-1-1024x1003.png\" alt=\"\" class=\"wp-image-1574\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/Round2-1-1024x1003.png 1024w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/Round2-1-300x294.png 300w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/Round2-1-768x753.png 768w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/Round2-1-1536x1505.png 1536w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/Round2-1-2048x2007.png 2048w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/Round2-1-61x60.png 61w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Round 3 mockup<\/strong> <strong>&#8211; Final:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We\u2019ve refined the offer card with rounded corners and adjusted the &#8216;Up to $XX value&#8217; tag to use 100% white for improved accessibility.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since then, the business has updated its colour palette to Marine Blue and Gold. A lighter orange has replaced the previous bright orange and will be used in dark mode.&#8221;<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"932\" src=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-lightmode.png\" alt=\"\" class=\"wp-image-1575\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-lightmode.png 524w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-lightmode-169x300.png 169w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-lightmode-34x60.png 34w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"932\" src=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-darkmode.png\" alt=\"\" class=\"wp-image-1576\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-darkmode.png 524w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-darkmode-169x300.png 169w, https:\/\/oish.cc\/wp-content\/uploads\/2025\/06\/phone-home-darkmode-34x60.png 34w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What I have learned from this project<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To communicate my solution to the stakeholders, I must put effort into explaining the reasoning behind my design. I have found that creating a mockup of both their initial suggestions and then presenting my recommendation helps this process. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The executives were looking to display all categories&#8217; shortcut icons on the home screen. After seeing their idea and my recommendation together in the Round 2 mockup, they can visualise and understand which one is a more suitable option for the users. I believe that it&#8217;s important to be included in the decision-making process.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Project Overview The product: The Entertainment App is an app that provides Entertainment members with exclusive offers on dining, travel, shopping, and more. The typical user is a female between 25 to 45 with a family. The goal of the Entertainment App is to provide members with a wide range of offers, allowing them to &hellip; <\/p>\n","protected":false},"author":1,"featured_media":1578,"comment_status":"open","ping_status":"closed","template":"","rara_portfolio_categories":[4,13,3],"class_list":["post-1569","rara-portfolio","type-rara-portfolio","status-publish","has-post-thumbnail","hentry","rara_portfolio_categories-graphic-design","rara_portfolio_categories-prototyping","rara_portfolio_categories-ux-ui"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/rara-portfolio\/1569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/rara-portfolio"}],"about":[{"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/types\/rara-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/comments?post=1569"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/media\/1578"}],"wp:attachment":[{"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/media?parent=1569"}],"wp:term":[{"taxonomy":"rara_portfolio_categories","embeddable":true,"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/rara_portfolio_categories?post=1569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}