https://gabimechaber.com Gabi Mechaber Fri, 13 Feb 2026 20:07:00 +0000 https://gabimechaber.com en https://gabimechaber.com/index Wed, 22 Jun 2022 19:59:05 +0000 Gabi Mechaber https://gabimechaber.com/index I'm an empathic designer committed to social impact work, aiming to create thoughtful solutions that amplify voices and inspire meaningful change for diverse audiences. https://gabimechaber.com/Environmental-Philanthropy Tue, 31 Dec 2024 01:26:42 +0000 Gabi Mechaber https://gabimechaber.com/Environmental-Philanthropy Environmental Philanthropy Branding, Web Design THE CLIENT The Campbell Foundation (TCF) is a family foundation that believes in strategic infusions of funding. It was established in&nbsp;1998 to improve the conditions of America’s largest and most ecologically diverse estuary systems: the Chesapeake and Atlantic Coastal Bays. In response to a call for improved practices in philanthropy, they offer a broad range of grants. In 2025, they provided more than $28 million in grants to organizations focused on enabling vibrant, livable communities in watershed regions. PROJECT GOALSTCF was needing a full rebrand and robust website redesign. Their existing brand felt too closely tied to the environment and their website was extremely outdated and hard to navigate.&nbsp;They had begun to expand the scope of their philanthropic efforts to organizations focusing on topics beyond environmental issues and wanted their brand to align with their new focus.MY ROLEAs lead designer for this project, I began by leading the TCF team in multiple workshops, creating a brand identity, moodboards and concepts, to understand their needs for the rebrand. In collaboration with the TCF team, we decided to move forward with a wordmark logo that would lend itself to evolve with the organization’s portfolio over time. I created multiple iterations of the wordmark exploring different font configurations that felt organic and authentic to TCF’s voice.&nbsp; Once the brand was finalized, we moved into the website visual design phase, where I connected the new brand to the existing web materials the Friendly team had created. I outlined the full brand in a comprehensive brand guide. THE WORK The logo features a bold sans serif typeface with unique details that feel contemporary and tie into the organic shapes used throughout the brand. The article “the” appears in slab serif typeface that adds a colorful visual element and adds a playful voice to the wordmark.&nbsp; The extended brand is light and dynamic, taking inspiration from natural forms found in the environment. Thin line drawings supplement the blob-like forms to add an element of movement. The palette is colorful yet sophisticated, establishing TCF as a credible source of funding that shows genuine care for their grantees and stakeholders.&nbsp; View the full site ClientThe Campbell Foundation Year2025 Friendly Design Project Team Gabi Mechaber, Design LeadAlyssa Anduiza, Interactive DesignerHannah Karl, Brand Design DirectorAlicia Schreder and Erin Lisette, Project ManagersRoss Nover, Creative DirectorEmmily Peterson and Canic Interactive, Developers <img width="6668" height="2550" width_o="6668" height_o="2550" data-src="https://freight.cargo.site/t/original/i/276819cbe656833cb57837418701c71c9a079b6402c460558cf1922e67c7dfb5/Cargo-Campbell-Materials-logohero.jpg" data-mid="244805998" border="0" src="https://freight.cargo.site/w/1000/i/276819cbe656833cb57837418701c71c9a079b6402c460558cf1922e67c7dfb5/Cargo-Campbell-Materials-logohero.jpg" /><img width="2616" height="1744" width_o="2616" height_o="1744" data-src="https://freight.cargo.site/t/original/i/1146577f3fd1af2420e4cdae9b82d8d98f4c76d9c7cd3a58ff989399c5939f6a/CGAP-laptop-mockup.jpg" data-mid="244806465" border="0" src="https://freight.cargo.site/w/1000/i/1146577f3fd1af2420e4cdae9b82d8d98f4c76d9c7cd3a58ff989399c5939f6a/CGAP-laptop-mockup.jpg" /><img width="1600" height="4053" width_o="1600" height_o="4053" data-src="https://freight.cargo.site/t/original/i/f9bcdc5abe32facb1d781e39e414023d24a9d9058ebf8d333f1d0239322dcaae/Cargo-Campbell-Materials-HPmockup.png" data-mid="244862281" border="0" src="https://freight.cargo.site/w/1000/i/f9bcdc5abe32facb1d781e39e414023d24a9d9058ebf8d333f1d0239322dcaae/Cargo-Campbell-Materials-HPmockup.png" /> <img width="2880" height="5178" width_o="2880" height_o="5178" data-src="https://freight.cargo.site/t/original/i/d3a55dde252b50a74559a343d06582e1c2fec798e08628d0f3431c4e7b55838b/screencapture-campbellfoundation-org-programs-2026-02-13-15_21_56.png" data-mid="244806320" border="0" src="https://freight.cargo.site/w/1000/i/d3a55dde252b50a74559a343d06582e1c2fec798e08628d0f3431c4e7b55838b/screencapture-campbellfoundation-org-programs-2026-02-13-15_21_56.png" /> <img width="2880" height="4170" width_o="2880" height_o="4170" data-src="https://freight.cargo.site/t/original/i/5e39cc7f529f05ef36bdbf779d266b731e4e149797cfa1faf2341e6b8f458ce6/screencapture-campbellfoundation-org-programs-water-management-2026-02-13-15_26_06.png" data-mid="244806475" border="0" src="https://freight.cargo.site/w/1000/i/5e39cc7f529f05ef36bdbf779d266b731e4e149797cfa1faf2341e6b8f458ce6/screencapture-campbellfoundation-org-programs-water-management-2026-02-13-15_26_06.png" /> https://gabimechaber.com/The-Global-Voice-of-Midwives Mon, 02 Sep 2024 16:46:55 +0000 Gabi Mechaber https://gabimechaber.com/The-Global-Voice-of-Midwives The Global Voice of Midwives Branding, Web Design THE CLIENT The International Confederation of Midwives (ICM) has been the global voice of midwives and midwives’ associations for more than 100 years. The midwifery model of care is based on respect, dignity, compassion, and the promotion of human rights for all. This includes the right to access quality care from autonomous midwives. Midwives have a broad role in providing universal sexual reproductive health service according to the ICM Definition and Scope of Practice of a Midwife. PROJECT GOALS ICM needed a new, evolved brand and website to reflect the energy, compassion, and diversity of their global midwives associations. They sought to establish their credibility as the main authorities on midwifery while providing midwives access to educational resources and connection with their wider community via a member portal. The Friendly team partnered with ICM to build an accessible, resource-rich website to support midwives in nearly every country. MY ROLEAs the design lead for this project, I was involved in every stage from conception through launch. I led discovery workshops as well as strategy calls finalizing the sitemap and wireframes. The client then tasked us with a full brand project. I created multiple rounds of logo concepts until we landed on our final logo and created a full brand guide. The logo represents and highlights the model of care between a midwife and a birthing person, with the newborn baby at the center. The project then moved into visual design, where I connected the new brand to the existing web materials we had created. THE WORK The new website now features a robust research library highlighting the extensive resources ICM has created for their community. The inclusive online hub also includes contrast modes, image variants, and language options that make it easy to engage with critical resources. This project was honored with a Gold Anthem Award and a Community Voice Award in the 4th Annual Anthem Awards. View the full site ClientInternational Confederation of Midwives (ICM) Year2024 Friendly Design Project Team Gabi Mechaber, Design LeadAlicia Schreder, Project ManagerRoss Nover, Creative DirectorIan Hamilton and Kyle Conrad, Developers <img width="1600" height="612" width_o="1600" height_o="612" data-src="https://freight.cargo.site/t/original/i/1f7d59b8d978cbdbecc60e2e492c21071f00c8b3862704994a66c5a369614b21/Cargo-ICM-LogoHero.png" data-mid="221426810" border="0" src="https://freight.cargo.site/w/1000/i/1f7d59b8d978cbdbecc60e2e492c21071f00c8b3862704994a66c5a369614b21/Cargo-ICM-LogoHero.png" /><img width="2616" height="1744" width_o="2616" height_o="1744" data-src="https://freight.cargo.site/t/original/i/f8e08e9f0eefb854dcd0800c7268f659c6d532920447ea5003f46995697ceadc/ICM-laptop-mockup.png" data-mid="223608522" border="0" src="https://freight.cargo.site/w/1000/i/f8e08e9f0eefb854dcd0800c7268f659c6d532920447ea5003f46995697ceadc/ICM-laptop-mockup.png" /> <img width="1600" height="4095" width_o="1600" height_o="4095" data-src="https://freight.cargo.site/t/original/i/47e88e7727022b5bb3a0e1d7d229f5e0ae95429cab1c8a064fdc00e1e3bbb550/Cargo-ICM-webmockup.png" data-mid="221426818" border="0" src="https://freight.cargo.site/w/1000/i/47e88e7727022b5bb3a0e1d7d229f5e0ae95429cab1c8a064fdc00e1e3bbb550/Cargo-ICM-webmockup.png" /> <img width="1600" height="729" width_o="1600" height_o="729" data-src="https://freight.cargo.site/t/original/i/9073165999016cdf2591dde11f571c38c6a05a4ace1540e09d097d3596fa6719/Cargo-ICM-regionallogos.png" data-mid="221426827" border="0" src="https://freight.cargo.site/w/1000/i/9073165999016cdf2591dde11f571c38c6a05a4ace1540e09d097d3596fa6719/Cargo-ICM-regionallogos.png" />Part of the brand process extended to creating additional logos representing all of the regions ICM operates in. <img width="1600" height="612" width_o="1600" height_o="612" data-src="https://freight.cargo.site/t/original/i/6cf3a1d6a088a9d1c12b0b2dce33bc887d73ab95c66009ea0a2a5a7e250ee8f8/Cargo-ICM-illustrations.png" data-mid="221426820" border="0" src="https://freight.cargo.site/w/1000/i/6cf3a1d6a088a9d1c12b0b2dce33bc887d73ab95c66009ea0a2a5a7e250ee8f8/Cargo-ICM-illustrations.png" />I worked with ICM to create bespoke illustrations used throughout the brand and on the site. <img width="1600" height="459" width_o="1600" height_o="459" data-src="https://freight.cargo.site/t/original/i/9265fefeb3ebb56f0b259da26c042fc1fd185165244924db15fa808c3e5b7dfd/ICM-AccessibilityMockup.png" data-mid="221426952" border="0" src="https://freight.cargo.site/w/1000/i/9265fefeb3ebb56f0b259da26c042fc1fd185165244924db15fa808c3e5b7dfd/ICM-AccessibilityMockup.png" />The site features a custom accessibility bar, allowing the user to adjust text sizing and contrast levels. <img width="3200" height="2340" width_o="3200" height_o="2340" data-src="https://freight.cargo.site/t/original/i/b35fca726f41990c888ee6a25af30bbd18db81ebc4474f605f8eb3b1fa67b1e8/ICM-wireframes.png" data-mid="223748881" border="0" src="https://freight.cargo.site/w/1000/i/b35fca726f41990c888ee6a25af30bbd18db81ebc4474f605f8eb3b1fa67b1e8/ICM-wireframes.png" />Wireframes were created to guide the structure and layout of the site, highlighting ICM’s extensive resource content making. It was important to keep information clear and easily searchable for ICM members with limited internet access and technological knowledge. <img width="1800" height="2781" width_o="1800" height_o="2781" data-src="https://freight.cargo.site/t/original/i/48e50fbaf8d47ec77f7c4b54330b37601207e4b4663e2f241c7a9087882b2f7b/ICM-Resourcepage-Mockup.png" data-mid="223550145" border="0" src="https://freight.cargo.site/w/1000/i/48e50fbaf8d47ec77f7c4b54330b37601207e4b4663e2f241c7a9087882b2f7b/ICM-Resourcepage-Mockup.png" /> <img width="1800" height="2835" width_o="1800" height_o="2835" data-src="https://freight.cargo.site/t/original/i/3704fddcb7708828832ddf4f0eac7db9c0298c9e87dd5a59b530860f2bf2d1b9/ICM-PhilsophyResources-Mockuo.png" data-mid="223552302" border="0" src="https://freight.cargo.site/w/1000/i/3704fddcb7708828832ddf4f0eac7db9c0298c9e87dd5a59b530860f2bf2d1b9/ICM-PhilsophyResources-Mockuo.png" /> <img width="1800" height="2295" width_o="1800" height_o="2295" data-src="https://freight.cargo.site/t/original/i/f805ce24af27fb3c1c0171b483644160542e8399800a078d0703f861750764f3/ICM-Member-Page.png" data-mid="223552474" border="0" src="https://freight.cargo.site/w/1000/i/f805ce24af27fb3c1c0171b483644160542e8399800a078d0703f861750764f3/ICM-Member-Page.png" /> <img width="1797" height="2427" width_o="1797" height_o="2427" data-src="https://freight.cargo.site/t/original/i/c7b7bf79b03cb7181de5eaa11ada982be39582cf410765987327ef7b53a9f098/ICM-Map-Page.png" data-mid="223552492" border="0" src="https://freight.cargo.site/w/1000/i/c7b7bf79b03cb7181de5eaa11ada982be39582cf410765987327ef7b53a9f098/ICM-Map-Page.png" /> https://gabimechaber.com/Building-a-Brighter-Digital-Future Tue, 31 Dec 2024 01:17:51 +0000 Gabi Mechaber https://gabimechaber.com/Building-a-Brighter-Digital-Future Building a Brighter Digital Future Branding, Web Design THE CLIENT The National Digital Inclusion Alliance (NDIA) advances digital equity by supporting community programs and equipping policymakers to act. NDIA combines grassroots community engagement with technical knowledge, research, and coalition building to advocate on behalf of people working in their communities for digital equity.PROJECT GOALS The goal of this project was to revitalize NDIA’s brand and website to better reflect the growth and professionalism of the organization since its beginnings as a largely grassroots organization. The Friendly team partnered with NDIA to create a modern, inclusive, and accessible brand and website that would resonate with their stakeholders, including policy makers, community leaders, and individuals impacted by the digital divide. The overarching intention for this project was to ensure the brand felt human and genuine, centering the community of people that NDIA serves.&nbsp;MY ROLE As lead brand designer for this project, I led the NDIA team in workshops presenting moodboards and brand concepts to better understand the scope of the rebrand. It was important to the NDIA team to retain the wifi element in their logo as that largely encompasses their work in digital inclusion. The logo iterations focused on different ways to incorporate the essence of the wifi symbol while still feeling unique and centering accessibility. Once the brand was finalized, we moved into the visual design phase, where I connected the new brand to the existing web materials the Friendly team had created. I outlined the full brand in a comprehensive brand guide. THE WORK The logo includes the wifi symbol growing out of the tiddle of the “i,” symbolizing the expansive NDIA community and subtly representing a human form. The extended brand features digital pathways in three strokes that act as an extension of the wifi symbol. They connect and frame website content, illustrating the interconnectedness of the NDIA community and the people they serve.&nbsp; The color and type choices reflect an evolution of the NDIA brand. The NDIA teal was an important color choice to retain in the brand as many stakeholders began to associate the organization with that shade. We built a cohesive palette around the teal, with orange and purple hues, that feels both modern and professional. The typography is readable in multiple bold sans serifs typefaces, while still feeling human through small details in the “NDIA” acronym that we edited to feel custom to NDIA. View the full site ClientNational Digital Inclusion Alliance (NDIA) Year2025 Friendly Design Project Team Gabi Mechaber, Design Lead Alyssa Anduiza, Interactive Designer Hannah Karl, Brand Design DirectorAlicia Schreder, Project ManagerRoss Nover, Creative DirectorEddy Ficklin and Reavens Fenelon, Developers <img width="1600" height="612" width_o="1600" height_o="612" data-src="https://freight.cargo.site/t/original/i/8fc479df1035ea24f816159c4c4e607003e02a12ed76640af775c651b7247f45/NDIA-Logo-hero.png" data-mid="224111359" border="0" src="https://freight.cargo.site/w/1000/i/8fc479df1035ea24f816159c4c4e607003e02a12ed76640af775c651b7247f45/NDIA-Logo-hero.png" /><img width="2616" height="1744" width_o="2616" height_o="1744" data-src="https://freight.cargo.site/t/original/i/f690274de6a88d5c560616897028ccea5357f7119703b805e0141420fe5ebc19/NDIA-laptop-mockup.png" data-mid="224111596" border="0" src="https://freight.cargo.site/w/1000/i/f690274de6a88d5c560616897028ccea5357f7119703b805e0141420fe5ebc19/NDIA-laptop-mockup.png" /><img width="2164" height="8192" width_o="2164" height_o="8192" data-src="https://freight.cargo.site/t/original/i/04bc5442a290c9cd0628c3225730b6d8744d96c43ea5f1bb08d62b1af62171cd/NDIA-Cargo-HP-mockup.png" data-mid="224111736" border="0" src="https://freight.cargo.site/w/1000/i/04bc5442a290c9cd0628c3225730b6d8744d96c43ea5f1bb08d62b1af62171cd/NDIA-Cargo-HP-mockup.png" /> <img width="1600" height="777" width_o="1600" height_o="777" data-src="https://freight.cargo.site/t/original/i/36d3dabdea6b71a14c491811b39ac2d503d0c91d6201e6c9bf29cf3e397e283c/NDIA-Cargo-Tagline.png" data-mid="224247550" border="0" src="https://freight.cargo.site/w/1000/i/36d3dabdea6b71a14c491811b39ac2d503d0c91d6201e6c9bf29cf3e397e283c/NDIA-Cargo-Tagline.png" /> The extended brand features digital pathways in three strokes that act as an extension of the wifi symbol. They connect and frame website content, illustrating the interconnectedness of the NDIA community and the people they serve. <img width="2501" height="8168" width_o="2501" height_o="8168" data-src="https://freight.cargo.site/t/original/i/273234d14575802febe12745ee2abcb2fe7277191f32a7b3ae571cf141fd2068/NDIA-Cargo-GetStartedmockup.jpg" data-mid="244862472" border="0" src="https://freight.cargo.site/w/1000/i/273234d14575802febe12745ee2abcb2fe7277191f32a7b3ae571cf141fd2068/NDIA-Cargo-GetStartedmockup.jpg" /> <img width="1200" height="4324" width_o="1200" height_o="4324" data-src="https://freight.cargo.site/t/original/i/71c47c0a1308ec069d97c46b28f6d93e82297e26298856ed8d7cd17f49398276/NDIA-Cargo-Resourcesmockup.png" data-mid="224248646" border="0" src="https://freight.cargo.site/w/1000/i/71c47c0a1308ec069d97c46b28f6d93e82297e26298856ed8d7cd17f49398276/NDIA-Cargo-Resourcesmockup.png" /> <img width="1200" height="5148" width_o="1200" height_o="5148" data-src="https://freight.cargo.site/t/original/i/e26cacfc959ba2e725ff157e17879ba2c779d0781a409b3926f1fc7b338d3edf/NDIA-Cargo-DigitalInclusion-mockup.png" data-mid="224248654" border="0" src="https://freight.cargo.site/w/1000/i/e26cacfc959ba2e725ff157e17879ba2c779d0781a409b3926f1fc7b338d3edf/NDIA-Cargo-DigitalInclusion-mockup.png" /> <img width="1200" height="4884" width_o="1200" height_o="4884" data-src="https://freight.cargo.site/t/original/i/211cc7f56a701f3ba7216fe27ef347427271728688117f49d379a6def14a5113/NDIA-Cargo-DigitalNavigator-mockup.png" data-mid="224248720" border="0" src="https://freight.cargo.site/w/1000/i/211cc7f56a701f3ba7216fe27ef347427271728688117f49d379a6def14a5113/NDIA-Cargo-DigitalNavigator-mockup.png" /> https://gabimechaber.com/Biochar-Fixes-Carbon Mon, 02 Sep 2024 19:34:00 +0000 Gabi Mechaber https://gabimechaber.com/Biochar-Fixes-Carbon Biochar Fixes Carbon Web Design THE CLIENT The International Biochar Initiative (IBI) provides a platform for fostering stakeholder collaboration, good industry practices, and environmental and ethical standards to support biochar systems that are safe and economically viable. PROJECT GOALS IBI sought to create a modernized website. Their previous site was outdated and overwhelming in content. The Friendly team worked to rebrand IBI and utilized the new brand in the new site design, with better organization and a contemporary feel. MY ROLEAs the web designer for this project, my main goal was to distill the old and abundant information into digestible pieces, while maintaining the wealth of information and resources. Through sitemapping and wireframing we landed on a clear hierarchy of information with user-friendly navigation.Design-wise, I achieved the primary objective to translate the newly developed brand into a functioning, interactive website. Inspired by the organic pattern created in the brand and logomark, rounded UI elements and pops of color added a modern touch. THE WORKThe brand, as well as the website, brings the technical and the organic together. The site uses the graphic motif that visually represents the chemical compound of biochar as a flexible visual element framing content and images. View the full site Client International Biochar Initiative (IBI) Year2024 Friendly Design Project TeamGabi Mechaber, Web DesignerHannah Karl, Brand Designer Alicia Schreder, Project ManagerRoss Nover, Creative DirectorIan Hamilton &amp; Eddy Ficklin, Developers <img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/bc8e74dd51c933936662ce423b6b6574b48bdd61e75a11c8e9dfb82e7db6bdcf/IBI-laptop-mockup.png" data-mid="223608744" border="0" src="https://freight.cargo.site/w/1000/i/bc8e74dd51c933936662ce423b6b6574b48bdd61e75a11c8e9dfb82e7db6bdcf/IBI-laptop-mockup.png" /> <img width="1600" height="4585" width_o="1600" height_o="4585" data-src="https://freight.cargo.site/t/original/i/1d34c69da21f3b12916080176f982bba7d48dae8be5471b141542cbf2dbe9472/IBI-Homepage-Mockup.png" data-mid="221438132" border="0" src="https://freight.cargo.site/w/1000/i/1d34c69da21f3b12916080176f982bba7d48dae8be5471b141542cbf2dbe9472/IBI-Homepage-Mockup.png" /> <img width="3200" height="1954" width_o="3200" height_o="1954" data-src="https://freight.cargo.site/t/original/i/a285f32d14d28b47cea1a919db2c12b9983bee5dce7e34158079ed2772148c15/Cargo-IBI-wireframes.png" data-mid="223749550" border="0" src="https://freight.cargo.site/w/1000/i/a285f32d14d28b47cea1a919db2c12b9983bee5dce7e34158079ed2772148c15/Cargo-IBI-wireframes.png" />Wireframes were created to guide the structure and layout of the site content, streamlining IBI content into digestible, modular pieces. <img width="1800" height="2547" width_o="1800" height_o="2547" data-src="https://freight.cargo.site/t/original/i/a73c30b9da799e395077f5096e69f11674d3beff47ed0e6370e1e132f45702ac/IBI-Events-Mockup2.png" data-mid="223552528" border="0" src="https://freight.cargo.site/w/1000/i/a73c30b9da799e395077f5096e69f11674d3beff47ed0e6370e1e132f45702ac/IBI-Events-Mockup2.png" /> <img width="1800" height="2931" width_o="1800" height_o="2931" data-src="https://freight.cargo.site/t/original/i/704eb624760aa9fe2f999ff4156394d0ee25753027012ca741d5a6b0a4a07e5b/IBI-About-Mockup2.png" data-mid="223552527" border="0" src="https://freight.cargo.site/w/1000/i/704eb624760aa9fe2f999ff4156394d0ee25753027012ca741d5a6b0a4a07e5b/IBI-About-Mockup2.png" /> https://gabimechaber.com/Halcyon Sun, 10 Nov 2024 23:42:38 +0000 Gabi Mechaber https://gabimechaber.com/Halcyon Halcyon Annual Report Annual Report, Development THE CLIENT Halcyon accelerates the impact-driven future of business. Since 2014, Halcyon’s fellowships for early-stage social entrepreneurs have provided space, community, and access—infusing support at a critical juncture where many impact-driven startups fail. Halcyon is focused on serving social entrepreneurs with ventures in Health, Climate, and EquityTech— three verticals that drive equity and inclusivity in society. PROJECT GOALS The Halcyon team requested an annual report site to document their 2023 updates that would require minimal development effort and extend their existing brand in a new way. We opted to use Webflow to build the site. THE WORK The report site builds on Halcyon’s current brand, using their hallmark circular pattern and connecting the dots in different layouts to illustrate Halcyon’s interconnected network of fellows and entrepreneurs. My work on this project demonstrates my skills using Figma and Webflow.&nbsp; View the full site ClientHalcyon Year2024 Friendly Design Project Team Gabi Mechaber, Designer and Webflow DeveloperHannah Karl, Brand Design DirectorAlicia Schreder, Project Manager Eddy Ficklin, Developer <img width="2658" height="2000" width_o="2658" height_o="2000" data-src="https://freight.cargo.site/t/original/i/fa0f456ab50d99f31fba233d325489e71774ff9e51551bdbace28256328726ca/Halcyon-laptop-mockup.png" data-mid="223749659" border="0" src="https://freight.cargo.site/w/1000/i/fa0f456ab50d99f31fba233d325489e71774ff9e51551bdbace28256328726ca/Halcyon-laptop-mockup.png" /> <img width="2878" height="2896" width_o="2878" height_o="2896" data-src="https://freight.cargo.site/t/original/i/17724c1ca5386b632795db81ead3ed71d14c6e3653dce0cf8cca66de44ea1c90/Cargo-Halcyon-AfricaProgramMockup.png" data-mid="223749677" border="0" src="https://freight.cargo.site/w/1000/i/17724c1ca5386b632795db81ead3ed71d14c6e3653dce0cf8cca66de44ea1c90/Cargo-Halcyon-AfricaProgramMockup.png" /> <img width="1200" height="1196" width_o="1200" height_o="1196" data-src="https://freight.cargo.site/t/original/i/d8fe5fbfdd8a86a5b9efd2875a0a192f2205eef14b93666f621c3c11972229cb/Cargo-Halcyon-FinancialMockup2.png" data-mid="223552555" border="0" src="https://freight.cargo.site/w/1000/i/d8fe5fbfdd8a86a5b9efd2875a0a192f2205eef14b93666f621c3c11972229cb/Cargo-Halcyon-FinancialMockup2.png" /> https://gabimechaber.com/Transformative-Financial-Inclusion Fri, 13 Feb 2026 20:07:00 +0000 Gabi Mechaber https://gabimechaber.com/Transformative-Financial-Inclusion Transformative Financial Inclusion Web Design THE CLIENT CGAP is a global partnership of more than 40 leading development organizations that works to advance the lives of people living in poverty, especially women, through financial inclusion. CGAP works at the frontier of inclusive finance to test solutions, spark innovation, generate evidence, and share insights.&nbsp; PROJECT GOALS The Friendly team collaborated with CGAP on a rebrand project and subsequently the website needed to be updated to match. In order to implement the development of the new website seamlessly, Friendly worked with their development team to redesign their existing modules in order to match the new CGAP brand.&nbsp;MY ROLE As the web designer for this project, I worked closely with the CGAP team to understand their website build and operations. I highlighted which modules were of the highest priority to redesign according to the content they most frequently update to remain within scope. The final deliverable was presenting the CGAP team with a comprehensive development guide in Figma outlining all of the redesigned modules and their respective functionalities. View the full site ClientCGAP Year2025 Friendly Design Project Team Gabi Mechaber, Web Designer Hannah Karl, Brand Design DirectorErin Lisette, Project ManagerRoss Nover, Creative DirectorCGAP Team, Developers <img width="2616" height="1744" width_o="2616" height_o="1744" data-src="https://freight.cargo.site/t/original/i/3b34377a0f0a5444a68bd0cef1ec6064cd5e7eb924ec7fa4d6fca9ad6c973a1c/CGAP-laptop-mockup.jpg" data-mid="244861608" border="0" src="https://freight.cargo.site/w/1000/i/3b34377a0f0a5444a68bd0cef1ec6064cd5e7eb924ec7fa4d6fca9ad6c973a1c/CGAP-laptop-mockup.jpg" /> <img width="2501" height="3930" width_o="2501" height_o="3930" data-src="https://freight.cargo.site/t/original/i/26fc11c71a6e18aa280ad7f646902ccd8bf8c2253796a81947a37cc158ad82ea/CGAP-webmockups-02.jpg" data-mid="244862522" border="0" src="https://freight.cargo.site/w/1000/i/26fc11c71a6e18aa280ad7f646902ccd8bf8c2253796a81947a37cc158ad82ea/CGAP-webmockups-02.jpg" /> <img width="2501" height="3459" width_o="2501" height_o="3459" data-src="https://freight.cargo.site/t/original/i/75ccd713f2ca0f86d44e0a4a7df4af7709676dd3f7177a3b6552a3d878865cf6/CGAP-webmockups-01.jpg" data-mid="244862523" border="0" src="https://freight.cargo.site/w/1000/i/75ccd713f2ca0f86d44e0a4a7df4af7709676dd3f7177a3b6552a3d878865cf6/CGAP-webmockups-01.jpg" /> &nbsp;Selected modules from the site build above. https://gabimechaber.com/Disrupting-the-School-to-Prison-Pipeline Sun, 10 Nov 2024 23:26:28 +0000 Gabi Mechaber https://gabimechaber.com/Disrupting-the-School-to-Prison-Pipeline Disrupting the School to Prison Pipeline Web Design THE CLIENT Founded in 2000, Fresh Lifelines for Youth (FLY) is an award-winning nonprofit serving Bay Area youth impacted by the justice system. FLY serves more than 2,000 youth ages 11-25 throughout the Bay Area each year. They offer programs in four Bay Area Counties, and San Francisco, and advocate at local and state levels to disrupt the pipeline to prison. PROJECT GOALS FLY needed a new website to highlight the breadth of their programming and the importance of the community they serve: underpriviledged youth. The Friendly team worked to rebrand FLY as well as carry the brand into a new, updated website appealing to both donors and the youth that they serve. MY ROLE I worked as a web designer for this project, creating wireframes detailing the site structure. In visual design, I translated the newly developed brand into flexible site modules that could be adapted for future use as the client’s content grew.&nbsp; THE WORKThe site is youthful and fun with bright, bold color-blocked areas and oversized text. Distressed textures add visual interest and a layered feel. View the full site ClientFresh Lifelines for Youth (FLY) Year2022 Friendly Design Project Team Cathy Solarana (Wheelhouse Collective), Brand DesignerGabi Mechaber, Web DesignerAlicia Schreder, Project ManagerRoss Nover, Creative DirectorIan Hamilton, Developer <img width="2450" height="1634" width_o="2450" height_o="1634" data-src="https://freight.cargo.site/t/original/i/b965fc5d3c61da69fb1c4e78c6ff31d81fa0af7c741a5395513cb05671dd272f/FLY-laptop-mockup.png" data-mid="223967931" border="0" src="https://freight.cargo.site/w/1000/i/b965fc5d3c61da69fb1c4e78c6ff31d81fa0af7c741a5395513cb05671dd272f/FLY-laptop-mockup.png" /> <img width="1600" height="6187" width_o="1600" height_o="6187" data-src="https://freight.cargo.site/t/original/i/b37f28ff07ee039deb8f4b1e76dd4a217a20bf979bc33a065743715e59d5d039/FLY-HP-mockup.png" data-mid="221840557" border="0" src="https://freight.cargo.site/w/1000/i/b37f28ff07ee039deb8f4b1e76dd4a217a20bf979bc33a065743715e59d5d039/FLY-HP-mockup.png" /><img width="3200" height="1954" width_o="3200" height_o="1954" data-src="https://freight.cargo.site/t/original/i/7eb819dd64078202bb5341b3a0036ea81202e34b149d3c8161023c4ccc4e0c77/FLY-wireframes.png" data-mid="223751030" border="0" src="https://freight.cargo.site/w/1000/i/7eb819dd64078202bb5341b3a0036ea81202e34b149d3c8161023c4ccc4e0c77/FLY-wireframes.png" />Wireframes were created to guide the structure and layout of the site content, creating a clear hierarchy of information with FLY’s existing content. <img width="1600" height="1204" width_o="1600" height_o="1204" data-src="https://freight.cargo.site/t/original/i/80da639a668a21b573ae78536153413997919d1490a0eac95e6ac1c4fef5507f/FLY-modules-mockup.png" data-mid="221840724" border="0" src="https://freight.cargo.site/w/1000/i/80da639a668a21b573ae78536153413997919d1490a0eac95e6ac1c4fef5507f/FLY-modules-mockup.png" /> https://gabimechaber.com/KID-Museum Sun, 10 Nov 2024 23:41:19 +0000 Gabi Mechaber https://gabimechaber.com/KID-Museum KID Museum Annual Report, Print Design, Branding, Development THE CLIENT KID Museum is the DC area’s pioneering experiential museum and educational makerspace. They foster the “Mind of a Maker” in kids and youth, empowering the next generation with the skills to invent the future. PROJECT GOALS The Friendly team worked with KID Museum two years in a row to create their print annual reports. The goal of both reports was to evolve the existing KID Museum brand, while remaining bright, fun, and professional to appeal to donors and funders.&nbsp; MY ROLEBoth the 2022 and 2023 print booklets can be found below. I worked as the design lead on both reports, creating multiple concepts for the KID Museum team to approve. Designing the full reports, I expanded the chosen concept. The 2023 report design helped to guide a new era of the KID Museum brand,&nbsp; leading to my creation of a new brand guide featuring new illustrations and image treatments. View the full 2022 report View the full 2023 report ClientKID Museum Year2022 &amp; 2023 Friendly Design Project TeamGabi Mechaber, Designer Hannah Karl, Brand Design DirectorAlicia Schreder, Project ManagerRoss Nover, Creative Director 2022 Report&nbsp; <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/d727a1727315830ce2e0cb45ea3dc1165e92bf4b323aeb54a7c6fa919cb918bc/KIDMuseum-2022-reportcover.png" data-mid="223555583" border="0" src="https://freight.cargo.site/w/1000/i/d727a1727315830ce2e0cb45ea3dc1165e92bf4b323aeb54a7c6fa919cb918bc/KIDMuseum-2022-reportcover.png" /><img width="2484" height="1863" width_o="2484" height_o="1863" data-src="https://freight.cargo.site/t/original/i/76b6a69668089c5ecf2c83ff517e5c8676380db67008bdb5f8bb7b2ee7c7d8f3/KIDMuseum-2022-page24.png" data-mid="223835017" border="0" src="https://freight.cargo.site/w/1000/i/76b6a69668089c5ecf2c83ff517e5c8676380db67008bdb5f8bb7b2ee7c7d8f3/KIDMuseum-2022-page24.png" /> <img width="4250" height="2125" width_o="4250" height_o="2125" data-src="https://freight.cargo.site/t/original/i/92c865a04309e259b25453a7af6367cbd335beb285a1b52482dab97bd58c356e/KID-AnnualReport-DigitalNew_Page_04.jpg" data-mid="223834706" border="0" src="https://freight.cargo.site/w/1000/i/92c865a04309e259b25453a7af6367cbd335beb285a1b52482dab97bd58c356e/KID-AnnualReport-DigitalNew_Page_04.jpg" /> <img width="4250" height="2125" width_o="4250" height_o="2125" data-src="https://freight.cargo.site/t/original/i/9040abc69eecd2ad834f75f7857e9aa0b4885a8bda034502976b5709845a9cbc/KID-AnnualReport-DigitalNew_Page_06.jpg" data-mid="223834738" border="0" src="https://freight.cargo.site/w/1000/i/9040abc69eecd2ad834f75f7857e9aa0b4885a8bda034502976b5709845a9cbc/KID-AnnualReport-DigitalNew_Page_06.jpg" /> 2023 Report <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/3874809bf607dc22aee566dd490a99498416c6afe0f3ed44f33780b7d67e5d5e/KIDMuseum-2023-reportcover.png" data-mid="223555642" border="0" src="https://freight.cargo.site/w/1000/i/3874809bf607dc22aee566dd490a99498416c6afe0f3ed44f33780b7d67e5d5e/KIDMuseum-2023-reportcover.png" /> <img width="1600" height="360" width_o="1600" height_o="360" data-src="https://freight.cargo.site/t/original/i/cf8ad2567554c906775e47b63f1c09de4b0c8ef98c56e66850b892cf7d594bf4/Cargo-KIDMuseum-Illustrations.png" data-mid="223836054" border="0" src="https://freight.cargo.site/w/1000/i/cf8ad2567554c906775e47b63f1c09de4b0c8ef98c56e66850b892cf7d594bf4/Cargo-KIDMuseum-Illustrations.png" />The 2023 Annual Report design featured a new suite of illustrations embodying the playful, exploratory spirit of KID Museum. <img width="2342" height="1756" width_o="2342" height_o="1756" data-src="https://freight.cargo.site/t/original/i/506007417e6634cd3047f70bbcf648b13cb63c8c38bd3a6b2f674fe37d8b8788/KIDMuseum-2023-page4.png" data-mid="223835065" border="0" src="https://freight.cargo.site/w/1000/i/506007417e6634cd3047f70bbcf648b13cb63c8c38bd3a6b2f674fe37d8b8788/KIDMuseum-2023-page4.png" /> <img width="5328" height="2664" width_o="5328" height_o="2664" data-src="https://freight.cargo.site/t/original/i/764ea239d6a750a500f0f7ec56e5ff4b912928163e3c0e316bffd572c056be62/KID-AnnualReport-2022-2023-DigitalNew_Page_03.jpg" data-mid="223834869" border="0" src="https://freight.cargo.site/w/1000/i/764ea239d6a750a500f0f7ec56e5ff4b912928163e3c0e316bffd572c056be62/KID-AnnualReport-2022-2023-DigitalNew_Page_03.jpg" /> <img width="3200" height="1600" width_o="3200" height_o="1600" data-src="https://freight.cargo.site/t/original/i/6c1eea212306e56b126114da1a3aeee401d9e41729ac0868c9fd45f1d6667394/KID-AnnualReport-2022-2023-DigitalNew_Page_09.jpg" data-mid="223834875" border="0" src="https://freight.cargo.site/w/1000/i/6c1eea212306e56b126114da1a3aeee401d9e41729ac0868c9fd45f1d6667394/KID-AnnualReport-2022-2023-DigitalNew_Page_09.jpg" /> 2023 Webflow Report <img width="1130" height="634" width_o="1130" height_o="634" data-src="https://freight.cargo.site/t/original/i/6cadacd44fc6f8dbd1f59639b6895fb2d3caca2b318b0a3762e3cb34fda16189/KID-AnnualReport--R1-copy.png" data-mid="223835187" border="0" src="https://freight.cargo.site/w/1000/i/6cadacd44fc6f8dbd1f59639b6895fb2d3caca2b318b0a3762e3cb34fda16189/KID-AnnualReport--R1-copy.png" /><img width="1130" height="729" width_o="1130" height_o="729" data-src="https://freight.cargo.site/t/original/i/25df49a24e33bdf30323af96e54261653dc5fa7ad8002a8eda380f4ba4040b5b/KID-AnnualReport--Quote-Module.png" data-mid="223835377" border="0" src="https://freight.cargo.site/w/1000/i/25df49a24e33bdf30323af96e54261653dc5fa7ad8002a8eda380f4ba4040b5b/KID-AnnualReport--Quote-Module.png" /> <img width="1130" height="1480" width_o="1130" height_o="1480" data-src="https://freight.cargo.site/t/original/i/29a44fecdd80fd60fb3b2093d5327b677aec0cbafe9609b7ca0aa961120b13b4/KID-AnnualReport--Inventors-Module.png" data-mid="223835192" border="0" src="https://freight.cargo.site/w/1000/i/29a44fecdd80fd60fb3b2093d5327b677aec0cbafe9609b7ca0aa961120b13b4/KID-AnnualReport--Inventors-Module.png" /> I built a digital report site on Webflow to match the 2023 print report. Selected modules above. https://gabimechaber.com/REDF-Workshop Wed, 18 Dec 2024 18:30:31 +0000 Gabi Mechaber https://gabimechaber.com/REDF-Workshop REDF Workshop Web Design THE CLIENT REDF Workshop is the ultimate hub for Employment Social Enterprises (ESEs) seeking to build, grow, and sustain impactful organizations! Their platform is designed to equip businesses with the knowledge, tools, and resources needed to drive positive change and create lasting transformative impact in the ESE field. PROJECT GOALS The Friendly team worked with REDF to redesign their website. The REDF team had recently undergone a rebrand so the website needed to match their existing brand.&nbsp; MY ROLE I joined this project near the end of the website process and started with style tiles and visual design. I presented the client with 3 different website concepts based on different evolutions of their existing brand. The design now focuses on the blue and orange shades of the palette while making sure to include the brand’s grain textures. View the full site&nbsp; ClientREDF Workshop Year2023 Friendly Design Project TeamGabi Mechaber, Web Designer Julia Kim, Web Designer Hannah Karl, Brand Design DirectorErin Lisette, Project Manager Eddy Ficklin, Developer <img width="2577" height="1718" width_o="2577" height_o="1718" data-src="https://freight.cargo.site/t/original/i/611b4c5b37d85b191e3bfd2092ac675cb01ec097e26a7ea817ac709af36f88ed/REDF-laptop-mockup.png" data-mid="223971994" border="0" src="https://freight.cargo.site/w/1000/i/611b4c5b37d85b191e3bfd2092ac675cb01ec097e26a7ea817ac709af36f88ed/REDF-laptop-mockup.png" /> <img width="1600" height="4224" width_o="1600" height_o="4224" data-src="https://freight.cargo.site/t/original/i/2a1e99bbb52e1caa362a4696f5ba8a34115bf0d185bd6c68f07c0a57d43f5f10/REDF-Cargo-HP-mockup.png" data-mid="223972000" border="0" src="https://freight.cargo.site/w/1000/i/2a1e99bbb52e1caa362a4696f5ba8a34115bf0d185bd6c68f07c0a57d43f5f10/REDF-Cargo-HP-mockup.png" /><img width="2400" height="1806" width_o="2400" height_o="1806" data-src="https://freight.cargo.site/t/original/i/cab3adffa4655684a0783dd2d7213ae4974bad93b1013ef2dccb630cd781346c/REDF-Cargo-modules.png" data-mid="223972040" border="0" src="https://freight.cargo.site/w/1000/i/cab3adffa4655684a0783dd2d7213ae4974bad93b1013ef2dccb630cd781346c/REDF-Cargo-modules.png" />