{"id":1708,"date":"2026-04-01T18:42:09","date_gmt":"2026-04-01T18:42:09","guid":{"rendered":"https:\/\/bfashow.dmd.uconn.edu\/2026\/?p=1708"},"modified":"2026-04-05T23:58:38","modified_gmt":"2026-04-05T23:58:38","slug":"calmi","status":"publish","type":"post","link":"https:\/\/bfashow.dmd.uconn.edu\/2026\/calmi\/","title":{"rendered":"Calmi"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container wp-embed-aspect-16-9 wp-has-aspect-ratio uagb-block-vtch0jvd alignwide uagb-is-root-container\">\n<div class=\"wp-block-uagb-info-box uagb-block-7gzwqvxn uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><p class=\"uagb-ifb-title-prefix\">App Prototype<\/p><h1 class=\"uagb-ifb-title\">Calmi<\/h1><\/div><\/div><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Calmi - Trailer - Quynh Ngo\" src=\"https:\/\/player.vimeo.com\/video\/1177511637?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-uagb-container wp-embed-aspect-16-9 wp-has-aspect-ratio uagb-block-5d14a065 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div data-aos= \"fade-right\" data-aos-duration=\"400\" data-aos-delay=\"0\" data-aos-easing=\"ease\" data-aos-once=\"true\" class=\"wp-block-uagb-container uagb-block-4b65b89d\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e0082cf6 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-26e8081a\"><h2 class=\"uagb-heading-text\"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong>Q<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>uynh ngo<\/h2><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-03f5dcbb\"><h3 class=\"uagb-heading-text\">Torrington, CT<\/h3><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-8ae5a0fe\"><h3 class=\"uagb-heading-text\">Advisor: Ting zhou<\/h3><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-6f5037cc\"><h4 class=\"uagb-heading-text\">Artist Bio<\/h4><\/div>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0\">Quynh Ngo is a UI\/UX designer based in Torrington, Connecticut.&nbsp;She is completing her Bachelor of Arts in Digital Media &amp; Design with a concentration in Web Interactive &amp; Design at the University of Connecticut. Her work centers on designing thoughtful visual interfaces that support behavior change through clarity, pacing, and storytelling. She approaches design with an emphasis on empathy, focusing on how interaction flow and visual feedback shape user motivation and long-term engagement. Quynh works across Figma, HTML, and CSS, translating concepts into functional, user-centered experiences. She is currently a UI\/UX Designer at i3, where she designs product mockups, websites, and page redesigns, collaborating across teams to create intuitive and purposeful digital experiences.&nbsp;<\/p>\n<\/div>\n\n\n\n<div data-aos= \"fade-left\" data-aos-duration=\"400\" data-aos-delay=\"0\" data-aos-easing=\"ease\" data-aos-once=\"true\" class=\"wp-block-uagb-container uagb-block-787c2033\">\n<div class=\"wp-block-uagb-image uagb-block-33d869bf wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" src=\"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/03\/Quynh-Ngo-Headshot-1024x1024.jpg\" alt=\"\" class=\"uag-image-1544\" width=\"800\" height=\"800\" title=\"Quynh Ngo Headshot\" loading=\"lazy\" role=\"img\" \/><\/figure><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container wp-embed-aspect-16-9 wp-has-aspect-ratio uagb-block-f6f9c3e4 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-899e302d\"><h4 class=\"uagb-heading-text\">Artist Statement<\/h4><\/div>\n\n\n\n<p style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">I created&nbsp;Calmi, a focus app that helps users stay productive by combining the Pomodoro method with mindfulness exercises. The idea came from my own struggle to stay motivated and calm amid constant demands. I noticed that many productivity apps emphasize efficiency but rarely support reflection or a meaningful sense of progress beyond checklists.&nbsp;Calmi&nbsp;addresses this gap by turning focus and self-care into a calm, visual journey.&nbsp;&nbsp;<\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0\">Calmi&nbsp;tracks progress through a constellation-inspired system where each completed task becomes a star. Over time, these stars connect to form constellations that&nbsp;represent&nbsp;projects, habits, or personal milestones.&nbsp;As users continue to grow, larger goals expand into the Milky Way, symbolizing long-term balance and personal development.&nbsp;Supporting this journey is&nbsp;Calmi\u2019s&nbsp;AI chatbot, a gentle companion that provides encouragement, personalized guidance, and supportive prompts to help users stay grounded and motivated. Alongside this visual progress system,&nbsp;Calmi&nbsp;promotes mindful breaks through guided meditation, breathing, and stretching exercises that help users recharge and refocus.&nbsp;<\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0\">The interface was designed to feel gentle, structured, and engaging. Clean, minimal visuals inspired by starlight and night skies create a calming atmosphere, with both light and dark modes to support comfort and accessibility.&nbsp;<\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">This project reinforced my belief that thoughtful design can encourage healthy habits through emotional balance.&nbsp;Calmi&nbsp;reflects my approach to&nbsp;designing for&nbsp;behavior change, creating experiences that feel meaningful, supportive, and calming, even within busy everyday routines.&nbsp;<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-slider wp-embed-aspect-16-9 wp-has-aspect-ratio uagb-block-f263f817 uagb-slider-container\"><div class=\"uagb-slides uagb-swiper\"><div class=\"swiper-wrapper\">\n<div class=\"wp-block-uagb-slider-child uagb-slider-child-wrap swiper-slide uagb-block-ade93ac2\"><div class=\"swiper-content\">\n<div class=\"wp-block-uagb-container uagb-block-cdc44df8 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-image uagb-block-d5bb1180 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" src=\"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-photo1.png\" alt=\"\" class=\"uag-image-1709\" width=\"1920\" height=\"1080\" title=\"\" loading=\"lazy\" role=\"presentation\" \/><\/figure><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-slider-child uagb-slider-child-wrap swiper-slide uagb-block-8355035d\"><div class=\"swiper-content\">\n<div class=\"wp-block-uagb-container uagb-block-02af7eaa alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-image uagb-block-01ebb901 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" src=\"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-Photo2.png\" alt=\"\" class=\"uag-image-1710\" width=\"1920\" height=\"1080\" title=\"Quynh Ngo Photo2\" loading=\"lazy\" role=\"img\" \/><\/figure><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-slider-child uagb-slider-child-wrap swiper-slide uagb-block-bb90d1b8\"><div class=\"swiper-content\">\n<div class=\"wp-block-uagb-container uagb-block-91d3ad2e alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-image uagb-block-7d3c3272 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" src=\"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-photo3.png\" alt=\"\" class=\"uag-image-1711\" width=\"1920\" height=\"1080\" title=\"Quynh Ngo photo3\" loading=\"lazy\" role=\"img\" \/><\/figure><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><div class=\"swiper-pagination\"><\/div><div class=\"swiper-button-prev\"><\/div><div class=\"swiper-button-next\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Quynh ngo Torrington, CT Advisor: Ting zhou Artist Bio Quynh Ngo is a UI\/UX designer based in Torrington, Connecticut.&nbsp;She is [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":1709,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[140,54],"tags":[139,110],"class_list":["post-1708","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-quynh-ngo","category-web-interactive-media-design","tag-quynh-ngo","tag-web-interactive-media-design"],"uagb_featured_image_src":{"full":["https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-photo1.png",1920,1080,false],"thumbnail":["https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-photo1-150x150.png",150,150,true],"medium":["https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-photo1-300x169.png",300,169,true],"medium_large":["https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-photo1-768x432.png",768,432,true],"large":["https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-photo1-1024x576.png",1024,576,true],"1536x1536":["https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-photo1-1536x864.png",1536,864,true],"2048x2048":["https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-content\/uploads\/sites\/2\/2026\/04\/Quynh-Ngo-photo1.png",1920,1080,false]},"uagb_author_info":{"display_name":"Angela","author_link":"https:\/\/bfashow.dmd.uconn.edu\/2026\/author\/ann19006\/"},"uagb_comment_info":0,"uagb_excerpt":"Quynh ngo Torrington, CT Advisor: Ting zhou Artist Bio Quynh Ngo is a UI\/UX designer based in Torrington, Connecticut.&nbsp;She is [&hellip;]","_links":{"self":[{"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/posts\/1708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/comments?post=1708"}],"version-history":[{"count":2,"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/posts\/1708\/revisions"}],"predecessor-version":[{"id":1713,"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/posts\/1708\/revisions\/1713"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/media\/1709"}],"wp:attachment":[{"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/media?parent=1708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/categories?post=1708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bfashow.dmd.uconn.edu\/2026\/wp-json\/wp\/v2\/tags?post=1708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}