<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Case Study &#8211; Joanna Ostrowska</title>
	<atom:link href="https://joannaostrowska.pl/tag/case-study/feed/" rel="self" type="application/rss+xml" />
	<link>https://joannaostrowska.pl</link>
	<description>Twórz z pasją, projektuj z sercem</description>
	<lastBuildDate>Thu, 07 Aug 2025 07:35:57 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://joannaostrowska.pl/wp-content/uploads/2025/03/cropped-Favicon_RainbowDust-2-32x32.png</url>
	<title>Case Study &#8211; Joanna Ostrowska</title>
	<link>https://joannaostrowska.pl</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Flower Hot Sauce Company</title>
		<link>https://joannaostrowska.pl/flower-hot-sauce-company/</link>
		
		<dc:creator><![CDATA[jostrowska]]></dc:creator>
		<pubDate>Tue, 18 Mar 2025 10:27:01 +0000</pubDate>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Case Study]]></category>
		<category><![CDATA[Figma]]></category>
		<category><![CDATA[Mobile Design]]></category>
		<category><![CDATA[Responsive]]></category>
		<category><![CDATA[Web Design]]></category>
		<guid isPermaLink="false">https://joannaostrowska.pl/?p=141</guid>

					<description><![CDATA[Projekt strony internetowej i aplikacji mobilnej wykonany w ramach kursu z obsługi programu Figma.]]></description>
										<content:encoded><![CDATA[<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Projekt strony internetowej i aplikacji mobilnej wykonany w ramach kursu z obsługi programu Figma. </p></div>


<p>Projekt został wykonany podczas kursu internetowego zrealizowanego za pośrednictwem portalu szkoleniowego Udemy. Kurs &#8222;Figma UI UX Essentials&#8221; prowadzony był przez Daniela Waltera Scotta i jego celem było przybliżenie podstawowych zasad korzystania z programu Figma. Każdy z kursantów podążając za nauczycielem miał za zadanie stworzyć projekt strony internetowej oraz projekt na urządzenia mobilne do wylosowanego przez siebie briefu. </p>



<p>Kurs pokazał mi moc narzędzi programu Figma. Przybliżył po co jest mockup Lo-Fi, jak go stworzyć stworzyć oraz czym różni się od mockupu Hi-Fi. Nauczyłam się robić Moodboard, dobrać odpowiednią czcionkę i kolorystykę do projektu. Tworzyć komponenty i dodawać własne style. Jak stworzyć działający prototyp, zrobić subtelne przejścia między ekranami oraz drobne animacje.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<style id="bwg-style-0">      #bwg_container1_0 #bwg_container2_0 #bwg_mosaic_thumbnails_div_0 {        width: 100%;        position: relative;        background-color: rgba(255, 255, 255, 0.00);        text-align: center;        justify-content: center;                  margin-left: auto;          margin-right: auto;                    padding-left: 8px;          padding-top: 8px;                }          #bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumb_spun_0 {        display: block;        position: absolute;				border-radius: 0;				border: 0px none #FFFFFF;    		    		background-color:rgba(255,255,255, 0.30);        -moz-box-sizing: content-box !important;        -webkit-box-sizing: content-box !important;        box-sizing: content-box !important;      }			#bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumb_0 {				display: block;				-moz-box-sizing: content-box !important;				-webkit-box-sizing: content-box !important;				box-sizing: content-box !important;				margin: 0;				opacity: 1.00;			}      #bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumb_spun_0:hover {        opacity: 1;        backface-visibility: hidden;        -webkit-backface-visibility: hidden;        -moz-backface-visibility: hidden;        -ms-backface-visibility: hidden;        z-index: 102;      }	     @media only screen and (min-width: 480px) {		#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-mosaic-thumbnails .bwg-item0 img {			-webkit-transition: -webkit-transform .3s; transition: transform .3s;		}		#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-mosaic-thumbnails .bwg-item0 img:hover {			-ms-transform: scale(1.08);			-webkit-transform: scale(1.08);			transform: scale(1.08);		}		      }	      #bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumbnails_0 {        background-color: rgba(255, 255, 255, 0.00);        font-size: 0;        position: relative;        text-align: center;        display: inline-block;        visibility: hidden;              }	  /*image title styles*/      #bwg_container1_0 #bwg_container2_0 .bwg_mosaic_title_spun1_0,      #bwg_container1_0 #bwg_container2_0 .bwg-mosaic-thumbnails .bwg_ecommerce_spun1_0 {        position: absolute;        display: block;        opacity: 0;        box-sizing: border-box;        text-align: center;				top: 50%;				left: 50%;				transform: translate(-50%, -50%);      }      #bwg_container1_0 #bwg_container2_0 .bwg-mosaic-thumbnails .bwg_mosaic_title_spun2_0,      #bwg_container1_0 #bwg_container2_0 .bwg-mosaic-thumbnails .bwg_ecommerce_spun2_0 {		    color: #323A45;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        text-shadow: ;        vertical-align: middle;        word-wrap: break-word;      }            .bwg_mosaic_play_icon_spun_0 {        display: table;        position: absolute;        left: -10000px;        top: 0px;        opacity: 0;      }      .bwg_mosaic_play_icon_0 {        color: #323A45;        font-size: 32px;        vertical-align: middle;        display: table-cell !important;        z-index: 1;        text-align: center;        margin: 0 auto;      }      #bwg_container1_0 #bwg_container2_0 .bwg_gal_title_0 {        background-color: rgba(0, 0, 0, 0);        color: #323A45;        display: block;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        padding: 2px;        text-shadow: ;        text-align: center;      }            @media screen and (max-width: 350px) {      div[class^="bwg_mosaic_thumbnails_"],      span[class^="bwg_mosaic_thumb_spun_"] {      width: 100% !important;      }      img[class^="bwg_mosaic_thumb_"] {      width: 100% !important;      height: auto !important;      margin: 0px auto !important;      }      }      </style>    <div id="bwg_container1_0"         class="bwg_container bwg_thumbnail bwg_thumbnails_mosaic "         data-right-click-protection="0"         data-bwg="0"         data-scroll="0"         data-gallery-type="thumbnails_mosaic"         data-gallery-view-type="thumbnails_mosaic"         data-current-url="/tag/case-study/feed/"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=0&#038;gallery_id=1&#038;tag=0&#038;theme_id=1&#038;shortcode_id=2&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fcase-study%2Ffeed%2F"         data-gallery-id="1"         data-popup-width="800"         data-popup-height="500"         data-is-album="gallery"         data-buttons-position="bottom">      <div id="bwg_container2_0">             <div id="ajax_loading_0" class="bwg_loading_div_1">      <div class="bwg_loading_div_2">        <div class="bwg_loading_div_3">          <div id="loading_div_0" class="bwg_spider_ajax_loading">          </div>        </div>      </div>    </div>            <form id="gal_front_form_0"              class="bwg-hidden"              method="post"              action="#"              data-current="0"              data-shortcode-id="2"              data-gallery-type="thumbnails_mosaic"              data-gallery-id="1"              data-tag="0"              data-album-id="0"              data-theme-id="1"              data-ajax-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=bwg_frontend_data">          <div id="bwg_container3_0" class="bwg-background bwg-background-0">                <div id="bwg_mosaic_thumbnails_div_0"         class="bwg-container-0 bwg-container bwg-mosaic-thumbnails"         data-bwg="0"         data-mosaic-direction="vertical"         data-resizable="0"         data-width="250"         data-height="250"         data-total-width="100"         data-block-id="bwg_thumbnails_mosaic_0"         data-thumb-padding="8"         data-thumb-border="0"         data-title-margin="2px"         data-image-title="none"         data-play-icon="1"         data-ecommerce-icon="none"         data-gallery-id="1"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=0&#038;gallery_id=1&#038;tag=0&#038;theme_id=1&#038;shortcode_id=2&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fcase-study%2Ffeed%2F"         data-mosaic-thumb-transition="1"         style="visibility: hidden" >      <div id="bwg_thumbnails_mosaic_0" class="bwg_mosaic_thumbnails_0">                  <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/FHS_Page6-1.png?bwg=1743155244" data-image-id="30" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="30"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/FHS_Page6-1.png?bwg=1743155244"                 data-width="500.00"                 data-height="353.00"                 alt="FHS_Page6"                 title="FHS_Page6" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/FHS_Page4.png?bwg=1743085189" data-image-id="26" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="26"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/FHS_Page4.png?bwg=1743085189"                 data-width="500.00"                 data-height="339.00"                 alt="FHS_Page4"                 title="FHS_Page4" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/FHS_mobile_Page1.png?bwg=1743084375" data-image-id="11" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="11"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/FHS_mobile_Page1.png?bwg=1743084375"                 data-width="246.00"                 data-height="500.00"                 alt="FHS_mobile_Page1"                 title="FHS_mobile_Page1" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/FHS_mobile_Page2.png?bwg=1743084375" data-image-id="12" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="12"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/FHS_mobile_Page2.png?bwg=1743084375"                 data-width="246.00"                 data-height="500.00"                 alt="FHS_mobile_Page2"                 title="FHS_mobile_Page2" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/FHS_mobile_page3.png?bwg=1743084375" data-image-id="13" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="13"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/FHS_mobile_page3.png?bwg=1743084375"                 data-width="246.00"                 data-height="500.00"                 alt="FHS_mobile_page3"                 title="FHS_mobile_page3" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/FHS_mobile_Page4.png?bwg=1743084375" data-image-id="15" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="15"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/FHS_mobile_Page4.png?bwg=1743084375"                 data-width="246.00"                 data-height="500.00"                 alt="FHS_mobile_Page4"                 title="FHS_mobile_Page4" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/FHS_mobile_Page9.png?bwg=1743084803" data-image-id="24" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="24"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/FHS_mobile_Page9.png?bwg=1743084803"                 data-width="273.00"                 data-height="500.00"                 alt="FHS_mobile_Page9"                 title="FHS_mobile_Page9" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/FHS-Page1-scaled.jpg?bwg=1743084375" data-image-id="19" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="19"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/FHS-Page1-scaled.jpg?bwg=1743084375"                 data-width="245.00"                 data-height="500.00"                 alt="FHS-Page1"                 title="FHS-Page1" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_0" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/FHS_Page4.png?bwg=1743084375" data-image-id="21" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_0 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_0 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="21"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/FHS_Page4.png?bwg=1743084375"                 data-width="500.00"                 data-height="339.00"                 alt="FHS_Page4"                 title="FHS_Page4" />                      </div>        </a>            </div>    </div>    <style>      /*pagination styles*/      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 {				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin: 6px 0 4px;				display: block;      }      @media only screen and (max-width : 320px) {      #bwg_container1_0 #bwg_container2_0 .displaying-num_0 {     	 display: none;      }      }      #bwg_container1_0 #bwg_container2_0 .displaying-num_0 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin-right: 10px;				vertical-align: middle;      }      #bwg_container1_0 #bwg_container2_0 .paging-input_0 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				vertical-align: middle;      }      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:hover,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:focus,			#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 input.bwg_current_page {				cursor: default;				color: rgba(102, 102, 102, 0.5);      }      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 input.bwg_current_page {				cursor: pointer;				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				text-decoration: none;				padding: 3px 6px;				margin: 0;				border-radius: 0;				border-style: solid;				border-width: 1px;				border-color: #E3E3E3;								background-color: rgba(255, 255, 255, 1.00);				box-shadow: 0;				transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;      }      </style>      <span class="bwg_nav_cont_0">              <div class="tablenav-pages_0">                  </div>                <input type="hidden" id="page_number_0" name="page_number_0" value="1" />      <script type="text/javascript">        if( jQuery('.bwg_nav_cont_0').length > 1 ) {          jQuery('.bwg_nav_cont_0').first().remove()        }        function spider_page_0(cur, x, y, load_more) {          if (typeof load_more == "undefined") {            var load_more = false;          }          if (jQuery(cur).hasClass('disabled')) {            return false;          }          var items_county_0 = 1;          switch (y) {            case 1:              if (x >= items_county_0) {                document.getElementById('page_number_0').value = items_county_0;              }              else {                document.getElementById('page_number_0').value = x + 1;              }              break;            case 2:              document.getElementById('page_number_0').value = items_county_0;              break;            case -1:              if (x == 1) {                document.getElementById('page_number_0').value = 1;              }              else {                document.getElementById('page_number_0').value = x - 1;              }              break;            case -2:              document.getElementById('page_number_0').value = 1;              break;						case 0:              document.getElementById('page_number_0').value = x;              break;            default:              document.getElementById('page_number_0').value = 1;          }          bwg_ajax('gal_front_form_0', '0', 'bwg_thumbnails_mosaic_0', '0', '', 'gallery', 0, '', '', load_more, '', 1);        }                    jQuery('.first-page-0').on('click', function () {              spider_page_0(this, 1, -2, 'numeric');              return false;            });            jQuery('.prev-page-0').on('click', function () {              spider_page_0(this, 1, -1, 'numeric');              return false;            });            jQuery('.next-page-0').on('click', function () {              spider_page_0(this, 1, 1, 'numeric');              return false;            });            jQuery('.last-page-0').on('click', function () {              spider_page_0(this, 1, 2, 'numeric');              return false;            });        				/* Change page on input enter. */        function bwg_change_page_0( e, that ) {          if (  e.key == 'Enter' ) {            var to_page = parseInt(jQuery(that).val());            var pages_count = jQuery(that).parents(".pagination-links").data("pages-count");            var current_url_param = jQuery(that).attr('data-url-info');            if (to_page > pages_count) {              to_page = 1;            }	 												spider_page_0(this, to_page, 0, 'numeric');							return false;						          }          return true;        }        jQuery('.bwg_load_btn_0').on('click', function () {            spider_page_0(this, 1, 1, true);            return false;        });      </script>      </span>                </div>        </form>        <style>          #bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0 {          background-color: #EEEEEE;          opacity: 0.60;          }          </style>        <div id="bwg_spider_popup_loading_0" class="bwg_spider_popup_loading"></div>        <div id="spider_popup_overlay_0" class="spider_popup_overlay" onclick="spider_destroypopup(1000)"></div>        <input type="hidden" id="bwg_random_seed_0" value="1420705946">                </div>    </div>    <script>      if (document.readyState === 'complete') {        if( typeof bwg_main_ready == 'function' ) {          if ( jQuery("#bwg_container1_0").height() ) {            bwg_main_ready(jQuery("#bwg_container1_0"));          }        }      } else {        document.addEventListener('DOMContentLoaded', function() {          if( typeof bwg_main_ready == 'function' ) {            if ( jQuery("#bwg_container1_0").height() ) {             bwg_main_ready(jQuery("#bwg_container1_0"));            }          }        });      }    </script>    
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Punk Rock Goose Mobile App</title>
		<link>https://joannaostrowska.pl/punk-rock-goose-mobile-app/</link>
		
		<dc:creator><![CDATA[jostrowska]]></dc:creator>
		<pubDate>Tue, 18 Mar 2025 10:25:36 +0000</pubDate>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Case Study]]></category>
		<category><![CDATA[Figma]]></category>
		<category><![CDATA[Mobile Design]]></category>
		<category><![CDATA[Responsive]]></category>
		<guid isPermaLink="false">https://joannaostrowska.pl/?p=137</guid>

					<description><![CDATA[Projekt aplikacji mobilnej wykonanej podczas kursu zaawansowanej obsługi programu Figma.]]></description>
										<content:encoded><![CDATA[<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Projekt aplikacji mobilnej wykonanej podczas kursu zaawansowanej obsługi programu Figma. </p></div>


<p>Projekt został zrealizowany podczas kursu internetowego dostępnego na platformie e-learningowej Udemy. Autorem kursu “Figma UI UX Advanced” jest Daniel Walter Scott, dobrze znany w środowisku szkoleniowym Designer i projektant serwisów internetowych i mobilnych. </p>



<p>Zadaniem kursantów było stworzenie aplikacji mobilnej dla wymyślonej firmy z branży eventowej. Do wylosowanego zwierzęcia i rodzaju muzyki mieliśmy zaprojektować działający prototyp aplikacji z uwzględnieniem zadawanych przez prowadzącego zadań. </p>



<p>Ukończenie kursu otworzyło mnie na nowe możliwości zastosowania zaawansowanych zmiennych, np do tworzenia trybu ciemnego i jasnego aplikacji, zaawansowanych opcji typografii oraz możliwości jakie daje korzystanie w projekcie auto layout. Dodatkowo poznałam inne sposoby tworzenia animacji oraz rozbudowane opcje tworzenia komponentów i wykorzystania ich w projekcie.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<style id="bwg-style-1">      #bwg_container1_1 #bwg_container2_1 #bwg_mosaic_thumbnails_div_1 {        width: 100%;        position: relative;        background-color: rgba(255, 255, 255, 0.00);        text-align: center;        justify-content: center;                  margin-left: auto;          margin-right: auto;                    padding-left: 8px;          padding-top: 8px;                }          #bwg_container1_1 #bwg_container2_1 .bwg_mosaic_thumb_spun_1 {        display: block;        position: absolute;				border-radius: 0;				border: 0px none #FFFFFF;    		    		background-color:rgba(255,255,255, 0.30);        -moz-box-sizing: content-box !important;        -webkit-box-sizing: content-box !important;        box-sizing: content-box !important;      }			#bwg_container1_1 #bwg_container2_1 .bwg_mosaic_thumb_1 {				display: block;				-moz-box-sizing: content-box !important;				-webkit-box-sizing: content-box !important;				box-sizing: content-box !important;				margin: 0;				opacity: 1.00;			}      #bwg_container1_1 #bwg_container2_1 .bwg_mosaic_thumb_spun_1:hover {        opacity: 1;        backface-visibility: hidden;        -webkit-backface-visibility: hidden;        -moz-backface-visibility: hidden;        -ms-backface-visibility: hidden;        z-index: 102;      }	     @media only screen and (min-width: 480px) {		#bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-mosaic-thumbnails .bwg-item0 img {			-webkit-transition: -webkit-transform .3s; transition: transform .3s;		}		#bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-mosaic-thumbnails .bwg-item0 img:hover {			-ms-transform: scale(1.08);			-webkit-transform: scale(1.08);			transform: scale(1.08);		}		      }	      #bwg_container1_1 #bwg_container2_1 .bwg_mosaic_thumbnails_1 {        background-color: rgba(255, 255, 255, 0.00);        font-size: 0;        position: relative;        text-align: center;        display: inline-block;        visibility: hidden;              }	  /*image title styles*/      #bwg_container1_1 #bwg_container2_1 .bwg_mosaic_title_spun1_1,      #bwg_container1_1 #bwg_container2_1 .bwg-mosaic-thumbnails .bwg_ecommerce_spun1_1 {        position: absolute;        display: block;        opacity: 0;        box-sizing: border-box;        text-align: center;				top: 50%;				left: 50%;				transform: translate(-50%, -50%);      }      #bwg_container1_1 #bwg_container2_1 .bwg-mosaic-thumbnails .bwg_mosaic_title_spun2_1,      #bwg_container1_1 #bwg_container2_1 .bwg-mosaic-thumbnails .bwg_ecommerce_spun2_1 {		    color: #323A45;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        text-shadow: ;        vertical-align: middle;        word-wrap: break-word;      }            .bwg_mosaic_play_icon_spun_1 {        display: table;        position: absolute;        left: -10000px;        top: 0px;        opacity: 0;      }      .bwg_mosaic_play_icon_1 {        color: #323A45;        font-size: 32px;        vertical-align: middle;        display: table-cell !important;        z-index: 1;        text-align: center;        margin: 0 auto;      }      #bwg_container1_1 #bwg_container2_1 .bwg_gal_title_1 {        background-color: rgba(0, 0, 0, 0);        color: #323A45;        display: block;        font-family: Ubuntu;        font-size: 16px;        font-weight: bold;        padding: 2px;        text-shadow: ;        text-align: center;      }            @media screen and (max-width: 350px) {      div[class^="bwg_mosaic_thumbnails_"],      span[class^="bwg_mosaic_thumb_spun_"] {      width: 100% !important;      }      img[class^="bwg_mosaic_thumb_"] {      width: 100% !important;      height: auto !important;      margin: 0px auto !important;      }      }      </style>    <div id="bwg_container1_1"         class="bwg_container bwg_thumbnail bwg_thumbnails_mosaic "         data-right-click-protection="0"         data-bwg="1"         data-scroll="0"         data-gallery-type="thumbnails_mosaic"         data-gallery-view-type="thumbnails_mosaic"         data-current-url="/tag/case-study/feed/"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=1&#038;gallery_id=2&#038;tag=0&#038;theme_id=1&#038;shortcode_id=4&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fcase-study%2Ffeed%2F"         data-gallery-id="2"         data-popup-width="800"         data-popup-height="500"         data-is-album="gallery"         data-buttons-position="bottom">      <div id="bwg_container2_1">             <div id="ajax_loading_1" class="bwg_loading_div_1">      <div class="bwg_loading_div_2">        <div class="bwg_loading_div_3">          <div id="loading_div_1" class="bwg_spider_ajax_loading">          </div>        </div>      </div>    </div>            <form id="gal_front_form_1"              class="bwg-hidden"              method="post"              action="#"              data-current="1"              data-shortcode-id="4"              data-gallery-type="thumbnails_mosaic"              data-gallery-id="2"              data-tag="0"              data-album-id="0"              data-theme-id="1"              data-ajax-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=bwg_frontend_data">          <div id="bwg_container3_1" class="bwg-background bwg-background-1">                <div id="bwg_mosaic_thumbnails_div_1"         class="bwg-container-1 bwg-container bwg-mosaic-thumbnails"         data-bwg="1"         data-mosaic-direction="vertical"         data-resizable="0"         data-width="250"         data-height="250"         data-total-width="100"         data-block-id="bwg_thumbnails_mosaic_1"         data-thumb-padding="8"         data-thumb-border="0"         data-title-margin="2px"         data-image-title="none"         data-play-icon="1"         data-ecommerce-icon="none"         data-gallery-id="2"         data-lightbox-url="https://joannaostrowska.pl/wp-admin/admin-ajax.php?action=GalleryBox&#038;current_view=1&#038;gallery_id=2&#038;tag=0&#038;theme_id=1&#038;shortcode_id=4&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Ftag%2Fcase-study%2Ffeed%2F"         data-mosaic-thumb-transition="1"         style="visibility: hidden" >      <div id="bwg_thumbnails_mosaic_1" class="bwg_mosaic_thumbnails_1">                  <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/PunkRock_Main-1.png?bwg=1743156732" data-image-id="39" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="39"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/PunkRock_Main-1.png?bwg=1743156732"                 data-width="237.00"                 data-height="500.00"                 alt="PunkRock_Main"                 title="PunkRock_Main" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/PRG_mobile_Page7.png?bwg=1743156084" data-image-id="37" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="37"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/PRG_mobile_Page7.png?bwg=1743156084"                 data-width="227.00"                 data-height="500.00"                 alt="PRG_mobile_Page7"                 title="PRG_mobile_Page7" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/PRG_mobile_Page1.png?bwg=1743156084" data-image-id="31" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="31"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/PRG_mobile_Page1.png?bwg=1743156084"                 data-width="227.00"                 data-height="500.00"                 alt="PRG_mobile_Page1"                 title="PRG_mobile_Page1" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/PRG_mobile_Page2.png?bwg=1743156084" data-image-id="32" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="32"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/PRG_mobile_Page2.png?bwg=1743156084"                 data-width="227.00"                 data-height="500.00"                 alt="PRG_mobile_Page2"                 title="PRG_mobile_Page2" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/PRG_mobile_Page3.png?bwg=1743156084" data-image-id="33" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="33"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/PRG_mobile_Page3.png?bwg=1743156084"                 data-width="227.00"                 data-height="500.00"                 alt="PRG_mobile_Page3"                 title="PRG_mobile_Page3" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/PRG_mobile_Page4.png?bwg=1743156084" data-image-id="34" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="34"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/PRG_mobile_Page4.png?bwg=1743156084"                 data-width="227.00"                 data-height="500.00"                 alt="PRG_mobile_Page4"                 title="PRG_mobile_Page4" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/PRG_mobile_Page5.png?bwg=1743156084" data-image-id="35" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="35"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/PRG_mobile_Page5.png?bwg=1743156084"                 data-width="227.00"                 data-height="500.00"                 alt="PRG_mobile_Page5"                 title="PRG_mobile_Page5" />                      </div>        </a>                <a  class="bwg-a bwg_lightbox bwg_lightbox_1" href="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/PRG_mobile_Page6.png?bwg=1743156084" data-image-id="36" data-elementor-open-lightbox="no">          <div class="bwg_mosaic_thumb_spun_1 bwg-item0 bwg-mosaic-thumb-span ">            <img decoding="async" class="bwg_mosaic_thumb_1 skip-lazy bwg_img_clear bwg_img_custom  bwg_lazyload lazy_loader "                 id="36"                 src="https://joannaostrowska.pl/wp-content/plugins/photo-gallery/images/lazy_placeholder.gif"                 data-src="https://joannaostrowska.pl/wp-content/uploads/photo-gallery/imported_from_media_libray/thumb/PRG_mobile_Page6.png?bwg=1743156084"                 data-width="227.00"                 data-height="500.00"                 alt="PRG_mobile_Page6"                 title="PRG_mobile_Page6" />                      </div>        </a>            </div>    </div>    <style>      /*pagination styles*/      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 {				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin: 6px 0 4px;				display: block;      }      @media only screen and (max-width : 320px) {      #bwg_container1_1 #bwg_container2_1 .displaying-num_1 {     	 display: none;      }      }      #bwg_container1_1 #bwg_container2_1 .displaying-num_1 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin-right: 10px;				vertical-align: middle;      }      #bwg_container1_1 #bwg_container2_1 .paging-input_1 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				vertical-align: middle;      }      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 a.disabled,      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 a.disabled:hover,      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 a.disabled:focus,			#bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 input.bwg_current_page {				cursor: default;				color: rgba(102, 102, 102, 0.5);      }      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 a,      #bwg_container1_1 #bwg_container2_1 .tablenav-pages_1 input.bwg_current_page {				cursor: pointer;				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				text-decoration: none;				padding: 3px 6px;				margin: 0;				border-radius: 0;				border-style: solid;				border-width: 1px;				border-color: #E3E3E3;								background-color: rgba(255, 255, 255, 1.00);				box-shadow: 0;				transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;      }      </style>      <span class="bwg_nav_cont_1">              <div class="tablenav-pages_1">                  </div>                <input type="hidden" id="page_number_1" name="page_number_1" value="1" />      <script type="text/javascript">        if( jQuery('.bwg_nav_cont_1').length > 1 ) {          jQuery('.bwg_nav_cont_1').first().remove()        }        function spider_page_1(cur, x, y, load_more) {          if (typeof load_more == "undefined") {            var load_more = false;          }          if (jQuery(cur).hasClass('disabled')) {            return false;          }          var items_county_1 = 1;          switch (y) {            case 1:              if (x >= items_county_1) {                document.getElementById('page_number_1').value = items_county_1;              }              else {                document.getElementById('page_number_1').value = x + 1;              }              break;            case 2:              document.getElementById('page_number_1').value = items_county_1;              break;            case -1:              if (x == 1) {                document.getElementById('page_number_1').value = 1;              }              else {                document.getElementById('page_number_1').value = x - 1;              }              break;            case -2:              document.getElementById('page_number_1').value = 1;              break;						case 0:              document.getElementById('page_number_1').value = x;              break;            default:              document.getElementById('page_number_1').value = 1;          }          bwg_ajax('gal_front_form_1', '1', 'bwg_thumbnails_mosaic_1', '0', '', 'gallery', 0, '', '', load_more, '', 1);        }                    jQuery('.first-page-1').on('click', function () {              spider_page_1(this, 1, -2, 'numeric');              return false;            });            jQuery('.prev-page-1').on('click', function () {              spider_page_1(this, 1, -1, 'numeric');              return false;            });            jQuery('.next-page-1').on('click', function () {              spider_page_1(this, 1, 1, 'numeric');              return false;            });            jQuery('.last-page-1').on('click', function () {              spider_page_1(this, 1, 2, 'numeric');              return false;            });        				/* Change page on input enter. */        function bwg_change_page_1( e, that ) {          if (  e.key == 'Enter' ) {            var to_page = parseInt(jQuery(that).val());            var pages_count = jQuery(that).parents(".pagination-links").data("pages-count");            var current_url_param = jQuery(that).attr('data-url-info');            if (to_page > pages_count) {              to_page = 1;            }	 												spider_page_1(this, to_page, 0, 'numeric');							return false;						          }          return true;        }        jQuery('.bwg_load_btn_1').on('click', function () {            spider_page_1(this, 1, 1, true);            return false;        });      </script>      </span>                </div>        </form>        <style>          #bwg_container1_1 #bwg_container2_1 #spider_popup_overlay_1 {          background-color: #EEEEEE;          opacity: 0.60;          }          </style>        <div id="bwg_spider_popup_loading_1" class="bwg_spider_popup_loading"></div>        <div id="spider_popup_overlay_1" class="spider_popup_overlay" onclick="spider_destroypopup(1000)"></div>        <input type="hidden" id="bwg_random_seed_1" value="1323560098">                </div>    </div>    <script>      if (document.readyState === 'complete') {        if( typeof bwg_main_ready == 'function' ) {          if ( jQuery("#bwg_container1_1").height() ) {            bwg_main_ready(jQuery("#bwg_container1_1"));          }        }      } else {        document.addEventListener('DOMContentLoaded', function() {          if( typeof bwg_main_ready == 'function' ) {            if ( jQuery("#bwg_container1_1").height() ) {             bwg_main_ready(jQuery("#bwg_container1_1"));            }          }        });      }    </script>    
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
