{"id":263,"date":"2025-01-27T18:46:21","date_gmt":"2025-01-27T23:46:21","guid":{"rendered":"https:\/\/jordanhutchison.design\/?page_id=263"},"modified":"2025-02-17T13:23:19","modified_gmt":"2025-02-17T18:23:19","slug":"projects","status":"publish","type":"page","link":"https:\/\/jordanhutchison.design\/?page_id=263","title":{"rendered":"Projects"},"content":{"rendered":"<h1>My Work<\/h1>\n<div>I\u2019ve been in the design world for over ten years, and I\u2019ve worked on a lot of stuff. Check out my professional projects, digital art, and more.<\/div>\n<ul>\n<li>\n<p>\n        <a href=\"#projects\">Professional projects<\/a>\n    <\/p>\n<\/li>\n<li>\n<p>\n        <a href=\"#art\">Random artwork<\/a>\n    <\/p>\n<\/li>\n<\/ul>\n<h2>Professional Projects<\/h2>\n<hr>\n<ul>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/intro.png\" alt=\"\"><\/p>\n<h3>Complete redesign of the design system for a mental health app<\/h3>\n<p>Featured Project<\/p>\n<div>I collaborated with the head of product and CTO on the Flourish design system redesign, aiming to update the aesthetics, create Figma files for easier mock creation, enhance documentation, and boost the Product team\u2019s efficiency.<\/div>\n<p><a href=\"\/index.php?p=260\">Read more<\/a><\/p>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/01\/showcase3.png\" alt=\"\"><\/p>\n<h3>Designing &#038; launching a new human + AI content SaaS platform<\/h3>\n<p>Featured Project<\/p>\n<div>As the lead product designer and project lead, I designed and directed the creation of a new hybrid platform and design system, increasing developer efficiency by 103% and reducing product delivery time by 24% compared to our old platform.<\/div>\n<p><a href=\"https:\/\/jordanhutchison.design\/?p=241\">Read more<\/a><\/p>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/01\/contest3.png\" alt=\"\"><\/p>\n<h3>Placed 15th Wordwide in UXCEL Design Contest<\/h3>\n<div>\n<p><span>I entered a fun UI\/UX design contest, hosted by the educational platform UXCEL. I was lucky enough to win 15th place out of hundreds of applicants worldwide! See my submission page on the UXCEL website\u00a0<\/span><a href=\"https:\/\/uxcel.com\/design-contest\/holiday-event-search-book\">here<\/a><span>.<\/span><\/p>\n<\/div>\n<p><a href=\"https:\/\/www.figma.com\/design\/HGGRseD0zZBiqxq1fuoW5M\/uxcel-Design-Contest-%7C-Jo-Hutchison?node-id=119-2364\">Read more<\/a><\/p>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/design8.jpg\" alt=\"\"><\/p>\n<h3> UX Process Case Study (Anonymous Client)<\/h3>\n<div>\n<p><span>Goal:\u00a0<\/span><span>Create an easy-to-navigate website that gives clear copy direction to client\u2019s writing team. Emotes luxury, style, and technology. Conversion-oriented design.<\/span><\/p>\n<\/div>\n<p><a href=\"https:\/\/jordanhutchison.design\/?p=61\">Read more<\/a><\/p>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/01\/bravasimg.png\" alt=\"\"><\/p>\n<h3>BRAVAS Website Redesign<\/h3>\n<div>\n<p><span>A fully custom website from start to finish, complete with wireframing, storyboarding, market research, custom javascript additions, and SEO configurations. Includes video content, custom SVGs, imagery, and custom javascript solutions.<\/span><\/p>\n<\/div>\n<p><a href=\"https:\/\/jordanhutchison.design\/?p=39\">Read more<\/a><\/p>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/01\/nxtavimg-1.png\" alt=\"\"><\/p>\n<h3>NXTAV Website Redesign<\/h3>\n<div>\n<p><span>A orange-dreamsicle inspired website build with video content, beautiful imagery, SVGs, and some background textures.\u00a0<\/span><a href=\"https:\/\/www.nxtav.com\/\" target=\"_blank\" rel=\"noopener\">See live website here.<\/a><\/p>\n<\/div>\n<p><a href=\"https:\/\/jordanhutchison.design\/?p=24\">Read more<\/a><\/p>\n<\/li>\n<\/ul>\n<h2>Random Artwork<\/h2>\n<hr>\n<ul>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/08\/Mountain_City.jpg\" alt=\"Digital Art #1\"><\/p>\n<h3>Digital Art #1<\/h3>\n<p><a href=\"\/wp-content\/uploads\/2021\/08\/Mountain_City.jpg\">Get Closer<\/a><\/p>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/08\/girl.jpg\" alt=\"\"><\/p>\n<h3>Analogue Art #1<\/h3>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/08\/pup.jpg\" alt=\"Digital Art #2\"><\/p>\n<h3>Digital Art #2<\/h3>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/08\/face.jpg\" alt=\"Digital Art #4\"><\/p>\n<h3>Digital Art #4<\/h3>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/08\/sketch1.jpg\" alt=\"Analogue Art #3\"><\/p>\n<h3>Analogue Art #3<\/h3>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/08\/bird.jpg\" alt=\"Digital Art #3\"><\/p>\n<h3>Digital Art #3<\/h3>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/08\/dog.jpg\" alt=\"Digital Art #5\"><\/p>\n<h3>Digital Art #5<\/h3>\n<\/li>\n<\/ul>\n<h2>Want to work together?<\/h2>\n<ul>\n<li>\n<p>\n        <a href=\"https:\/\/jordanhutchison.design\/wp-content\/uploads\/2025\/02\/Jo-Hutchison-Product-UI-UX-Designer-Resume-2025.pdf\">Resume<\/a>\n    <\/p>\n<\/li>\n<li>\n<p>\n        <a href=\"mailto:jo@jordanhutchison.design\">Get in touch<\/a>\n    <\/p>\n<\/li>\n<\/ul>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"css\":\"\\n\",\"header_transparent\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/01\\\/swoosh51.jpg\",\"image_position\":\"bottom-center\",\"image_size\":\"cover\",\"media_background\":\"F7F7F7\",\"media_overlay\":\"rgba(247, 247, 247, 0.5)\",\"overlap\":false,\"padding\":\"large\",\"padding_remove_bottom\":false,\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"\"},\"children\":[{\"type\":\"row\",\"props\":{\"width\":\"default\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"My Work\",\"margin_remove_bottom\":false,\"margin_remove_top\":true,\"title_element\":\"h1\",\"title_style\":\"h1\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"I\\u2019ve been in the design world for over ten years, and I\\u2019ve worked on a lot of stuff. Check out my professional projects, digital art, and more.\",\"margin\":\"default\",\"maxwidth\":\"2xlarge\"}},{\"type\":\"button\",\"props\":{\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin\":\"default\",\"text_align\":\"left\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"default\",\"content\":\"Professional projects\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon\":\"laptop\",\"icon_align\":\"left\",\"link\":\"#projects\"}},{\"type\":\"button_item\",\"props\":{\"button_style\":\"secondary\",\"content\":\"Random artwork\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon\":\"paint-bucket\",\"icon_align\":\"left\",\"link\":\"#art\"}}],\"name\":\"buttons 2025 artwork\"}]}]}],\"name\":\"Header\"},{\"type\":\"section\",\"props\":{\"id\":\"projects\",\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Professional Projects\",\"title_element\":\"h2\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\",\"divider_style\":\"icon\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"grid\",\"props\":{\"content_column_breakpoint\":\"m\",\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_default\":\"1\",\"grid_divider\":true,\"grid_medium\":\"1\",\"icon_width\":80,\"image_align\":\"left\",\"image_grid_breakpoint\":\"s\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_image\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"show_video\":true,\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"},\"children\":[{\"type\":\"grid_item\",\"props\":{\"content\":\"I collaborated with the head of product and CTO on the Flourish design system redesign, aiming to update the aesthetics, create Figma files for easier mock creation, enhance documentation, and boost the Product team\\u2019s efficiency.\",\"image\":\"wp-content\\\/uploads\\\/2025\\\/02\\\/intro.png\",\"link\":\"index.php?p=260\",\"meta\":\"Featured Project\",\"title\":\"Complete redesign of the design system for a mental health app\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"As the lead product designer and project lead, I designed and directed the creation of a new hybrid platform and design system, increasing developer efficiency by 103% and reducing product delivery time by 24% compared to our old platform.\",\"image\":\"wp-content\\\/uploads\\\/2025\\\/01\\\/showcase3.png\",\"link\":\"https:\\\/\\\/jordanhutchison.design\\\/?p=241\",\"meta\":\"Featured Project\",\"title\":\"Designing & launching a new human + AI content SaaS platform\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<p><span>I entered a fun UI\\\/UX design contest, hosted by the educational platform UXCEL. I was lucky enough to win 15th place out of hundreds of applicants worldwide! See my submission page on the UXCEL website\\u00a0<\\\/span><a href=\\\"https:\\\/\\\/uxcel.com\\\/design-contest\\\/holiday-event-search-book\\\">here<\\\/a><span>.<\\\/span><\\\/p>\",\"image\":\"wp-content\\\/uploads\\\/2025\\\/01\\\/contest3.png\",\"link\":\"https:\\\/\\\/www.figma.com\\\/design\\\/HGGRseD0zZBiqxq1fuoW5M\\\/uxcel-Design-Contest-%7C-Jo-Hutchison?node-id=119-2364\",\"title\":\"Placed 15th Wordwide in UXCEL Design Contest\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<p><span>Goal:\\u00a0<\\\/span><span>Create an easy-to-navigate website that gives clear copy direction to client\\u2019s writing team. Emotes luxury, style, and technology. Conversion-oriented design.<\\\/span><\\\/p>\",\"image\":\"wp-content\\\/uploads\\\/2021\\\/11\\\/design8.jpg\",\"link\":\"https:\\\/\\\/jordanhutchison.design\\\/?p=61\",\"title\":\" UX Process Case Study (Anonymous Client)\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<p><span>A fully custom website from start to finish, complete with wireframing, storyboarding, market research, custom javascript additions, and SEO configurations. Includes video content, custom SVGs, imagery, and custom javascript solutions.<\\\/span><\\\/p>\",\"image\":\"wp-content\\\/uploads\\\/2025\\\/01\\\/bravasimg.png\",\"link\":\"https:\\\/\\\/jordanhutchison.design\\\/?p=39\",\"title\":\"BRAVAS Website Redesign\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<p><span>A orange-dreamsicle inspired website build with video content, beautiful imagery, SVGs, and some background textures.\\u00a0<\\\/span><a href=\\\"https:\\\/\\\/www.nxtav.com\\\/\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">See live website here.<\\\/a><\\\/p>\",\"image\":\"wp-content\\\/uploads\\\/2025\\\/01\\\/nxtavimg-1.png\",\"link\":\"https:\\\/\\\/jordanhutchison.design\\\/?p=24\",\"title\":\"NXTAV Website Redesign\"}}]}]}]}],\"name\":\"Projects\"},{\"type\":\"section\",\"props\":{\"id\":\"art\",\"image_position\":\"center-center\",\"padding\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Random Artwork\",\"title_element\":\"h2\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\",\"divider_style\":\"icon\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"gallery\",\"props\":{\"css\":\".uk-button {\\n\\tborder: 2px solid #403A36;\\n\\tborder-radius: 4px;\\nbox-shadow: 5px 5px #403A36;\\ncolor:#403A36;\\n}\\n\\n.uk-button:hover, focus, active {\\n\\tborder: 2px solid #403A36;\\n\\tbackground: #fff;\\n\\ttransform: translate(5px, 5px);\\n\\tbox-shadow: 2px 2px #403A36;\\n}\",\"filter\":true,\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_default\":\"1\",\"grid_masonry\":\"next\",\"grid_medium\":\"3\",\"grid_small\":\"2\",\"item_animation\":true,\"lightbox\":true,\"lightbox_bg_close\":true,\"link_style\":\"secondary\",\"link_text\":\"Get Closer\",\"margin\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"overlay_hover\":true,\"overlay_mode\":\"cover\",\"overlay_position\":\"center\",\"overlay_style\":\"overlay-primary\",\"overlay_transition\":\"fade\",\"parallax_easing\":\"1\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"text_align\":\"center\",\"text_color\":\"light\",\"title_element\":\"h3\",\"title_hover_style\":\"reset\"},\"children\":[{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2021\\\/08\\\/Mountain_City.jpg\",\"image_alt\":\"Digital Art #1\",\"link\":\"wp-content\\\/uploads\\\/2021\\\/08\\\/Mountain_City.jpg\",\"tags\":\"Digital Art\",\"title\":\"Digital Art #1\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2021\\\/08\\\/girl.jpg\",\"tags\":\"Analogue, Charcoal\",\"title\":\"Analogue Art #1\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2021\\\/08\\\/pup.jpg\",\"image_alt\":\"Digital Art #2\",\"tags\":\"Digital Art\",\"title\":\"Digital Art #2\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2021\\\/08\\\/face.jpg\",\"image_alt\":\"Digital Art #4\",\"tags\":\"Digital Art\",\"title\":\"Digital Art #4\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2021\\\/08\\\/sketch1.jpg\",\"image_alt\":\"Analogue Art #3\",\"tags\":\"Analogue, Ink\",\"title\":\"Analogue Art #3\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2021\\\/08\\\/bird.jpg\",\"image_alt\":\"Digital Art #3\",\"tags\":\"Digital Art\",\"title\":\"Digital Art #3\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2021\\\/08\\\/dog.jpg\",\"image_alt\":\"Digital Art #5\",\"tags\":\"Digital Art\",\"title\":\"Digital Art #5\"}}]}]}]}],\"name\":\"Art\"},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"xlarge\",\"padding_remove_top\":true,\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Want to work together?\",\"text_align\":\"center\",\"title_element\":\"h2\"}},{\"type\":\"button\",\"props\":{\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin\":\"default\",\"text_align\":\"center\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"secondary\",\"content\":\"Resume\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon\":\"file-text\",\"icon_align\":\"left\",\"link\":\"https:\\\/\\\/jordanhutchison.design\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Jo-Hutchison-Product-UI-UX-Designer-Resume-2025.pdf\",\"link_target\":\"blank\"}},{\"type\":\"button_item\",\"props\":{\"button_style\":\"default\",\"content\":\"Get in touch\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon\":\"mail\",\"icon_align\":\"left\",\"link\":\"mailto:jo@jordanhutchison.design\"}}]}]}]}],\"name\":\"CTA 2025\"}],\"version\":\"4.5.1\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>My Work I\u2019ve been in the design world for over ten years, and I\u2019ve worked on a lot of stuff. Check out my professional projects, digital art, and more. Professional projects Random artwork Professional Projects Complete redesign of the design system for a mental health app Featured Project I collaborated with the head of product [&hellip;]<\/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-263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jordanhutchison.design\/index.php?rest_route=\/wp\/v2\/pages\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jordanhutchison.design\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jordanhutchison.design\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jordanhutchison.design\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jordanhutchison.design\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=263"}],"version-history":[{"count":1,"href":"https:\/\/jordanhutchison.design\/index.php?rest_route=\/wp\/v2\/pages\/263\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/jordanhutchison.design\/index.php?rest_route=\/wp\/v2\/pages\/263\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/jordanhutchison.design\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}