{"id":175,"date":"2026-03-10T14:35:52","date_gmt":"2026-03-10T14:35:52","guid":{"rendered":"https:\/\/thelittlebluedot.com\/portfolio\/sonus-vitae-inclusive-design-and-development\/"},"modified":"2026-03-21T16:15:36","modified_gmt":"2026-03-21T16:15:36","slug":"sonus-vitae-inclusive-design-and-development","status":"publish","type":"page","link":"https:\/\/thelittlebluedot.com\/portfolio\/sonus-vitae-inclusive-design-and-development\/","title":{"rendered":"Sonus Vitae &#8211; inclusive design and development"},"content":{"rendered":"<div class=\"alignwide-wrap\" data-block=\"group\">\n<div class=\"wp-block-group alignwide\" id=\"top\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide is-style-stacked-on-tablet\">\n<div class=\"wp-block-column\">\n<div class=\"wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-20be11b6 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-palette-1-background-color has-text-color has-background has-small-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/thelittlebluedot.com\/portfolio\/\" style=\"color:#fefefe\">\u2190 Back<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div><\/div>\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide is-style-stacked-on-tablet\">\n<div class=\"wp-block-column\" style=\"flex-basis:60%\">\n<h1 class=\"wp-block-heading\">Sonus Vitae \u2013 defining a therapy product<\/h1>\n\n\n\n<p class=\"has-large-font-size\"><strong>Sonus Vitae<\/strong> is a therapy practice developed from scratch, where I defined the product, brand, and digital experience end-to-end.<\/p>\n\n\n\n<p class=\"has-large-font-size\">Starting with no audience, positioning, or content, I translated a complex therapy into a clear, accessible offering and delivered a production-ready website designed to support understanding, trust, and conversion.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:15%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-style-default has-very-light-gray-to-cyan-bluish-gray-gradient-background has-background\" style=\"flex-basis:25%\">\n<p><strong>Role<\/strong><br>Product Designer, Design Engineer<\/p>\n\n\n\n<p><strong>Focus<\/strong><br>Product definition, UX strategy, accessibility, end-to-end delivery<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:17px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-full is-style-padding-right\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"752\" src=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations.jpg\" alt=\"The part of website design with the marked annotations such as landmarks, headings, links in Figma\" class=\"wp-image-291\" srcset=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations.jpg 1200w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations-300x188.jpg 300w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations-1024x642.jpg 1024w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations-768x481.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<div style=\"height:58px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column\">\n<h2 class=\"wp-block-heading\" style=\"border-left-color:var(--wp--preset--color--palette-1);border-left-style:solid;border-left-width:5px;padding-top:0;padding-left:var(--wp--preset--spacing--20)\">CONTEXT<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p>The client, a newly certified practitioner, needed to establish a viable business.<\/p>\n\n\n\n<p>There was no defined audience, unclear positioning, and a therapy that is not widely understood, making trust and clarity critical to adoption.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column\">\n<h2 class=\"wp-block-heading\" style=\"border-left-color:var(--wp--preset--color--palette-1);border-left-style:solid;border-left-width:5px;padding-top:0;padding-left:var(--wp--preset--spacing--20)\">PROBLEM<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p>The core challenge was to turn a complex and unfamiliar therapy into a clear, trustworthy product that people could understand and act on.<\/p>\n\n\n\n<p>This required:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Defining<\/strong> target segments without prior market validation.<\/li>\n\n\n\n<li><strong>Structuring<\/strong> information to reduce cognitive load.<\/li>\n\n\n\n<li><strong>Building<\/strong> credibility for a non-mainstream therapy.<\/li>\n\n\n\n<li><strong>Ensuring<\/strong> accessibility for a broad and potentially vulnerable audience.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column\">\n<h2 class=\"wp-block-heading\" style=\"border-left-color:var(--wp--preset--color--palette-1);border-left-style:solid;border-left-width:5px;padding-top:0;padding-left:var(--wp--preset--spacing--20)\">SOLUTION<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<h3 class=\"wp-block-heading\">Research &amp; Product Definition<\/h3>\n\n\n\n<p>I used market and domain research, combined with the client\u2019s experience, to define a clear product direction.<\/p>\n\n\n\n<p>I identified two key segments:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pregnant women<\/strong> and <strong>parents\/mothers<\/strong>, as the primary audience with the highest need and emotional motivation.<\/li>\n\n\n\n<li><strong>Adults<\/strong>, as a secondary audience with broader but less urgent use cases.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Information Architecture &amp; UX<\/h3>\n\n\n\n<p>I structured the experience to guide users from awareness to action:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Clear entry points<\/strong> based on user type.<\/li>\n\n\n\n<li><strong>Progressive disclosure<\/strong> of complex information.<\/li>\n\n\n\n<li><strong>Strong emphasis<\/strong> on \u201cWhat is this?\u201d and \u201cHow does it help me?\u201d.<\/li>\n<\/ul>\n\n\n\n<p>The goal was to reduce uncertainty and support decision-making quickly.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column is-vertically-aligned-center responsive-order-two\"><div class=\"wp-block-image\">\n<figure class=\"align-horizontal-wrap alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"226\" src=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/sonus-vitae-logo.svg\" alt=\"Logo featuring a stylized ear and brain inside in the gradient from warm pink to soft plum. Text near the symbol says: Sonus Vitae audio-psycho-phonology.\" class=\"wp-image-192\" style=\"width:400px\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"align-horizontal-wrap alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1986\" height=\"837\" src=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/colour-palette-sonus-vitae-good-resolution.png\" alt=\"Colour palette shown as six rectangles, top left dusty pink, top center soft blush, top right muted brown, bottom left deep rose, bottom center light pink, and bottom right dark plum brown.\" class=\"wp-image-218\" style=\"width:540px\" srcset=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/colour-palette-sonus-vitae-good-resolution.png 1986w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/colour-palette-sonus-vitae-good-resolution-300x126.png 300w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/colour-palette-sonus-vitae-good-resolution-1024x432.png 1024w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/colour-palette-sonus-vitae-good-resolution-768x324.png 768w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/colour-palette-sonus-vitae-good-resolution-1536x647.png 1536w\" sizes=\"auto, (max-width: 1986px) 100vw, 1986px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center responsive-oder-one\">\n<h3 class=\"wp-block-heading\">Branding<\/h3>\n\n\n\n<p>The brand was designed to communicate care, trust, and transformation, while making a relatively unknown therapy feel approachable and safe.<\/p>\n\n\n\n<p>The <strong>logo<\/strong> combines the outline of an ear and a brain, representing the connection between listening and cognitive development, the foundation of the therapy.<\/p>\n\n\n\n<p>The form is intentionally simple and soft, avoiding a clinical or overly technical feel while remaining distinctive and recognizable.<\/p>\n\n\n\n<p>The <strong>name<\/strong> <em>Sonus Vitae<\/em> (\u201csound of life\u201d) reinforces the core principle of the therapy, using sound as a pathway to development and wellbeing.<\/p>\n\n\n\n<p>A Latin name was chosen to create a universal and location-independent identity, supporting the client\u2019s ability to operate across different countries.<\/p>\n\n\n\n<p>The <strong>visual identity<\/strong> uses a soft, warm colour palette to signal safety, empathy, and emotional support.<\/p>\n\n\n\n<p>Deeper tones introduce contrast and stability, helping balance warmth with credibility.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column is-vertically-aligned-top\"><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top\">\n<h3 class=\"wp-block-heading\">Digital product<\/h3>\n\n\n\n<p>I designed and built a responsive website as the primary product touchpoint.<\/p>\n\n\n\n<p>It balances education and conversion, helping users understand the therapy while guiding them toward contact and engagement.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column is-vertically-aligned-top responsive-order-two\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d5b6f21382a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d5b6f21382a\" class=\"wp-block-image size-full is-resized wp-lightbox-container\" style=\"margin-top:0.34rem;margin-bottom:var(--wp--preset--spacing--20)\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"441\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/sonus-vitae-content-strategy.jpg\" alt=\"Sonus Vitae homepage hero section showing a woman with two children outdoors, overlaid with the text \u201cSupporting children and families through listening therapy,\u201d navigation menu at top, and a subtle ear and brain graphic on the right.\" class=\"wp-image-284\" style=\"width:580px\" srcset=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/sonus-vitae-content-strategy.jpg 800w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/sonus-vitae-content-strategy-300x165.jpg 300w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/sonus-vitae-content-strategy-768x423.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top responsive-order-one\">\n<h4 class=\"wp-block-heading\">Content strategy<\/h4>\n\n\n\n<p>The content strategy focused on making a complex therapy understandable in seconds.<\/p>\n\n\n\n<p>I simplified terminology, removed jargon, and structured content around user questions rather than clinical explanations.<\/p>\n\n\n\n<p>The tone was intentionally personal and conversational to build trust with parents.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column is-vertically-aligned-top responsive-order-two\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d5b6f21409a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d5b6f21409a\" class=\"wp-block-image size-full is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"752\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations.jpg\" alt=\"The part of website design with the marked annotations such as landmarks, headings, links in Figma\" class=\"wp-image-291\" style=\"width:580px\" srcset=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations.jpg 1200w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations-300x188.jpg 300w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations-1024x642.jpg 1024w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/annotations-768x481.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d5b6f214737&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d5b6f214737\" class=\"wp-block-image size-full is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"681\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/outcome.jpg\" alt=\"Section titled \u201cWho can benefit?\u201d presenting three groups: pregnant women, children, and adults, each with a short description of therapy benefits and a \u201cLearn more\u201d button.\" class=\"wp-image-297\" style=\"width:580px\" srcset=\"https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/outcome.jpg 1200w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/outcome-300x170.jpg 300w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/outcome-1024x581.jpg 1024w, https:\/\/thelittlebluedot.com\/portfolio\/wp-content\/uploads\/2026\/03\/outcome-768x436.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top responsive-order-one\">\n<h4 class=\"wp-block-heading\">Design and engineering<\/h4>\n\n\n\n<p>I implemented the product using WordPress, balancing flexibility for the client with performance and accessibility.<\/p>\n\n\n\n<p><strong>Accessibility<\/strong> was treated as a core product requirement, not an afterthought:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Semantic structure<\/strong> and clear navigation for screen readers.<\/li>\n\n\n\n<li>Full <strong>keyboard<\/strong> operability.<\/li>\n\n\n\n<li>Accessible <strong>color contrast<\/strong> and non-color-based communication.<\/li>\n<\/ul>\n\n\n\n<p>I validated the experience through automated and manual testing, ensuring it works across assistive technologies.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Outcome<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Transformed <\/strong>an undefined idea into a structured, ready-to-launch product.<\/li>\n\n\n\n<li><strong>Established<\/strong> clear audience segmentation and messaging strategy.<\/li>\n\n\n\n<li><strong>Delivered<\/strong> an accessible, maintainable website ready for production.<\/li>\n\n\n\n<li><strong>Provided<\/strong> the client with the tools and clarity to independently operate and grow the business.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column\">\n<h2 class=\"wp-block-heading\" style=\"border-left-color:var(--wp--preset--color--palette-1);border-left-style:solid;border-left-width:5px;padding-top:0;padding-left:var(--wp--preset--spacing--20);text-transform:uppercase\">Role, Tools &amp; technical skills<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p>I worked independently across product definition, design, and implementation.<\/p>\n\n\n\n<p><strong>Tools and technical skills<\/strong>: Figma, GitHub Annotation Toolkit, WordPress, HTML5, CSS3, manual (keyboard, VoiceOver) and automated (axe DevTools, WAVE) accessibility testing.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column\">\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-right is-style-uppercase has-palette-1-color has-text-color has-link-color wp-elements-1566d590796b49291b57800f843f116c\"><strong><a href=\"#top\">Back to top<\/a><\/strong><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<div class=\"entry-summary\">\n<p>\n\t<a href=\"https:\/\/webmandesign.github.io\/docs\/michelle\/#posts-excerpt\">This is a page\/post excerpt text.<\/a><br \/>\n\tLorem dolor sit amet adipiscing elit gravida, enim curabitur sagittis magna molestie rutrum nostra viverra.\n<\/p>\n<\/div>\n<div class=\"link-more-container\"><a href=\"https:\/\/thelittlebluedot.com\/portfolio\/sonus-vitae-inclusive-design-and-development\/\" class=\"link-more\" aria-label=\"Continue reading Sonus Vitae &#8211; inclusive design and development\">Continue reading&hellip;<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/no-intro-content-only.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-175","page","type-page","status-publish","hentry","entry","entry-type-page"],"_links":{"self":[{"href":"https:\/\/thelittlebluedot.com\/portfolio\/wp-json\/wp\/v2\/pages\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thelittlebluedot.com\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thelittlebluedot.com\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thelittlebluedot.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thelittlebluedot.com\/portfolio\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":110,"href":"https:\/\/thelittlebluedot.com\/portfolio\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/thelittlebluedot.com\/portfolio\/wp-json\/wp\/v2\/pages\/175\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/thelittlebluedot.com\/portfolio\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}