{"id":1352,"date":"2023-03-25T08:17:01","date_gmt":"2023-03-25T08:17:01","guid":{"rendered":"http:\/\/www.reneeshen.com\/portfolio4\/?post_type=portfolio&#038;p=1352"},"modified":"2023-04-09T21:19:02","modified_gmt":"2023-04-09T21:19:02","slug":"skill_7","status":"publish","type":"portfolio","link":"http:\/\/www.reneeshen.com\/portfolio4\/portfolio\/skill_7\/","title":{"rendered":"Creating desktop and mobile solutions"},"content":{"rendered":"[vc_row][vc_column][vc_column_text animation=&#8221;animation fade-in&#8221; el_class=&#8221;small-title&#8221;]\/ UX UI[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;]\t<div id=\"thb-highlighttype-69f5faa3dab4e\" class=\"thb-highlighttype thb-highlight-hover  animation fade-in\">\n\t\t\n<h4>Creating <span class=\"thb-highlight\">desktop and mobile solutions<\/span> and be mindful of different screen sizes<\/h4>\n\n\t\t<style>\n\t\t\t\t\t\t\t\t\t\t#thb-highlighttype-69f5faa3dab4e.thb-highlighttype .thb-highlight {\n\t\t\t\t\tbackground-image: linear-gradient( #f4bd46,  #f4bd46);\n\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t#thb-highlighttype-69f5faa3dab4e.thb-highlighttype .thb-highlight {\n\t\t\t\t\tbackground-size: 0% 30%;\n\t\t\t\t}\n\t\t\t\t\t<\/style>\n\n\t<\/div>\n\n\t[vc_empty_space height=&#8221;40px&#8221;][vc_column_text animation=&#8221;animation fade-in&#8221;]\n<p class=\"p1\"><span class=\"s1\">In certain situations, mobile usage is essential, hence it is imperative to ensure that the design is accessible and functional across devices.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row thb_full_width=&#8221;true&#8221; thb_row_padding=&#8221;true&#8221; css=&#8221;.vc_custom_1679680963471{padding-top: 60px !important;padding-right: 10vh !important;padding-bottom: 60px !important;padding-left: 10vh !important;background-color: #f8f8f8 !important;}&#8221;][vc_column][vc_row_inner thb_max_width=&#8221;max_width&#8221;][vc_column_inner][vc_column_text]\n<h5 style=\"text-align: left;\">I have designed for&#8230;<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8221;40px&#8221;][vc_row_inner thb_max_width=&#8221;max_width&#8221;][vc_column_inner width=&#8221;1\/3&#8243; offset=&#8221;vc_col-xs-4\/5&#8243;][vc_images_carousel images=&#8221;1611&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; hide_pagination_control=&#8221;yes&#8221; hide_prev_next_buttons=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_column_text animation=&#8221;animation bottom-to-top&#8221; el_class=&#8221;mini-text&#8221; css=&#8221;.vc_custom_1681028660929{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Brokerage Website<\/h5>\n<p class=\"p1\"><span class=\"s1\">We created a responsive website for a brokerage client targeting the Chinese market, where mobile experience was particularly important as phone usage had grown significantly compared to desktop computing in China.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243; offset=&#8221;vc_col-xs-4\/5&#8243;][vc_images_carousel images=&#8221;1612&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; hide_pagination_control=&#8221;yes&#8221; hide_prev_next_buttons=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_column_text animation=&#8221;animation bottom-to-top&#8221; el_class=&#8221;mini-text&#8221; css=&#8221;.vc_custom_1681028672921{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Automotive Parts eCatalogue<\/h5>\n<p class=\"p1\"><span class=\"s1\">We worked with Bosch to design an automotive parts catalogue website. A responsive design was necessary to cater to various types of target users, including technicians who need to access assembly instructions on mobile devices in repair workshops, as well as amateurs who might be researching online and ordering parts on a desktop at the same time.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243; offset=&#8221;vc_col-xs-4\/5&#8243;][vc_images_carousel images=&#8221;1613&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; hide_pagination_control=&#8221;yes&#8221; hide_prev_next_buttons=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_column_text animation=&#8221;animation bottom-to-top&#8221; el_class=&#8221;mini-text&#8221; css=&#8221;.vc_custom_1681028686136{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Hospital Air Purification Solution<\/h5>\n<p class=\"p1\"><span class=\"s1\">When we were working on Baxter\u2019s air quality monitoring system for hospitals, we had to take into account that repair requests would go through various users, including system maintenance personnel, on-site engineers, system administrators, and possibly Baxter\u2019s internal engineers. They could be using desktops in an office or using mobile devices on the go.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text animation=&#8221;animation fade-in&#8221; el_class=&#8221;small-title&#8221;]\/ UX UI[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][vc_empty_space height=&#8221;40px&#8221;][vc_column_text animation=&#8221;animation fade-in&#8221;] In certain situations, mobile usage is essential, hence it is imperative to ensure that the design is accessible and functional across devices. [\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row thb_full_width=&#8221;true&#8221; thb_row_padding=&#8221;true&#8221; css=&#8221;.vc_custom_1679680963471{padding-top: 60px !important;padding-right: 10vh !important;padding-bottom: 60px !important;padding-left: 10vh !important;background-color: #f8f8f8 !important;}&#8221;][vc_column][vc_row_inner thb_max_width=&#8221;max_width&#8221;][vc_column_inner][vc_column_text] I have designed for&#8230; [\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8221;40px&#8221;][vc_row_inner thb_max_width=&#8221;max_width&#8221;][vc_column_inner&hellip;<\/p>\n","protected":false},"featured_media":1548,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","tags":[],"_links":{"self":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio\/1352"}],"collection":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/comments?post=1352"}],"version-history":[{"count":15,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio\/1352\/revisions"}],"predecessor-version":[{"id":1671,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio\/1352\/revisions\/1671"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/media\/1548"}],"wp:attachment":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/media?parent=1352"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/tags?post=1352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}