Mala’a: Grow Your Financial Well-Being

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>What is Mala’a</p></div><p class="h3-style">With Mala’a, you get total control over your expenses, access the best interest rates, budget smartly, and invest profitably.  For them, we’ve created a metaphor of blooming flowers that show how your financial well-being grows with Mala’a.</p><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63105fc4dc4b6455a0f1c687_malaa-1.webp" loading="lazy" alt="" class="s_image_full mb-64"><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63105fc4df75a6bafd0db41c_malaa-2.webp" loading="lazy" alt="" class="s_image_full"><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63105fc4e5f3860b10608826_malaa-3.webp" loading="lazy" alt="" class="s_image_full mb-80">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Brand Idea</p></div><p class="h4-style">Financial prosperity is a delicate and systematic process. It's like caring for a fragile flower that requires specific morphology, light, and climate. Just like the nurturing process, Mala'a analyses the consumers’ financial behavior with engineering precision and knows precisely how to grow their financial habits.</p><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631060c86fb3916b7f8ca914_malaa-4.webp" loading="lazy" alt="" class="s_image_full mb-48"><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631060c850601a783dc2ec8d_malaa-5.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Patterns</p></div><p class="h4-style">Elaborating on brand concept, we designed patterns corresponding to each of Mala’a products. The Investments' graphics builds from narrow to broad, as firstly you need to invest a little to get more after. For customized conditions of Credit Scoring, the pattern is flexible.  PFM’s lines are in the shape of a sprouting seed that conveys the metaphor of growth.</p><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625afd88e64a2905a400_malaa-6.png" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Brandbook</p></div><p class="h4-style">Brandbook is what keeps everything in line. To create a coherent throughline in Mala’a brand identity, we’ve created the guidelines on how the color scheme and 3D grapics should be used on the website.</p><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625ce5f386696560a2ec_malaa-7.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr pb-80"><div class="g-7-15"><div class="pt-13"><p>Website</p></div><div><p class="h4-style mb-32">The website shows financial well-being while not speaking directly about that. The thing is that Saudi Arabian people don’t praise wealth. That’s why we stick to the metaphor of blooming flowers to showcase the brand at its best</p><a href="https://www.figma.com/file/GGHnjZ2fhrgulk7F8t3kmq/Mala'a-Tech.-Complete" class="link-l undrln-bl">Check our process in Figma</a></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625c37560b99d328b541_malaa-8.webp" loading="lazy" alt="" class="s_image_full mb-48"><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625c50601aef98c301fd_malaa-9.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Sitemap</p></div><p class="h4-style">Mala’a enhances the financial literacy of its users, thus its name means “solvency” in Arabic. We’ve developed both the Library and News pages to educate Mala’a audience.</p><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625905bc51485e6bbc7d_malaa-10.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Prototyping & Wireframes</p></div><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625d0c46296c90506394_malaa-11.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Copywrite</p></div><p class="h4-style">The website needed to be understandable for both domestic and international audiences. For that, we’ve always worked in sync with Mala’a to work on both English and Arabic texts.</p><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625ca0f3be7ef5e2ba1e_malaa-12.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Typography</p></div><p class="h4-style">For the accents in the typography, we highlight keywords in the copywriting that help to reveal the Growing Up concept. It is important to observe the size of the space between the accent and the main TWK Lausanne font — it should be equal to the indentation in the main text.</p><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625a82760e21de9978eb_malaa-13.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Color Palette</p></div><p class="h4-style">Each Mala'a product has its palette. The direction of the gradient is 45 degrees from cool to warm and from dark to light, conveying the concept of growth and change in lifestyle and well-being of Mala'a users.</p><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625980719cf5f801fb82_malaa-bg.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Icons</p></div><p class="h4-style">We’ve developed a universal gradient-colored icon pack that Mala’a uses on both the website and their app.</p><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625a81e79c508c48a86e_malaa-icons.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Interfaces</p></div><div class="pb-80"></div></div></div><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625bdc4b64bc82f1f6a0_malaa-interf.webp" loading="lazy" alt="" class="s_image_full mb-80"><img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/6310625ba54e1981361f431c_malaa-last.webp" loading="lazy" alt="" class="s_image_full">