design | Cristina Bottahttps://crisbotta.netlify.app/tag/design/designWowchemy (https://wowchemy.com)en-usWed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/media/icon_hub8f2dc82620447f825abc0b5230237a3_77248_512x512_fill_lanczos_center_3.pngdesignhttps://crisbotta.netlify.app/tag/design/2FA explanation and tutorial cardshttps://crisbotta.netlify.app/project/2fa/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/2fa/Adair Daufembachhttps://crisbotta.netlify.app/project/adair/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/adair/<p>Website made in Wordpress for music producer Adair Daufembach. It is not online anymore (he does not have a website at all anymore, only social networks).</p> <p> <figure id="figure-wireframe-for-all-albums-page-and-search"> <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="wireframe" srcset=" /project/adair/adairwire2_hu91b5ddeb8dfb7061277104f0202ee10f_260074_5e2074546941db1474ca705032d4e6d5.webp 400w, /project/adair/adairwire2_hu91b5ddeb8dfb7061277104f0202ee10f_260074_232397285efd2f24ddfbe5545e00320e.webp 760w, /project/adair/adairwire2_hu91b5ddeb8dfb7061277104f0202ee10f_260074_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/adair/adairwire2_hu91b5ddeb8dfb7061277104f0202ee10f_260074_5e2074546941db1474ca705032d4e6d5.webp" width="497" height="760" loading="lazy" data-zoomable /></div> </div><figcaption> Wireframe for all albums page and search. </figcaption></figure> </p> <p> <figure id="figure-wireframe-for-albums-detail-page"> <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="wireframe" srcset=" /project/adair/adairwire1_hu61d271e69a4cd76e5cb4b252b10b5e1e_231323_106a4fab5cc80f01aa557afb382b4f63.webp 400w, /project/adair/adairwire1_hu61d271e69a4cd76e5cb4b252b10b5e1e_231323_ff457727056d92ff043673c3eb5cf299.webp 760w, /project/adair/adairwire1_hu61d271e69a4cd76e5cb4b252b10b5e1e_231323_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/adair/adairwire1_hu61d271e69a4cd76e5cb4b252b10b5e1e_231323_106a4fab5cc80f01aa557afb382b4f63.webp" width="497" height="760" loading="lazy" data-zoomable /></div> </div><figcaption> Wireframe for album&rsquo;s detail page. </figcaption></figure> </p>Bike Gameshttps://crisbotta.netlify.app/project/sescv22/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/sescv22/Create balance sculptureshttps://crisbotta.netlify.app/project/festa21balance/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/festa21balance/Create your own building sethttps://crisbotta.netlify.app/project/festa21build/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/festa21build/Games to Relaxhttps://crisbotta.netlify.app/project/sescv21/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/sescv21/Handheld games nostalgiahttps://crisbotta.netlify.app/project/minigames/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/minigames/Indigenous gameshttps://crisbotta.netlify.app/project/sescindigenousgames/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/sescindigenousgames/Kobelthaushttps://crisbotta.netlify.app/project/kobelt/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/kobelt/<p>Website&rsquo;s HTML and CSS was handcoded. No link because it has changed since.</p> <p> <figure id="figure-landing-page"> <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="Landing page." srcset=" /project/kobelt/kobelt01_huc9cbc0facc4f18a74fa8a64230bb09f3_293957_6ec71a0b60b142e17adc5094d0c5f128.webp 400w, /project/kobelt/kobelt01_huc9cbc0facc4f18a74fa8a64230bb09f3_293957_5ea58516fdb0c8d90b55a999d73086c8.webp 760w, /project/kobelt/kobelt01_huc9cbc0facc4f18a74fa8a64230bb09f3_293957_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/kobelt/kobelt01_huc9cbc0facc4f18a74fa8a64230bb09f3_293957_6ec71a0b60b142e17adc5094d0c5f128.webp" width="640" height="578" loading="lazy" data-zoomable /></div> </div><figcaption> Landing page. </figcaption></figure> </p> <p> <figure id="figure-house-detailed-view-page"> <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="House detailed view page." srcset=" /project/kobelt/kobelt02_hue9c4b9e15f207354abed4b9489e181da_495083_fec779d31d7d8ce71e3b11c851235e66.webp 400w, /project/kobelt/kobelt02_hue9c4b9e15f207354abed4b9489e181da_495083_9b3379b5602039d0ea39094cf4179f69.webp 760w, /project/kobelt/kobelt02_hue9c4b9e15f207354abed4b9489e181da_495083_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/kobelt/kobelt02_hue9c4b9e15f207354abed4b9489e181da_495083_fec779d31d7d8ce71e3b11c851235e66.webp" width="467" height="638" loading="lazy" data-zoomable /></div> </div><figcaption> House detailed view page. </figcaption></figure> </p> <p> <figure id="figure-about-page"> <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="About page." srcset=" /project/kobelt/kobelt03_hu76795ac526f15ef2b69c6943b84c92f4_418660_7a6ebbb615294763af4f6d0a0a84ef0d.webp 400w, /project/kobelt/kobelt03_hu76795ac526f15ef2b69c6943b84c92f4_418660_f65d43670ad8919044aa0f7f8f6f119d.webp 760w, /project/kobelt/kobelt03_hu76795ac526f15ef2b69c6943b84c92f4_418660_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/kobelt/kobelt03_hu76795ac526f15ef2b69c6943b84c92f4_418660_7a6ebbb615294763af4f6d0a0a84ef0d.webp" width="518" height="585" loading="lazy" data-zoomable /></div> </div><figcaption> About page. </figcaption></figure> </p> <p> <figure id="figure-available-extra-features-page"> <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="Available extra features page." srcset=" /project/kobelt/kobelt04_hu6993e176fb3ccace624b751b79ddb8ca_439796_f738bd0ecbdc960bfc3900e1996baed0.webp 400w, /project/kobelt/kobelt04_hu6993e176fb3ccace624b751b79ddb8ca_439796_5c26d4f17ba98a8548d44f99429f85fc.webp 760w, /project/kobelt/kobelt04_hu6993e176fb3ccace624b751b79ddb8ca_439796_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/kobelt/kobelt04_hu6993e176fb3ccace624b751b79ddb8ca_439796_f738bd0ecbdc960bfc3900e1996baed0.webp" width="519" height="567" loading="lazy" data-zoomable /></div> </div><figcaption> Available extra features page. </figcaption></figure> </p>Lua Branca Websitehttps://crisbotta.netlify.app/project/lua/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/lua/<p>Done in Flash 😱 a long time ago.</p> <p> <figure > <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="" srcset=" /project/lua/lua02_hu22a536ccaf0a983628ebf5f3f4858231_93728_6e261b18e88f6e34efe321477e27f6ef.webp 400w, /project/lua/lua02_hu22a536ccaf0a983628ebf5f3f4858231_93728_5d15847328319320dd09566e217bed05.webp 760w, /project/lua/lua02_hu22a536ccaf0a983628ebf5f3f4858231_93728_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/lua/lua02_hu22a536ccaf0a983628ebf5f3f4858231_93728_6e261b18e88f6e34efe321477e27f6ef.webp" width="760" height="401" loading="lazy" data-zoomable /></div> </div></figure> </p>Master projecthttps://crisbotta.netlify.app/project/streetdroids/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/streetdroids/<p>Below are some screens from the game and the project&rsquo;s website.</p> <p> <figure > <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="" srcset=" /project/streetdroids/Streetdroids_1305813592489_hu6930563bb621b608d8abdb86b8d81c7a_830367_500462ad144682da95bf46ed88410650.webp 400w, /project/streetdroids/Streetdroids_1305813592489_hu6930563bb621b608d8abdb86b8d81c7a_830367_66dc5741dccc9134f9356cc6573fbf4d.webp 760w, /project/streetdroids/Streetdroids_1305813592489_hu6930563bb621b608d8abdb86b8d81c7a_830367_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/streetdroids/Streetdroids_1305813592489_hu6930563bb621b608d8abdb86b8d81c7a_830367_500462ad144682da95bf46ed88410650.webp" width="760" height="702" loading="lazy" data-zoomable /></div> </div></figure> </p> <p> <figure > <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="" srcset=" /project/streetdroids/Streetdroids_1305813607931_hub4944fac1b2b35a8b159a3250cf6f8c2_437910_08638e1b00886f067869060f3d04cf3b.webp 400w, /project/streetdroids/Streetdroids_1305813607931_hub4944fac1b2b35a8b159a3250cf6f8c2_437910_4a8aa196da5d618acc266b54e7567983.webp 760w, /project/streetdroids/Streetdroids_1305813607931_hub4944fac1b2b35a8b159a3250cf6f8c2_437910_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/streetdroids/Streetdroids_1305813607931_hub4944fac1b2b35a8b159a3250cf6f8c2_437910_08638e1b00886f067869060f3d04cf3b.webp" width="760" height="565" loading="lazy" data-zoomable /></div> </div></figure> </p> <p> <figure > <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="" srcset=" /project/streetdroids/Streetdroids_1305813629129_hu71a0b9eb6f0f3655ab83868aa6a662eb_367795_1620b28f721057a0eaccf9229b9679f5.webp 400w, /project/streetdroids/Streetdroids_1305813629129_hu71a0b9eb6f0f3655ab83868aa6a662eb_367795_4b0db6484245528e83e340fea666a767.webp 760w, /project/streetdroids/Streetdroids_1305813629129_hu71a0b9eb6f0f3655ab83868aa6a662eb_367795_1200x1200_fit_q75_h2_lanczos_3.webp 1200w" src="https://crisbotta.netlify.app/project/streetdroids/Streetdroids_1305813629129_hu71a0b9eb6f0f3655ab83868aa6a662eb_367795_1620b28f721057a0eaccf9229b9679f5.webp" width="760" height="417" loading="lazy" data-zoomable /></div> </div></figure> </p>Planned Obsolescencehttps://crisbotta.netlify.app/project/obsolescence/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/obsolescence/Sesc's Week of Playhttps://crisbotta.netlify.app/project/sescplayweek/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/sescplayweek/Sozi audio and vídeo tutorialhttps://crisbotta.netlify.app/project/sozivideotut/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/sozivideotut/University graduation projecthttps://crisbotta.netlify.app/project/tgi/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/tgi/<p> <figure > <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="" srcset=" /project/tgi/tgi01_hud5ee2c940314fc1098cae42d7419f5e2_511693_572ec30f272ceb6c64d4ae1920e40b21.webp 400w, /project/tgi/tgi01_hud5ee2c940314fc1098cae42d7419f5e2_511693_b34c8ee74507afc9a7752edb19f1e7e6.webp 760w, /project/tgi/tgi01_hud5ee2c940314fc1098cae42d7419f5e2_511693_1200x1200_fit_q75_h2_lanczos.webp 1200w" src="https://crisbotta.netlify.app/project/tgi/tgi01_hud5ee2c940314fc1098cae42d7419f5e2_511693_572ec30f272ceb6c64d4ae1920e40b21.webp" width="760" height="525" loading="lazy" data-zoomable /></div> </div></figure> </p> <p> <figure > <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="" srcset=" /project/tgi/tgi02_hu16ad2e8015051e91159f5843205b55f9_366338_2f626c5d0c0c338effc4fb986b3459c2.webp 400w, /project/tgi/tgi02_hu16ad2e8015051e91159f5843205b55f9_366338_0daf5043220ae0e98b7dc07cf4b33718.webp 760w, /project/tgi/tgi02_hu16ad2e8015051e91159f5843205b55f9_366338_1200x1200_fit_q75_h2_lanczos.webp 1200w" src="https://crisbotta.netlify.app/project/tgi/tgi02_hu16ad2e8015051e91159f5843205b55f9_366338_2f626c5d0c0c338effc4fb986b3459c2.webp" width="760" height="517" loading="lazy" data-zoomable /></div> </div></figure> </p> <p> <figure > <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="" srcset=" /project/tgi/tgi03_hu54ff3f0a8d45bd8bc01e9f54a4958c64_202242_78e363eb6674aa695b16930b2d3e0bf8.webp 400w, /project/tgi/tgi03_hu54ff3f0a8d45bd8bc01e9f54a4958c64_202242_1bc766d2ede077d1064a6736dd4a7507.webp 760w, /project/tgi/tgi03_hu54ff3f0a8d45bd8bc01e9f54a4958c64_202242_1200x1200_fit_q75_h2_lanczos.webp 1200w" src="https://crisbotta.netlify.app/project/tgi/tgi03_hu54ff3f0a8d45bd8bc01e9f54a4958c64_202242_78e363eb6674aa695b16930b2d3e0bf8.webp" width="760" height="259" loading="lazy" data-zoomable /></div> </div></figure> </p> <p> <figure > <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="" srcset=" /project/tgi/tgi04_hu78afeede806abf22174ca67744e59f46_180608_aa12dbbe305796b544fcdb8cb06f2328.webp 400w, /project/tgi/tgi04_hu78afeede806abf22174ca67744e59f46_180608_2dba94e6a049fe0657559ec2d4da7a60.webp 760w, /project/tgi/tgi04_hu78afeede806abf22174ca67744e59f46_180608_1200x1200_fit_q75_h2_lanczos.webp 1200w" src="https://crisbotta.netlify.app/project/tgi/tgi04_hu78afeede806abf22174ca67744e59f46_180608_aa12dbbe305796b544fcdb8cb06f2328.webp" width="760" height="362" loading="lazy" data-zoomable /></div> </div></figure> </p> <p> <figure > <div class="d-flex justify-content-center"> <div class="w-100" ><img alt="" srcset=" /project/tgi/tgi05_hu0b7c6cce2c435960c767f3ded1f74569_452651_30e142ce841a5269d596de17b2a6bfa3.webp 400w, /project/tgi/tgi05_hu0b7c6cce2c435960c767f3ded1f74569_452651_ba9b63f9cbadb37accdfa4ade21cada3.webp 760w, /project/tgi/tgi05_hu0b7c6cce2c435960c767f3ded1f74569_452651_1200x1200_fit_q75_h2_lanczos.webp 1200w" src="https://crisbotta.netlify.app/project/tgi/tgi05_hu0b7c6cce2c435960c767f3ded1f74569_452651_30e142ce841a5269d596de17b2a6bfa3.webp" width="760" height="573" loading="lazy" data-zoomable /></div> </div></figure> </p>What are NFTs?https://crisbotta.netlify.app/project/nfts/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/nfts/What are VPNs?https://crisbotta.netlify.app/project/vpns/Wed, 27 Apr 2016 00:00:00 +0000https://crisbotta.netlify.app/project/vpns/Old portfolio websitehttps://crisbotta.netlify.app/project/old_portfolio/Mon, 01 Jan 0001 00:00:00 +0000https://crisbotta.netlify.app/project/old_portfolio/<p>There is gonna be a text and a gallery here.</p>