<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by CarolaHaro on Medium]]></title>
        <description><![CDATA[Stories by CarolaHaro on Medium]]></description>
        <link>https://medium.com/@carolina.harogc?source=rss-85c82d20a1a9------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*n2PXgZZWowaD1xB7i-OTzA.jpeg</url>
            <title>Stories by CarolaHaro on Medium</title>
            <link>https://medium.com/@carolina.harogc?source=rss-85c82d20a1a9------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sun, 15 Nov 2026 07:44:57 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@carolina.harogc/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[Designing for Equity: A Human-First Approach to Closing the Hiring Gap for Women in Tech]]></title>
            <link>https://medium.com/@carolina.harogc/designing-for-equity-a-human-first-approach-to-closing-the-hiring-gap-for-women-in-tech-c683c2f94233?source=rss-85c82d20a1a9------2</link>
            <guid isPermaLink="false">https://medium.com/p/c683c2f94233</guid>
            <category><![CDATA[product-design]]></category>
            <category><![CDATA[saas]]></category>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[branding]]></category>
            <category><![CDATA[women-in-tech]]></category>
            <dc:creator><![CDATA[CarolaHaro]]></dc:creator>
            <pubDate>Thu, 05 Feb 2026 16:37:32 GMT</pubDate>
            <atom:updated>2026-02-06T09:17:27.842Z</atom:updated>
            <content:encoded><![CDATA[<h3>UX/UI Case Study</h3><h3>Empowering recruiters and candidates through empathy-led research and intuitive design.</h3><figure><img alt="SHERDS Commercial Landing Page" src="https://cdn-images-1.medium.com/max/1024/1*HkIz71dlMZc-8NibLxjBWQ.png" /><figcaption>SHERDS Commercial Landing Page</figcaption></figure><p><strong>Project Overview: What is SHERDS?<br></strong>SHERDS is a SaaS recruitment platform designed to help European companies hire more female tech talent and close the gender gap in IT hiring. Over a two-week sprint, our team of three UX/UI Designers collaborated with stakeholders to create a landing page and an MVP prototype focused on the recruiter’s workflow. While my primary focus was leading the UI Design, I worked across the entire design thinking process to ensure the visual solutions were fully grounded in user research.</p><p><strong>Context: Market Research — Not Just Another Hiring Tool<br></strong>While platforms like Xena or Tech Ladies are great for community and mentorship, they often sit outside a recruiter’s daily workflow. Job boards like LinkedIn are too broad and generic, and their focus is not specifically on closing the gender hiring gap. Based on our extensive competitor research, we identified a clear opportunity for a central, self-serve tool. SHERDS is the platform companies need to discover pre-qualified talent, manage their pipeline, and track diversity metrics in one place.</p><p><strong>Designing for the User (Laura): Understanding Tech Recruiters<br></strong>To build a tool that recruiters actually use, we had to understand how does a recruiters day to day in Europe looks like. We focused our solution on Laura, a senior recruiter who is passionate about diversity but held back by inefficient tools.</p><figure><img alt="Laura — User Persona" src="https://cdn-images-1.medium.com/max/1000/1*XllL_r4Kw_TzEwDLb-bDIw.png" /></figure><figure><img alt="User Journey Map" src="https://cdn-images-1.medium.com/max/1000/1*TJf8pSx5qPRbY4_mdG-4Ig.png" /></figure><p>Although we decided to only focus on the recruiters perspective for this specific sprint, our research focused on the hiring experience as a whole. We interviewed 2 senior recruiters and two female candidates, additionally to surveys answered by HR professionals provided by our stake holder.</p><figure><img alt="User Interview Quotes" src="https://cdn-images-1.medium.com/max/1000/1*DF7L2gpTxgeLeZuJzIJkgA.png" /></figure><p>Our interviews revealed that recruiters are overwhelmed by volume; they don’t need more candidates, they need clarity to chose the right candidate faster and more efficiently. Consequently, the next two insights shaped the first iteration of our MVP Design.</p><ol><li><em>Inefficiency in Screening:</em> Recruiters found manual CV Screening slow and requested a “match percentage” feature to quickly see how well a candidate fits a job description.</li><li><em>Availability Issues:</em> Recruiters often reach out to candidates only to find they are no longer on the market. Specially in the tech industry, candidates tend to find a job faster.</li></ol><p><strong>UX Decisions: Design as a Solution<br></strong>We led a prioritization session to define our MVP. Using the <em>MoSCOW Method</em>, we filtered our research and interview insights to focus on what would most effectively solve the recruiter’s problems.</p><figure><img alt="Feature Prioritization Chart" src="https://cdn-images-1.medium.com/max/1000/1*p0KJ6d4ARggrgMX4mJdtww.png" /></figure><p>To reduce Laura’s cognitive load, we implemented:</p><ul><li><em>Percentage Matching</em>: An automated score showing how well a candidate fits technical requirements.</li><li><em>Live Availability Tags:</em> A visual status to prevent unnecessary outreach.</li></ul><figure><img alt="Candidate Card" src="https://cdn-images-1.medium.com/max/1000/1*RFfJAkZcSpTb77VmfVIGWA.png" /></figure><ul><li><em>Visual Priority:</em> On the dashboard, the “Post New Job” button highlighting the primary task.</li></ul><figure><img alt="Dashboard — New Job Post Button" src="https://cdn-images-1.medium.com/max/1000/1*r0JKlkRedVxS8JstYjuXmA.png" /></figure><p><strong>Visual Design and Design System: Branding Decisions Grounded in Research</strong><br>Our stakeholder provided us with a branding suggestion, but gave us the freedom to explore new ideas. Competitive research proved that bright color palettes were overused on similar platforms, leading to a lack of differentiation. Shifting to a calmer, cleaner blue and purple color scheme gave the brand the distinct voice it needed. With this vision in mind, we chose to:</p><ul><li>Keep purple as the primary color to reflect femininity and empowerment, (and continue with the prevalent color on our stake holder’s first branding suggestion).</li><li>Introduce blues/navy to signal technology and modernity.</li><li>Add warm accent tones to convey connection and energy.</li><li>Use gradients sparingly to add dynamism without compromising the clean, corporate look.</li></ul><figure><img alt="Stakeholders Branding Suggestion" src="https://cdn-images-1.medium.com/max/1000/1*ws8hNgdX6y3p_GcXy-nsVw.png" /></figure><figure><img alt="Brand Moodboard" src="https://cdn-images-1.medium.com/max/1000/1*7LVaF9ENipZyMaecNfTdLg.png" /></figure><figure><img alt="Colorchart &amp; Typography" src="https://cdn-images-1.medium.com/max/1000/1*LxxMHzSra8G_nbxfuwN5BA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*X8TUD8ioFd5Zc4vk46FVPg.png" /></figure><p>By introducing deep navy tones and warm accents, we created a visual language that feels sophisticated and tech forward. This ensures that the platform is taken seriously by every stakeholder while still reflecting one of SHERDS’ core mission of female empowerment.</p><p>We paired this visual direction with a clean typography system (Inter) and built a set of components (cards, buttons, tags) that support complex data visualization without overwhelming users.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*E8jFJd2nTgvJRA7Or2kP8A.png" /></figure><p><strong>Outcomes and Steps: What am I bringing moving forward?</strong><br>The depth behind this project came from our commitment to research and validation. We understood that the problem wasn’t simply about “hiring more women,” but about giving recruiters an efficient way to do so. We used design as a solution by testing iterations and identifying that recruiters need the right data at the right time.</p><p>My background in industrial design taught me that functional empathy means removing friction before the user even feels it. By introducing features like “<em>Percentage Matching</em>” and “<em>Availability Indicators</em>,” we reduced the recruiter’s cognitive load from the first contact to the candidates list, as well as reducing the stress of manually screening CV’s or the frustration of contacting a candidate that is no longer available for the job.</p><p>Another major milestone was modernizing the look of SHERDS brand. Moving away from mainstream industry colors created a distinct voice for the brand. The new look made the platform professional yet still felt welcoming to women in tech, all without leaving accessibility behind. Every UI decision, from the breadcrumb navigation in the Job Post Flow to the “Review and Confirm” screen, was taken to ensure the platform feels like a professional daily-use tool. I also ensured that every element (cards, tags, and text boxes) was consistent and scalable. By using Inter as the sole typeface and building a modular component library, I ensured the platform can grow while keeping the clean, uncluttered look we aimed to deliver.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F3WZYBJiOopE%3Ffeature%3Doembed&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D3WZYBJiOopE&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F3WZYBJiOopE%2Fhqdefault.jpg&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/48490c0dea8c2a0141d1a324c44b25f6/href">https://medium.com/media/48490c0dea8c2a0141d1a324c44b25f6/href</a></iframe><p><strong>What is next:</strong></p><ul><li>Create the Talent Path: Interviewing and empathizing with the female tech talent to ensure they feel as supported by the interface as the recruiters hiring them.</li><li>Expanding the Design System: Building out complex data visualization systems so users can easily identify the metrics relevant to them.</li><li><em>Closing the gender gap?:</em> (A girl can dream!)</li></ul><p><a href="https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExNmdpbWtzaWE4aHE4cndkbWs5cmRodmg4NDVjY2U0bmhybm1xcGEzYSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/M7oKkaur56EFO/giphy.gif">Miss Piggy Woman GIF - Find &amp; Share on GIPHY</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=c683c2f94233" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>