{"id":1416,"date":"2023-04-23T03:29:28","date_gmt":"2023-04-23T03:29:28","guid":{"rendered":"https:\/\/oish.cc\/?post_type=rara-portfolio&#038;p=1416"},"modified":"2025-06-09T05:29:04","modified_gmt":"2025-06-09T05:29:04","slug":"iga-rewards-lifestyle-app-ux-ui-design","status":"publish","type":"rara-portfolio","link":"https:\/\/oish.cc\/index.php\/portfolio\/iga-rewards-lifestyle-app-ux-ui-design\/","title":{"rendered":"IGA Rewards Lifestyle App UX UI Design"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">At Entertainment Group, I have worked with the Corporate division &#8211; Frequent Values, to create visual mockups for IGA&#8217;s new rewards app. I have used Figma to create a simple Design system and UI wireframes for the IGA Rewards Lifestyle app from the colour palette and logo of the client&#8217;s style guide.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_03-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"http:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_03-1-1024x571.png\" alt=\"IGA Colour Palette\" class=\"wp-image-1424\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_03-1-1024x571.png 1024w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_03-1-300x167.png 300w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_03-1-768x428.png 768w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_03-1-1536x856.png 1536w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_03-1-108x60.png 108w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_03-1.png 1541w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Collaborating with the client&#8217;s requirements, this is the finalised mockup of the onboarding journey.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_05-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"http:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_05-1-1024x465.png\" alt=\"IGA Onboarding Journey\" class=\"wp-image-1422\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_05-1-1024x465.png 1024w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_05-1-300x136.png 300w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_05-1-768x349.png 768w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_05-1-1536x698.png 1536w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_05-1-132x60.png 132w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_05-1.png 1891w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here are more examples of the app wireframe mockups<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_09.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"http:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_09-1024x561.png\" alt=\"IGA mockup\n\" class=\"wp-image-1423\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_09-1024x561.png 1024w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_09-300x164.png 300w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_09-768x420.png 768w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_09-1536x841.png 1536w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_09-2048x1121.png 2048w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/230423_IGA-LookAndFeel_09-110x60.png 110w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A few examples of marketing eDMs to promote the IGA Rewards Lifestyle app to members.<\/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=\"482\" height=\"768\" src=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-23-at-1.26.52-pm.png\" alt=\"\" class=\"wp-image-1425\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-23-at-1.26.52-pm.png 482w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-23-at-1.26.52-pm-188x300.png 188w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-23-at-1.26.52-pm-38x60.png 38w\" sizes=\"auto, (max-width: 482px) 100vw, 482px\" \/><\/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=\"481\" height=\"627\" src=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-23-at-1.31.20-pm.png\" alt=\"\" class=\"wp-image-1426\" srcset=\"https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-23-at-1.31.20-pm.png 481w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-23-at-1.31.20-pm-230x300.png 230w, https:\/\/oish.cc\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-23-at-1.31.20-pm-46x60.png 46w\" sizes=\"auto, (max-width: 481px) 100vw, 481px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>At Entertainment Group, I have worked with the Corporate division &#8211; Frequent Values, to create visual mockups for IGA&#8217;s new rewards app. I have used Figma to create a simple Design system and UI wireframes for the IGA Rewards Lifestyle app from the colour palette and logo of the client&#8217;s style guide. Collaborating with the &hellip; <\/p>\n","protected":false},"author":1,"featured_media":1431,"comment_status":"open","ping_status":"closed","template":"","rara_portfolio_categories":[2,9,4,3],"class_list":["post-1416","rara-portfolio","type-rara-portfolio","status-publish","has-post-thumbnail","hentry","rara_portfolio_categories-brand-strategy","rara_portfolio_categories-edm-electronic-direct-email-design","rara_portfolio_categories-graphic-design","rara_portfolio_categories-ux-ui"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/rara-portfolio\/1416","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=1416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/media\/1431"}],"wp:attachment":[{"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/media?parent=1416"}],"wp:term":[{"taxonomy":"rara_portfolio_categories","embeddable":true,"href":"https:\/\/oish.cc\/index.php\/wp-json\/wp\/v2\/rara_portfolio_categories?post=1416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}