{"id":158,"date":"2024-12-28T13:10:54","date_gmt":"2024-12-28T13:10:54","guid":{"rendered":"https:\/\/theuistudio.com\/blog\/?p=158"},"modified":"2025-03-30T14:09:57","modified_gmt":"2025-03-30T14:09:57","slug":"therapeutic-ux-for-ai-voice-chat-app-ui-design-in-figma","status":"publish","type":"post","link":"https:\/\/theuistudio.com\/blog\/therapeutic-ux-for-ai-voice-chat-app-ui-design-in-figma\/","title":{"rendered":"Therapeutic UX for AI Voice Chat App UI Design in Figma"},"content":{"rendered":"\n<p>We had the privilege of working with a research-based psychotherapist in Toronto, Canada who approached <a href=\"https:\/\/theuistudio.com\/\">The UI Studio<\/a> for an AI Voice Chat app UI Design in Figma. The client emphasized the importance of both the aesthetics and user experience of the app. While they didn\u2019t provide specific design guidelines, they requested that the design evoke a therapeutic feel. In today\u2019s article, we\u2019ll share this thoughtfully crafted design with you and walk you through the application workflow.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\" id=\"applisteningspeaking\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-ai-voice-chat-app-1024x665.jpg\" alt=\"AI Voice Chat UI Design in Figma\" class=\"wp-image-168\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-ai-voice-chat-app-1024x665.jpg 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-ai-voice-chat-app-300x195.jpg 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-ai-voice-chat-app-768x499.jpg 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-ai-voice-chat-app.jpg 1512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-ideabox-toc ib-block-toc\" data-anchors='h2,h3,h4,h5,h6' data-collapsable='true' ><div class=\"ib-toc-container ib-toc-list-style-numbers ib-toc-hierarchical ib-toc-expanded\"><div class=\"ib-toc-header\"><div class=\"ib-toc-header-title\">Table of Contents<\/div><div class=\"ib-toc-header-right\"><span class=\"ib-toc-icon-collapse\"><span class=\"dashicon dashicons dashicons-minus\"><\/span><\/span><span class=\"ib-toc-icon-expand\"><span class=\"dashicon dashicons dashicons-plus\"><\/span><\/span><\/div><\/div><div class=\"ib-toc-separator\" style=\"height:2px\"><\/div><div class=\"ib-toc-body\"><ol class=\"ib-toc-anchors\"><\/ol><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Therapeutic AI Voice Chat UI\/UX Design in Figma<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">App Overview &#8211; Introduction to Screens<\/h3>\n\n\n\n<p>Let\u2019s start by giving you an overview of the app\u2019s flow and key features (we\u2019ll dive into the details later). The application includes the following screens:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Signup page with the option to join using OAuth<\/li>\n\n\n\n<li>Login page<\/li>\n\n\n\n<li>&#8220;Talk to the App&#8221; screen<\/li>\n\n\n\n<li>Listening mode screen<\/li>\n\n\n\n<li>Response screen<\/li>\n\n\n\n<li>Communication\/messaging history<\/li>\n\n\n\n<li>Contact page<\/li>\n<\/ul>\n\n\n\n<p>This structure ensures a smooth user journey and intuitive interaction with the app.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"effectiveuxdesign\">Choosing Therapeutic Colors and Fonts for an Effective UX Design<\/h3>\n\n\n\n<p>When designing a user interface, especially for applications meant to provide <strong>therapeutic<\/strong> or calming experiences, <strong>the choice of colors and fonts plays a crucial role<\/strong>. These elements not only affect the aesthetics but also significantly influence user emotions, engagement, and overall satisfaction. Let\u2019s dive deeper into why UX design matters and the role of therapeutic colors and fonts in creating an effective user experience. <\/p>\n\n\n\n<p>Our team deeply understands the significance of color palettes and typography in creating impactful web or mobile app designs for psychologists and psychotherapists. Here&#8217;s an example of a <a href=\"https:\/\/theuistudio.com\/blog\/web-ui-ux-design-for-psychologists-in-toronto\/\">landing page<\/a> crafted specifically to meet their unique design needs.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>The Importance of UX in Therapeutic Applications<\/strong><\/h4>\n\n\n\n<p>User experience (UX) is more than just creating visually appealing interfaces; it\u2019s about ensuring that users feel comfortable, understood, and supported while interacting with an application. For a therapeutic app, this becomes even more critical as the design must foster a sense of calm and trust. A well designed UX ensures:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ease of Use<\/strong>: Users can intuitively navigate the app without frustration.<\/li>\n\n\n\n<li><strong>Emotional Connection<\/strong>: The design resonates with the user, creating a sense of relief or relaxation.<\/li>\n\n\n\n<li><strong>Sustained Engagement<\/strong>: A positive experience encourages users to return to the app and continue their journey.<\/li>\n<\/ul>\n\n\n\n<p>In the case of an AI voice chat application, therapeutic UX design can help users feel at ease when seeking help, guidance, or simply expressing their thoughts.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>What Are Therapeutic Colors?<\/strong><\/h4>\n\n\n\n<p>Therapeutic colors are shades and tones that evoke <strong>calmness, balance, and positivity<\/strong>. They are carefully chosen to influence mood and mental state, making them ideal for applications targeting wellness and mental health. Take a look at the color palette below we decided for this application.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Our Therapeutic Color Palette in Figma for Effective UX in AI Voice Chat App<\/h5>\n\n\n\n<p>Take a look at the therapeutic colors we selected and their significance.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Plum Purple<\/li>\n\n\n\n<li>Lavender Gray<\/li>\n\n\n\n<li>Soft Beige<\/li>\n\n\n\n<li>Sage Green<\/li>\n\n\n\n<li>Deep Forest Green<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"273\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/therapeutic-colors-for-mobile-app-UX-1024x273.jpg\" alt=\"therapeutic colors for mobile app UX\" class=\"wp-image-165\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/therapeutic-colors-for-mobile-app-UX-1024x273.jpg 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/therapeutic-colors-for-mobile-app-UX-300x80.jpg 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/therapeutic-colors-for-mobile-app-UX-768x205.jpg 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/therapeutic-colors-for-mobile-app-UX.jpg 1030w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Plum Purple: Inspiring Depth and Creativity<\/strong><\/p>\n\n\n\n<p>This rich tone evokes introspection and sophistication. It\u2019s perfect for highlighting key elements, adding elegance, and encouraging focus.<\/p>\n\n\n\n<p><strong>Lavender Gray: Balancing and Calming<\/strong><\/p>\n\n\n\n<p>A soft, muted blend that reduces stress and promotes balance. Ideal for backgrounds to create a serene and unobtrusive experience.<\/p>\n\n\n\n<p><strong>Soft Beige: Warm and Inviting<\/strong><\/p>\n\n\n\n<p>This natural tone fosters comfort and stability. It\u2019s used in foundational elements like login screens for a welcoming feel.<\/p>\n\n\n\n<p><strong>Sage Green: Refreshing and Harmonious<\/strong><\/p>\n\n\n\n<p>A soothing green that embodies growth and renewal. Accents like buttons and progress bars reflect calm action and positivity.<\/p>\n\n\n\n<p><strong>Deep Forest Green: Grounding and Trustworthy<\/strong><\/p>\n\n\n\n<p>A darker, earthy shade that conveys stability and trust. It anchors navigation and secondary elements, promoting focus and reliability.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What Are Therapeutic Fonts?<\/h4>\n\n\n\n<p>Therapeutic fonts are typefaces designed to enhance readability while creating a welcoming and non-intimidating atmosphere. The right font choice can make users feel more relaxed and encourage them to engage with the content. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Choosing Quicksand: A Therapeutic Font for Calmness and Approachability<\/h5>\n\n\n\n<p>Quicksand is a therapeutic-looking sans-serif typeface often used for a soft, modern, and approachable aesthetic. It features rounded edges and geometric shapes, which give it a calm and friendly appearance. It works well in UI\/UX design for apps and websites aiming for an inviting and soothing user experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Mobile-app-ui-Therapeutic-ux-1-1024x665.jpg\" alt=\"therapeutic font for better ux experience \" class=\"wp-image-171\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Mobile-app-ui-Therapeutic-ux-1-1024x665.jpg 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Mobile-app-ui-Therapeutic-ux-1-300x195.jpg 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Mobile-app-ui-Therapeutic-ux-1-768x499.jpg 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Mobile-app-ui-Therapeutic-ux-1.jpg 1512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">AI Voice Chat App Workflow<\/h3>\n\n\n\n<p>The AI Voice Chat application is designed to ensure a seamless user experience from sign-up to communication, providing a smooth transition through various stages. Here&#8217;s how the workflow flows from screen to screen:<\/p>\n\n\n\n<p><strong>Signup Page<\/strong><br>The user begins by signing up for the app. They can either create a new account or sign in using OAuth, which allows them to quickly log in with their existing credentials from other platforms like Google.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/sign-in-1024x683.png\" alt=\"ai voice chat app registration page design in figma\" class=\"wp-image-188\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/sign-in-1024x683.png 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/sign-in-300x200.png 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/sign-in-768x512.png 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/sign-in-1536x1024.png 1536w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/sign-in-2048x1365.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p id=\"login-page\"><strong>Login Page<\/strong><br>Once registered, users are directed to the login page where they enter their credentials. After successful login, they can proceed to the app&#8217;s main features.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/login-1024x683.png\" alt=\"login page UI design in figma for an ai voice chat app \" class=\"wp-image-187\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/login-1024x683.png 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/login-300x200.png 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/login-768x512.png 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/login-1536x1024.png 1536w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/login-2048x1365.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Talk to the App Screen<\/strong><br>After logging in, users are greeted by the &#8220;Talk to the App&#8221; screen. This is the primary interaction page where users can start a conversation with the app by speaking. It sets the tone for the app\u2019s voice-first communication.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-app-UI-UX-1024x665.jpg\" alt=\"talk to ai voice chat app screen ui design in figma \" class=\"wp-image-180\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-app-UI-UX-1024x665.jpg 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-app-UI-UX-300x195.jpg 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-app-UI-UX-768x499.jpg 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-mobile-app-UI-UX.jpg 1512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p id=\"applisteningspeaking\"><strong>Listening Mode Screen<\/strong><br>Once the user initiates a conversation, the app enters listening mode, where the app awaits the user&#8217;s input (voice or text). This mode visually shows the app is actively listening for the user&#8217;s query, giving feedback with animations or icons.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-6-1024x665.jpg\" alt=\"ai voice chat app listening screen design in figma \" class=\"wp-image-181\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-6-1024x665.jpg 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-6-300x195.jpg 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-6-768x499.jpg 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-6.jpg 1512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Response Screen<\/strong><br>After receiving the input, the app processes the request and provides a response on the response screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/response-1024x683.jpg\" alt=\"ai voice chat app response screen UI design in figma \" class=\"wp-image-185\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/response-1024x683.jpg 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/response-300x200.jpg 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/response-768x512.jpg 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/response-1536x1024.jpg 1536w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/response-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Communication\/Messaging History<\/strong><br>Users can view past interactions and messages on the communication history screen. This feature ensures users can easily refer to previous conversations, aiding in tracking progress or revisiting previous queries.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-5-1024x665.jpg\" alt=\"ai voice chat communication history screen design in figma\" class=\"wp-image-182\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-5-1024x665.jpg 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-5-300x195.jpg 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-5-768x499.jpg 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-5.jpg 1512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Contact Page<\/strong><br>If the user needs further assistance or wants to contact customer support, they can navigate to the contact page. Here, they can send inquiries or request help from support teams, ensuring they have a direct communication line (<a href=\"#applisteningspeaking\">see first image<\/a>).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-7-1024x665.jpg\" alt=\"ai voice chat app contact screen design in figma\" class=\"wp-image-183\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-7-1024x665.jpg 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-7-300x195.jpg 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-7-768x499.jpg 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/MacBook-Pro-14_-7.jpg 1512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This workflow ensures a seamless, intuitive user experience by guiding users through each stage in a logical and user friendly way, from signing up to interacting with the AI, while maintaining a therapeutic feel throughout the app.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-ux-app-design-figma-1024x665.jpg\" alt=\"\" class=\"wp-image-172\" srcset=\"https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-ux-app-design-figma-1024x665.jpg 1024w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-ux-app-design-figma-300x195.jpg 300w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-ux-app-design-figma-768x499.jpg 768w, https:\/\/theuistudio.com\/blog\/wp-content\/uploads\/2024\/12\/Therapeutic-ux-app-design-figma.jpg 1512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">FAQs<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Why is a Therapeutic AI Voice Chat App Important for Mental Health?<\/h3>\n\n\n\n<p>A therapeutic AI voice chat app provides accessible, empathetic support for <strong>mental health, helping users feel comfortable and safe<\/strong>. The design, created using Figma, enhances the experience with calming colors and soothing fonts, promoting mental well-being.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What Should Be Considered When Designing a Therapeutic AI Voice Chat App in Figma?<\/h3>\n\n\n\n<p>Designing such an app in Figma requires a focus on user comfort using <strong>calming colors, intuitive layouts, and therapeutic fonts<\/strong>. The goal is to create an interface that feels approachable and soothing while maintaining functionality and accessibility.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How Do Colors and Fonts Impact a Therapeutic AI Voice Chat App\u2019s UX?<\/h3>\n\n\n\n<p>Colors like sage green and lavender, paired with fonts like Quicksand, create a <strong>soothing atmosphere in the app<\/strong>. These design choices, crafted in Figma, play a key role in reducing stress and enhancing the user\u2019s experience, making the app feel both inviting and therapeutic.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"explore-our-ui-ux-work-and-connect-with-us\">Explore Our UI\/UX Work and Connect with Us<\/h2>\n\n\n\n<p>We believe in sharing our design journey and showcasing our projects across various platforms. You can explore our latest work, get inspired, or connect with us through the following links:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/www.behance.net\/theui_studio\" target=\"_blank\" rel=\"noreferrer noopener\">Behance<\/a>:<\/strong>&nbsp;Browse our portfolio for in-depth project showcases.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/www.instagram.com\/theui_studio\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram<\/a>:<\/strong>&nbsp;Stay updated with our latest designs and creative processes.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/www.linkedin.com\/company\/theui-studio\/\" target=\"_blank\" rel=\"noreferrer noopener\">LinkedIn<\/a>:<\/strong>&nbsp;Connect with us professionally and discover our industry expertise.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/theuistudio.com\/\">Website<\/a>:<\/strong>&nbsp;Visit our website for more about our services and offerings.<\/li>\n<\/ul>\n\n\n\n<p>Feel free to reach out and engage with us on any platform, or comment below here on the blog! We\u2019d love to hear from you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We had the privilege of working with a research-based psychotherapist in Toronto, Canada who approached The UI Studio for an [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":163,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"categories":[9,26],"tags":[],"class_list":["post-158","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-app-designs-in-figma","category-client-projects"],"_links":{"self":[{"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/posts\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":14,"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/posts\/158\/revisions"}],"predecessor-version":[{"id":610,"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/posts\/158\/revisions\/610"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/media\/163"}],"wp:attachment":[{"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/categories?post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theuistudio.com\/blog\/wp-json\/wp\/v2\/tags?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}