CMA: Architects Of Modern Financial Solutions

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>What is CMA</p></div><p class="h3-style">CMA provides flexible systems solutions to companies operating in financial markets.  For them, we’ve developed a branding identity that helps reflect the best features of each CMA’s product by using specific colors and 3D shapes.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee7af19c4c26dc4b310_cma-2.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee411a5ac778ccaf419_cma-3.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee360f0e509540be108_cma-5.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee3415a857c5afef4f8_cma-6.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Brand Idea</p></div><p class="h4-style">We convey the сustomization of CMA’s solutions via a Japanese woodworking technique, entitled Kumiko. CMA designs modular products that can be easily adjusted in size while remaining solid, so the Kumiko does.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee38a5b062351bfcc37_cma-7.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Brand Identity</p></div><p class="h4-style">We’ve designed different 3D shapes for each of CMA’s products. Payment systems are based on the simple idea, that is illustrated as a leaf, but operates complex technologies. Commercial Banks are as solid as a diamond. Depository System is complex but systemized and reliable. As for Services, they connect entire systems so the 3D shape does.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee194d7efae2a2f8dc8_cma-8.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee754f4d2491d6b8380_cma-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>Website</p></div><p class="h4-style">Brand identity is a bedrock of the CMA’s website, it took us 7 sprints to make both. Everything on the web from 3D shapes to tone of voice shows the reliability of the brand.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee8af19c463ffc4b337_cma-10.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee60b6d1f78ba4d88cb_cma-11.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">As every CMA’s solution is visualized with its color and 3D shape, we’ve created different pages for them. We’ve also added filtering on the Clients page, so they see the best-targeted use-cases.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee2341fb584f9a0dab7_cma-12.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr mb-80"><div class="g-7-15"><div class="pt-13"><p>Prototyping & Wireframes</p></div><div class="transp-bl"></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee3710d8d21404376ab_cma-13.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">We’ve chosen the font that is easy to read because CMA’s website includes a lot of text blocks.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee2c664e86f137401b3_cma-14.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr mb-80"><div class="g-7-15"><div class="pt-13"><p>Color Palette</p></div><div class="transp-bl"></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee1ed58052df1ca8ae7_cma-15.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 designed a universal icon pack for CMA, they are straightforward, economy-oriented, and fit well with 3D shapes.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee34f23e8c2decad0bd_cma-16.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Photos</p></div><p class="h4-style">Minimalistic photos on the website create the right balance for massive 3D shapes. All photos show modern buildings that represent modular CMA’s solutions.</p><div class="mb-80"></div></div></div>

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee2a55962823fcc55f7_cma-17.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://assets-global.website-files.com/62e119d58c1c3abc0a13d8f9/631eeee334ed9e5710cde250_cma-18.webp" loading="lazy" alt="" class="s_image_full">

</div></div><div class="p-lr pt-200"><div class="team-case"><div class="mb-4"><p><b>Producer:  </b>Leonid Bondarenko</p></div><div class="mb-4"><p><b>Project Manager:  </b>Denis Zatsepilin</p></div><div class="mb-4"><p><b>Art Direction: </b>Elisey Soloviev</p></div><div class="mb-4"><p><b>Design: </b>Nastya Galeeva,  Ivan Mukhortov</p></div><div class="mb-4"><p><b>Motion Design: </b>Anton Maydurov</p></div><div class="mb-4"><p><b>Webflow development: </b>Artem Kuznetsov, Nikita Zinevich, Stanislav Vegasov</p></div>