{"id":203,"date":"2022-11-27T10:04:32","date_gmt":"2022-11-27T10:04:32","guid":{"rendered":"https:\/\/ojahnu.me\/?page_id=203"},"modified":"2022-11-27T10:07:49","modified_gmt":"2022-11-27T10:07:49","slug":"designs","status":"publish","type":"page","link":"https:\/\/ojahnu.me\/?page_id=203","title":{"rendered":"Designs"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">100 Daily UI Challenge<\/h2>\n\n\n\n<p>I have just started the 100 UI Design challenge and here I will post the best ones. You should also check it out if you haven&#8217;t already https:\/\/www.dailyui.co\/<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day002-1.png\" alt=\"\" class=\"wp-image-205\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day002-1.png 390w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day002-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Day 2: Webshop Checkout<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day004.png\" alt=\"\" class=\"wp-image-206\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day004.png 390w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day004-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Day 4: Calculator<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"398\" height=\"852\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day001_1.png\" alt=\"\" class=\"wp-image-207\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day001_1.png 398w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day001_1-140x300.png 140w\" sizes=\"auto, (max-width: 398px) 100vw, 398px\" \/><figcaption class=\"wp-element-caption\">Day 1: login<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day001_2.png\" alt=\"\" class=\"wp-image-208\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day001_2.png 390w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Day001_2-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Day 1: sign<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">University course designs<\/h2>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>The task was to create as simple, but informative workflow to choose appointment and get it to the end<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahma_front-1.png\" alt=\"\" class=\"wp-image-210\" width=\"312\" height=\"752\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahma_front-1.png 375w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahma_front-1-124x300.png 124w\" sizes=\"auto, (max-width: 312px) 100vw, 312px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahma_second-2.png\" alt=\"\" class=\"wp-image-211\" width=\"325\" height=\"704\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahma_second-2.png 375w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahma_second-2-139x300.png 139w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahma_third-3-1.png\" alt=\"\" class=\"wp-image-213\" width=\"317\" height=\"686\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahma_third-3-1.png 375w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahma_third-3-1-139x300.png 139w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahmoa_fourth-4.png\" alt=\"\" class=\"wp-image-214\" width=\"316\" height=\"684\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahmoa_fourth-4.png 375w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/ahmoa_fourth-4-139x300.png 139w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>The task was to create an application for university students to gather sport events and invite others for group workouts. Examples are wireframes<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Front_sign_in_web-1024x689.png\" alt=\"\" class=\"wp-image-215\" width=\"398\" height=\"267\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Front_sign_in_web-1024x689.png 1024w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Front_sign_in_web-300x202.png 300w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Front_sign_in_web-768x517.png 768w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Front_sign_in_web.png 1440w\" sizes=\"auto, (max-width: 398px) 100vw, 398px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Front_sign_in_phone.png\" alt=\"\" class=\"wp-image-217\" width=\"250\" height=\"541\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Front_sign_in_phone.png 390w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/Front_sign_in_phone-139x300.png 139w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>The task was to reverse-engineer the Spotify mobile app design and create wireframe<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"812\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/IMG_9303-1.png\" alt=\"\" class=\"wp-image-220\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/IMG_9303-1.png 375w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/IMG_9303-1-139x300.png 139w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"812\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/exercise2_1_home_wireframe.png\" alt=\"\" class=\"wp-image-221\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/exercise2_1_home_wireframe.png 375w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/exercise2_1_home_wireframe-139x300.png 139w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"372\" height=\"805\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/IMG_9306-1.png\" alt=\"\" class=\"wp-image-222\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/IMG_9306-1.png 372w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/IMG_9306-1-139x300.png 139w\" sizes=\"auto, (max-width: 372px) 100vw, 372px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"812\" src=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/exercise2_1_playview_wireframe.png\" alt=\"\" class=\"wp-image-223\" srcset=\"https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/exercise2_1_playview_wireframe.png 375w, https:\/\/ojahnu.me\/wp-content\/uploads\/2022\/11\/exercise2_1_playview_wireframe-139x300.png 139w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>100 Daily UI Challenge I have just started the 100 UI Design challenge and here I will post the best ones. You should also check it out if you haven&#8217;t already https:\/\/www.dailyui.co\/ University course designs The task was to create as simple, but informative workflow to choose appointment and get it to the end The&hellip; <a class=\"more-link\" href=\"https:\/\/ojahnu.me\/?page_id=203\">Continue reading <span class=\"screen-reader-text\">Designs<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-203","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/ojahnu.me\/index.php?rest_route=\/wp\/v2\/pages\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ojahnu.me\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ojahnu.me\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ojahnu.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ojahnu.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=203"}],"version-history":[{"count":3,"href":"https:\/\/ojahnu.me\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":224,"href":"https:\/\/ojahnu.me\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions\/224"}],"wp:attachment":[{"href":"https:\/\/ojahnu.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}