{"id":255,"date":"2026-10-20T21:14:33","date_gmt":"2026-10-20T21:14:33","guid":{"rendered":"https:\/\/suuda.ca\/portfolio\/wordpress\/?p=255"},"modified":"2026-10-29T20:19:33","modified_gmt":"2026-10-29T20:19:33","slug":"post-1-character-art-ex","status":"publish","type":"post","link":"https:\/\/suuda.ca\/portfolio\/wordpress\/?p=255","title":{"rendered":"Indigenous Learning App"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull wp-duotone-unset-1\" style=\"min-height:492px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"720\" class=\"wp-block-cover__image-background wp-image-478 size-full\" alt=\"\" src=\"https:\/\/suuda.ca\/portfolio\/wordpress\/wp-content\/uploads\/2026\/10\/banner1.png\" data-object-fit=\"cover\" srcset=\"https:\/\/suuda.ca\/portfolio\/wordpress\/wp-content\/uploads\/2026\/10\/banner1.png 1920w, https:\/\/suuda.ca\/portfolio\/wordpress\/wp-content\/uploads\/2026\/10\/banner1-300x113.png 300w, https:\/\/suuda.ca\/portfolio\/wordpress\/wp-content\/uploads\/2026\/10\/banner1-1024x384.png 1024w, https:\/\/suuda.ca\/portfolio\/wordpress\/wp-content\/uploads\/2026\/10\/banner1-768x288.png 768w, https:\/\/suuda.ca\/portfolio\/wordpress\/wp-content\/uploads\/2026\/10\/banner1-1536x576.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-70 has-background-dim wp-block-cover__gradient-background has-background-gradient\" style=\"background:linear-gradient(124deg,rgb(0,0,133) 0%,rgb(0,73,199) 100%)\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-7abf0dae wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-bottom:0;text-transform:none\">Indigenous Learning App<\/h3>\n\n\n\n<h1 class=\"wp-block-heading has-accent-secondary-color has-text-color has-link-color wp-elements-1\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">Nanda-Gikendan<\/h1>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-804127b3 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-6ec52108 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:0;padding-left:var(--wp--preset--spacing--50);flex-basis:33.33%\">\n<div class=\"wp-block-group alignwide is-vertical is-layout-flex wp-container-core-group-is-layout-f84c8280 wp-block-group-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-light-gray-color has-text-color has-link-color wp-elements-2\">Project Notes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.figma.com\/design\/xzznG7Rt51NWjOdOo3MMlq\/gprince---Indigenous-Learning-App?node-id=0-1&amp;p=f&amp;t=95Y3XK8RbNL8H0nd-0\">https:\/\/www.figma.com\/design\/gprince-Indigenous-Learning-App<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Project:<\/strong> An Indigenous-led learning app focused on the 7 Grandfather Teachings, designed around Respect, Wisdom, and Courage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Problem:<\/strong> Designing a clear, welcoming, and easy-to-use interface that helps users learn about the teachings while keeping the overall experience comfortable and engaging.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Lessons Learned:<\/strong> I learned more about proper layout, colour use, and working with Figma components to improve my prototype. I also learned how Gestalt design principles can help make a layout feel more cohesive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What I Enjoyed<\/strong>: I really enjoyed designing the little flower icon at the bottom of the interface and making the overall design feel warm and inviting. I also liked seeing how everything came together in the final prototype.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Skills: <\/strong>UI design, layout design, colour theory, prototyping, visual design, and applying Gestalt design principles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tools &amp; Techniques: <\/strong>Figma, components, interactive prototyping, loading screen animation, and Gestalt design principles.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-gray-background-color has-background is-layout-flow wp-container-core-column-is-layout-724da5cd wp-block-column-is-layout-flow\" style=\"border-top-left-radius:258px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40);flex-basis:66.66%\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-679ddeda wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"box-shadow:6px 6px 9px rgba(0, 0, 0, 0.2);flex-basis:50%\"><div\n\tclass=\"align wp-block-bicb-carousel\"\tid='bicbCarousel-2'\n\tdata-attributes='{&quot;layout&quot;:&quot;default&quot;,&quot;carousels&quot;:[{&quot;image&quot;:{&quot;id&quot;:292,&quot;url&quot;:&quot;https:\\\/\\\/suuda.ca\\\/portfolio\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/IndigenousLearningApp_Img1.png&quot;,&quot;alt&quot;:&quot;Indigenous Learning App home screen with the title Nanda-Gikendan, a buffalo illustration, the heading Respect, and a Learn button.&quot;,&quot;title&quot;:&quot;Title Screen&quot;,&quot;caption&quot;:&quot;&quot;},&quot;action&quot;:&quot;none&quot;,&quot;link&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;},{&quot;image&quot;:{&quot;id&quot;:293,&quot;url&quot;:&quot;https:\\\/\\\/suuda.ca\\\/portfolio\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/IndigenousLearningApp_Img2.png&quot;,&quot;alt&quot;:&quot;Golden-orange flower-shaped loading icon centred on a deep purple background.&quot;,&quot;title&quot;:&quot;Loading Screen&quot;,&quot;caption&quot;:&quot;&quot;},&quot;action&quot;:&quot;none&quot;,&quot;link&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;},{&quot;image&quot;:{&quot;id&quot;:294,&quot;url&quot;:&quot;https:\\\/\\\/suuda.ca\\\/portfolio\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/IndigenousLearningApp_Img3.png&quot;,&quot;alt&quot;:&quot;Respect lesson page with a buffalo illustration, text about respecting all living things, a purple navigation bar, and colourful flowers at the bottom.&quot;,&quot;title&quot;:&quot;Content Screen&quot;,&quot;caption&quot;:&quot;&quot;},&quot;action&quot;:&quot;none&quot;,&quot;link&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;}],&quot;carouselOptions&quot;:{&quot;columns&quot;:{&quot;desktop&quot;:1,&quot;tablet&quot;:2,&quot;mobile&quot;:1},&quot;columnGap&quot;:0,&quot;rows&quot;:{&quot;desktop&quot;:3},&quot;rowGap&quot;:5,&quot;rowHeights&quot;:[&quot;200px&quot;,&quot;240px&quot;,&quot;180px&quot;],&quot;isLoop&quot;:true,&quot;allowTouchMove&quot;:false,&quot;speed&quot;:0.65000000000000002220446049250313080847263336181640625,&quot;scrollSpeed&quot;:40,&quot;autoplayOptions&quot;:{&quot;enabled&quot;:true,&quot;delay&quot;:1.5,&quot;disableOnInteraction&quot;:false,&quot;reverseDirection&quot;:false,&quot;pauseOnMouseEnter&quot;:false,&quot;stopOnLastSlide&quot;:false},&quot;freeMode&quot;:{&quot;enabled&quot;:false,&quot;sticky&quot;:false},&quot;effect&quot;:&quot;slide&quot;,&quot;mousewheel&quot;:{&quot;enabled&quot;:false},&quot;pagination&quot;:{&quot;inTablet&quot;:true,&quot;inMobile&quot;:true,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:false,&quot;border&quot;:[]},&quot;navigation&quot;:{&quot;inTablet&quot;:true,&quot;inMobile&quot;:true}},&quot;background&quot;:{&quot;color&quot;:&quot;#0000&quot;,&quot;type&quot;:&quot;solid&quot;},&quot;padding&quot;:{&quot;vertical&quot;:&quot;0px&quot;,&quot;horizontal&quot;:&quot;0px&quot;,&quot;side&quot;:2,&quot;top&quot;:&quot;0px&quot;,&quot;right&quot;:&quot;0px&quot;,&quot;bottom&quot;:&quot;0px&quot;,&quot;left&quot;:&quot;0px&quot;},&quot;pageSize&quot;:&quot;&quot;,&quot;image&quot;:{&quot;width&quot;:&quot;0px&quot;},&quot;align&quot;:&quot;&quot;,&quot;width&quot;:{&quot;desktop&quot;:&quot;100%&quot;,&quot;tablet&quot;:&quot;100%&quot;,&quot;mobile&quot;:&quot;100%&quot;},&quot;height&quot;:{&quot;desktop&quot;:&quot;&quot;,&quot;tablet&quot;:&quot;&quot;,&quot;mobile&quot;:&quot;&quot;},&quot;elements&quot;:{&quot;linkNewTab&quot;:false,&quot;linkOn&quot;:&quot;image&quot;},&quot;alignment&quot;:&quot;center&quot;,&quot;isPage&quot;:true,&quot;pageColor&quot;:&quot;#146ef5&quot;,&quot;isPrevNext&quot;:true,&quot;prevNextSize&quot;:&quot;25px&quot;,&quot;prevNextColor&quot;:&quot;#fff&quot;,&quot;caption&quot;:{&quot;display&quot;:&quot;none&quot;,&quot;position&quot;:&quot;onImage&quot;,&quot;verticalAlign&quot;:&quot;bottom&quot;,&quot;typo&quot;:{&quot;fontSize&quot;:{&quot;desktop&quot;:16,&quot;tablet&quot;:15,&quot;mobile&quot;:15}},&quot;textAlign&quot;:&quot;left&quot;,&quot;colors&quot;:{&quot;color&quot;:&quot;#fff&quot;,&quot;bg&quot;:&quot;#0000&quot;},&quot;overlay&quot;:{&quot;type&quot;:&quot;gradient&quot;,&quot;gradient&quot;:&quot;linear-gradient(0deg, #000 0%, #0000 50%, #0000 100%)&quot;},&quot;padding&quot;:{&quot;top&quot;:&quot;5px&quot;,&quot;right&quot;:&quot;8px&quot;,&quot;bottom&quot;:&quot;5px&quot;,&quot;left&quot;:&quot;8px&quot;}}}'\n><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-9-16 wp-has-aspect-ratio wp-container-content-9cfa9a5a\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Indigenous Learning App Walkthrough\" width=\"422\" height=\"750\" src=\"https:\/\/www.youtube.com\/embed\/FP-bDlgnE5E?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Project Notes https:\/\/www.figma.com\/design\/gprince-Indigenous-Learning-App Project: An Indigenous-led learning app focused on the 7 Grandfather Teachings, designed around Respect, Wisdom, and Courage. Problem: Designing a clear, welcoming, and easy-to-use interface that helps users learn about the teachings while keeping the overall experience comfortable and engaging. Lessons Learned: I learned more about proper layout, colour use, and working [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[11,10],"post_folder":[35],"class_list":["post-255","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-figma","tag-ui-ux-design"],"_links":{"self":[{"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=255"}],"version-history":[{"count":54,"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/255\/revisions"}],"predecessor-version":[{"id":538,"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/255\/revisions\/538"}],"wp:attachment":[{"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=255"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/suuda.ca\/portfolio\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fpost_folder&post=255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}