{"id":297,"date":"2022-08-22T13:25:46","date_gmt":"2022-08-22T13:25:46","guid":{"rendered":"https:\/\/scottkennedydesigns.com\/?p=297"},"modified":"2022-08-22T16:08:30","modified_gmt":"2022-08-22T16:08:30","slug":"betpesa","status":"publish","type":"post","link":"https:\/\/scottkennedydesigns.com\/betpesa\/","title":{"rendered":"Betpesa UI\/UX Design"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">About the project<\/h2>\n\n\n\n<p>Betpesa is a Sportsbook app targeting the Kenyian market. My role with in this project was the sole UI\/UX Designer, which i was in charge of making a Design System along with Component Libraries. SO it would be easier for other designers and the development team to easily navigate the project.<br><br>The Screens below shows you the first stage of the project where the user can create an account and easily begin betting. With the ability to update payment and any other personal information. The second set of Screens shows what the app looks like on Desktop Screens.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Problem<\/h2>\n\n\n\n<p>The main issue we would encounter was how to deal with the poor Internet infrastructure in Kenya. As most user have a Screen Size below an iPhone 5s and are using 2g &amp; 3g Mobile Data. So as a Team we dedicated a lot of time to figure out a good solution for both design and development.<\/p>\n\n\n\n<p>The Second Issue would be that the mainly use Opera Mini as the main browser as it&#8217;s pre-installed on most pre paid phones in Kenya. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Solution<\/h2>\n\n\n\n<p>What we came up with for design was I use the iPhone 5s as the default frame to use in Figma, as well as i used a CSS Tailwinds UI Kit to use a my base designs as the dev&#8217;s where using this as their base framework. This would allow us to use code splitting techniques and be able to push two variants of the project one for mobile and the second for desktop.<\/p>\n\n\n\n<p>Which will save us download size in which is better for the user, as they can then easily download the app.<\/p>\n\n\n\n<p>With the second issue we had to test and make sure everything would work seamlessly with opera mini, which most of us have never really used before. So we had a prototype designed in figma as well as web based to be able to really test everything out and make sure we had no bugs. this was a lot of going back and forth with the senior dev.<\/p>\n\n\n\n<p>I feel this product came out successfully and was a success due to research that really easily prepared us for the project.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1400\" height=\"3805\" src=\"https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-2.png\" alt=\"\" class=\"wp-image-300\" srcset=\"https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-2.png 1400w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-2-110x300.png 110w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-2-377x1024.png 377w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-2-768x2087.png 768w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-2-565x1536.png 565w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-2-754x2048.png 754w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" \/><\/figure>\n\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1400\" height=\"5448\" src=\"https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-3.png\" alt=\"\" class=\"wp-image-301\" srcset=\"https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-3.png 1400w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-3-77x300.png 77w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-3-263x1024.png 263w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-3-768x2989.png 768w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-3-395x1536.png 395w, https:\/\/scottkennedydesigns.com\/wp-content\/uploads\/2022\/08\/betpesa-3-526x2048.png 526w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" \/><\/figure>\n\n","protected":false},"excerpt":{"rendered":"<p>Betpesa is a Sportsbook app targeting the Kenyian market. My role with in this project was the sole UI\/UX Designer<\/p>\n","protected":false},"author":1,"featured_media":327,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[18,14],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":5}},"acf":[],"_links":{"self":[{"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/posts\/297"}],"collection":[{"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/comments?post=297"}],"version-history":[{"count":4,"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/posts\/297\/revisions"}],"predecessor-version":[{"id":330,"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/posts\/297\/revisions\/330"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/media\/327"}],"wp:attachment":[{"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/media?parent=297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/categories?post=297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scottkennedydesigns.com\/wp-json\/wp\/v2\/tags?post=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}