CLICK
PLAY
LinkedIn.
Substack.
Twitter.
Opensea.
</div></div></div><div class="project-section project02"><div class="project-container"><div class="d40"><div class="contentbox" data-ix="scroll-fade-in"><div class="content project" data-ix="scroll-fade-in">What more better way than<br/></div></div><div class="features-wrap"><div class="features-item" data-ix="scroll-fade-in"><div class="feature-label"><div class="content is-flip projects small project-heading">Industry</div></div><div class="feature-content"><div class="content is-flip projects small">Crypto Fintech</div></div></div><div class="features-item" data-ix="scroll-fade-in"><div class="feature-label"><div class="content is-flip projects small project-heading">Services</div></div><div class="feature-content"><div class="content is-flip projects small">Brand creation / Web and Application Design</div></div></div></div></div><div class="d50"><div class="rect-frame is-floating body"><div data-w-id="00aee40e-d360-0ba5-92b1-304cc7767d08" class="img-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="full-img"/></div></div></div></div></div><div class="project-section full-page project02"><div class="bg-img-div body"><div data-poster-url="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/63d3f1e3697c5466a5da4725_MockupAnimation01-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/63d3f1e3697c5466a5da4725_MockupAnimation01-transcode.mp4,https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/63d3f1e3697c5466a5da4725_MockupAnimation01-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="background-video-12 w-background-video w-background-video-atom"><video id="48b1c305-95d4-fe87-e596-f168c485745b-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/63d3f1e3697c5466a5da4725_MockupAnimation01-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/63d3f1e3697c5466a5da4725_MockupAnimation01-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/63d3f1e3697c5466a5da4725_MockupAnimation01-transcode.webm" data-wf-ignore="true"/></video></div></div></div><div class="project-section project02"><div class="project-container"><div class="d50 sec02"><div class="image-container"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/629d8d149d59ce44f37b00c8_Grid_BG.svg" loading="lazy" alt="Grid" class="full-img"/></div><div data-w-id="9061799a-bd20-fbee-e93c-29de42186761" class="image-container floating"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/62a6d5b46dbdca813086b4a4_Sec01_Img.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/62a6d5b46dbdca813086b4a4_Sec01_Img-p-500.png 500w, https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/62a6d5b46dbdca813086b4a4_Sec01_Img-p-800.png 800w, https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/62a6d5b46dbdca813086b4a4_Sec01_Img.png 1052w" alt="What is Mattr image" class="full-img"/></div></div><div class="d40 sec02"><div class="contentbox" data-ix="scroll-fade-in"><div class="content project" data-ix="scroll-fade-in">We began by conducting extensive research on the crypto and fintech industries. We looked at the current trends and user needs to understand what would be important for the brand to convey. <br/><br/>The design team at MATTR got to work creating visual identity and system that would grow with them. We focused on creating a clean and modern look that would appeal to a wide audience. We used a bold color palette and simple typography to convey the app's accessibility and ease of use. We also incorporated illustrations and icons that would help users understand the app's features and functionality.<br/><br/>The final result is an app that is visually stunning and easy to navigate. The brand effectively communicates the key values and the design elements make it easy for users to understand how to use the app.<br/></div></div></div></div></div><div class="project-section zero-pad-vert"><div class="text-row projects"><h2 class="project-heading">Other Works</h2></div></div><div id="Forms" class="section is-flip is-black sec07"><div class="container sec07"><div class="text-row sec07"><h2 class="section-headings sec07">Let's MATTR</h2></div></div><div class="container sec07 cont02"><div class="in-container"><div class="textimg sec07"><div class="pragraphcontent sec07"><div class="contentbox sec07" data-ix="scroll-fade-in"><div class="content sec07">Drop into our social pages, take a peek behind the scenes, start a conversation.<br/></div></div></div></div><div class="w-layout-grid grid-2"><div id="w-node-_84089f6e-bd62-d367-c3ac-9851718199be-9d16a4eb" class="grid-lines"></div><div id="w-node-_66048620-0c7e-8c7d-b2e8-910e6926650f-9d16a4eb" class="grid-lines"></div><div id="w-node-_5af05e89-9b0d-ae16-56a8-daeb296bebf5-9d16a4eb" class="grid-lines"></div><div id="w-node-_25415676-b9c6-c42a-f867-0d1d23227e04-9d16a4eb" class="grid-lines"></div><div id="w-node-_6395d7fc-81b3-cd96-44ca-6bba38edb573-9d16a4eb" class="grid-lines top-right"></div><div id="w-node-_690a81f0-fc0f-c568-0385-19c276a3fa42-9d16a4eb" class="grid-lines"><a id="Link_LinkedIn" href="https://www.linkedin.com/company/themattr" target="_blank" class="link-socialmedia w-inline-block"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/629d8d149d59cedb2a7b00d4_Sec07_Linkedin_Img.svg" loading="lazy" alt="LinkedIn_Icon" class="socialmedia-icons"/></a></div><div id="w-node-_83c70c41-e4bb-5473-c156-c24cef4e9bc8-9d16a4eb" class="grid-lines"><a id="Link_Twitter" href="https://twitter.com/themattrexp?s=20&t=GiFqJT5ciVY0AJYBiV1DeQ" class="link-socialmedia w-inline-block"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/629d8d149d59ce9a737b00d6_Sec07_Twitter_Img.svg" loading="lazy" alt="Twitter Icon" class="socialmedia-icons"/></a></div><div id="w-node-_24a7874b-95ce-3ee2-deea-36658b4d3ead-9d16a4eb" class="grid-lines"><a id="Link_Medium" href="https://themattr.substack.com/" target="_blank" class="link-socialmedia w-inline-block"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/63299aebb71d119cab4605d1_Sec07_Substack_Img.svg" loading="lazy" width="30" height="30" alt="" class="socialmedia-icons"/></a></div><div id="w-node-_527a7bb5-aa0a-1ccd-2873-3e28370aa365-9d16a4eb" class="grid-lines"><a id="Link_Opensea" href="#" target="_blank" class="link-socialmedia w-inline-block"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/629d8d149d59ce96877b00d7_Sec07_OpenSea_Img.svg" loading="lazy" alt="Opens Icon" class="socialmedia-icons"/></a></div><div id="w-node-a59c820b-1296-c30c-3717-1172db3c6303-9d16a4eb" class="grid-lines top-right"></div><div id="w-node-_9d4de6cf-c6c6-d1d9-5f52-896c025742df-9d16a4eb" class="grid-lines bottom-right"></div><div id="w-node-_490d9d52-9844-d5fb-a59e-a919661f25ef-9d16a4eb" class="grid-lines bottom-right"></div><div id="w-node-dc417664-7c8b-11e2-1e53-f260d1a7cdd7-9d16a4eb" class="grid-lines bottom-right"></div><div id="w-node-_2b7003d0-6852-3d17-00f9-6b170a121629-9d16a4eb" class="grid-lines bottom-right"></div></div><div class="w-layout-grid grid-2 mobile_tab"><div id="w-node-dd09abc0-96b4-cb7d-36df-6ac82506fadc-9d16a4eb" class="grid-lines"><a id="Link_LI" href="https://www.linkedin.com/company/themattr" target="_blank" class="link-socialmedia w-inline-block"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/629d8d149d59cedb2a7b00d4_Sec07_Linkedin_Img.svg" loading="lazy" alt="LinkedIn_Icon" class="socialmedia-icons"/></a></div><div id="w-node-dd09abc0-96b4-cb7d-36df-6ac82506fadf-9d16a4eb" class="grid-lines"><a id="Link_TW" href="https://twitter.com/themattrexp?s=20&t=GiFqJT5ciVY0AJYBiV1DeQ" class="link-socialmedia w-inline-block"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/629d8d149d59ce9a737b00d6_Sec07_Twitter_Img.svg" loading="lazy" alt="Twitter Icon" class="socialmedia-icons"/></a></div><div id="w-node-dd09abc0-96b4-cb7d-36df-6ac82506fae2-9d16a4eb" class="grid-lines"><a id="Link_MED" href="https://themattr.substack.com/" target="_blank" class="link-socialmedia w-inline-block"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/63299aebb71d119cab4605d1_Sec07_Substack_Img.svg" loading="lazy" width="25" alt="" class="socialmedia-icons"/></a></div><div id="w-node-dd09abc0-96b4-cb7d-36df-6ac82506fae5-9d16a4eb" class="grid-lines lastgrid"><a id="Link" href="#" target="_blank" class="link-socialmedia w-inline-block"><img src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/629d8d149d59ce96877b00d7_Sec07_OpenSea_Img.svg" loading="lazy" alt="Opens Icon" class="socialmedia-icons"/></a></div></div></div><div data-current="Want to Collaborate " data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs w-tabs"><div class="tabs-menu w-tab-menu"><a data-w-tab="Want to Collaborate " class="tablink left w-inline-block w-tab-link w--current"><div class="text-block-4">Collaborate with us</div></a><a data-w-tab="Want to Join" class="tablink right w-inline-block w-tab-link"><div class="text-block-5">Join to work with us</div></a></div><div class="w-tab-content"><div data-w-tab="Want to Collaborate " class="w-tab-pane w--tab-active"><div class="form--collaborate w-form"><form id="wf-form-Want-to-Collaborate" name="wf-form-Want-to-Collaborate" data-name="Want to Collaborate" method="get" class="form" data-wf-page-id="63d50e91523677c39d16a4eb" data-wf-element-id="50108d3c-0ae6-4ed8-b6f5-8d79ee74a0c4"><div class="w-layout-grid grid"><input class="text-field w-input" maxlength="256" name="name" data-name="Name" placeholder="FULL NAME*" type="text" id="name"/><input class="text-field w-input" maxlength="256" name="Contact-Number" data-name="Contact Number" placeholder="CONTACT NUMBER" type="tel" id="Contact-Number-4"/><input class="text-field w-input" maxlength="256" name="Email" data-name="Email" placeholder="EMAIL*" type="email" id="Email-3" required=""/><input class="text-field w-input" maxlength="256" name="Company" data-name="Company" placeholder="COMPANY*" type="text" id="Company" required=""/></div><textarea id="Message-2" name="Message" maxlength="5000" data-name="Message" placeholder="MESSAGE" class="text-field message w-input"></textarea><div class="button"><input type="submit" data-wait="Please wait..." class="button-main w-button" value="Confirm"/></div></form><div class="success-message w-form-done"><div class="textbox"><div class="textbox_success">Thank you! We will get in touch with you soon</div></div></div><div class="failure-message w-form-fail"><div class="textbox"><div class="textbox_success">Oops! Something went wrong while submitting the form</div></div></div></div></div><div data-w-tab="Want to Join" class="w-tab-pane"><div class="form---joinus w-form"><form id="wf-form-Want-to-Join" name="wf-form-Want-to-Join" data-name="Want to Join" method="get" class="form" data-wf-page-id="63d50e91523677c39d16a4eb" data-wf-element-id="a72ec8a4-db9d-e21f-6325-918e4fccf3d9"><div class="w-layout-grid grid"><input class="text-field w-input" maxlength="256" name="Name" data-name="Name" placeholder="FULL NAME*" type="text" id="Name-3" required=""/><input class="text-field w-input" maxlength="256" name="Contact-Number" data-name="Contact Number" placeholder="CONTACT NUMBER" type="tel" id="Contact-Number-5"/><input class="text-field w-input" maxlength="256" name="Email" data-name="Email" placeholder="EMAIL*" type="email" id="Email-5" required=""/><input class="text-field w-input" maxlength="256" name="Portfolio" data-name="Portfolio" placeholder="LINK TO PORTFOLIO*" type="text" id="Portfolio" required=""/></div><textarea id="Message" name="Message" maxlength="5000" data-name="Message" placeholder="MESSAGE" class="text-field message w-input"></textarea><input type="submit" data-wait="Please wait..." class="button-main w-button" value="Confirm"/></form><div class="success-message w-form-done"><div class="textbox"><div class="textbox_success">Thank you! We will get in touch with you soon</div></div></div><div class="failure-message w-form-fail"><div class="textbox"><div class="textbox_success">Oops! Something went wrong while submitting the form</div></div></div></div></div></div></div></div></div><footer class="section footer"><div class="content footer">© 2023 Mattr. All rights reserved.</div></footer></main><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=629d8d149d59ce814f7b00b4" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/629d8d149d59ce814f7b00b4/js/webflow.d0898ddb.d56f4a7119619183.js" type="text/javascript"></script><style> .particles-js-canvas-el { position: absolute; max-width: 100%; max-height:100%; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 0; }</style> <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> <script> particlesJS( // this is the ID your particles container needs to have "particles-js", // Visit https://vincentgarreau.com/particles.js/ to get your code // Paste your code directly underneath this line { "particles": { "number": { "value": 199, "density": { "enable": true, "value_area": 800 } }, "color": { "value": "#ffffff" }, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 3 }, "image": { "src": "img/github.svg", "width": 100, "height": 100 } }, "opacity": { "value": 1, "random": true, "anim": { "enable": false, "speed": 1, "opacity_min": 0.1, "sync": false } }, "size": { "value": 3, "random": true, "anim": { "enable": false, "speed": 40, "size_min": 0.1, "sync": false } }, "line_linked": { "enable": false, "distance": 0, "color": "#ffffff", "opacity": 0, "width": 0 }, "move": { "enable": true, "speed": 3, "direction": "none", "random": false, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 600, "rotateY": 1200 } } }, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": true, "mode": "repulse" }, "onclick": { "enable": true, "mode": "push" }, "resize": true }, "modes": { "grab": { "distance": 400, "line_linked": { "opacity": 1 } }, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3 }, "repulse": { "distance": 200, "duration": 0.4 }, "push": { "particles_nb": 4 }, "remove": { "particles_nb": 2 } } }, "retina_detect": true } ) </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r125/three.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@finsweet/3dglobes@1/OrbitControls.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@finsweet/3dglobes@1/FsGlobe.min.js"></script> <script src="https://player.vimeo.com/api/player.js"></script> <script> var Webflow = Webflow || []; Webflow.push(function () { // DOMready has fired // May now use jQuery and Webflow api var iframe = document.querySelector('iframe'); var player = new Vimeo.Player(iframe); $('#btnPlay01').click(function(){ player.play(); }); $('#btnPlay02').click(function(){ player.play(); }); $('#btnClose').click(function(){ player.unload(); }); }); </script></body></html>
